/* Source and licensing information for the line(s) below can be found at https://bhsmukundapur.ac.in/sites/mubhs/themes/custom/mbhs/assets/css/new-menu.css. */
.header{position:sticky; display: block; top: 0; left: 0; width: 100%; height: auto; padding:0;margin: 0 auto;z-index: 999;}
.header .container{padding:0!important;width:100%;max-width:100%!important;}
.header .wrapper{background: #fff;box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);padding:15px 20px;}
.header-item-left h1{margin:0;}
.brand{overflow: hidden; display: block;}
.header .menu ul{margin:0; padding: 0;}
.header .menu ul > li{display: inline-block; margin-left:1rem;}
.header .menu ul > li > a:not(.cmn_btn){position: relative; font-weight:600; line-height: 1.25; border: none; outline: none; color: #333; text-transform: capitalize; text-rendering: optimizeLegibility; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}
.header .menu ul > li > a:not(.cmn_btn):hover{color: #000; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}
.header .menu ul > li .menu-subs{position: absolute; width: 100%; height: auto; margin-top:1.5rem; padding: 1rem 2rem; border: none; outline: none; z-index: 500; opacity: 0; visibility: hidden; border-radius: 0.25rem; border-bottom: 5px solid #ff6a03; background: #fafafa; -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.header .menu ul > li .menu-subs > ul > li{line-height: 1;}
.header .menu ul > li .menu-subs > ul > li > a{display: inline-block; font-weight: 500; line-height: 1.25; padding: 0.75rem 0; border: none; outline: none; color: #121212; text-transform: capitalize; text-rendering: optimizeLegibility; -webkit-transition: all 0.3sease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.header .menu ul > li .menu-column-1{ min-width: 16rem; max-width: 20rem;}
/*.header .menu ul > li .menu-subs.menu-mega{left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}*/
.header .menu ul > li .menu-subs.menu-mega > .list-item ul > li{display: block; line-height: 1; margin-left: 0;}
.header .menu ul > li .menu-subs.menu-mega > .list-item ul > li > a{display: inline-block; text-rendering: optimizeLegibility;-webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; color: #666; padding: 8px; display: block;  font-weight: 500; font-size: 1.5rem; border-bottom: 1px dashed #b5b5b5;}
.header .menu ul > li .menu-subs.menu-mega > .list-item ul > li:last-child:not(:first-child) >a{border-bottom: none;}
/*.header .menu ul > li .menu-subs.menu-column-4 > .list-item:after{width: 1px; height: 100%;   content: ""; right: 15px; position: absolute; border-left: 1px dashed #b5b5b5; top: 0;}
.header .menu ul > li .menu-subs.menu-column-4 > .list-item:first-child{border-left:0}*/
/*.header .menu ul > li .menu-subs.menu-mega > .list-item ul > li:last-child > a{border:none;}*/
.header .menu ul > li .menu-subs.menu-mega > .list-item > ul > li > a:hover{color:#ff431c; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}
.header .menu ul > li .menu-subs.menu-column-4{display: -webkit-box; display: -ms-flexbox; display: flex; /*max-width: 100%; width: max-content;*/ padding:16px; justify-content: space-between; left: 50%; transform: translate(-50%, 0); }
.header .menu ul > li .menu-subs.menu-column-4 > .list-item {padding-right: 1.5rem; position:relative; min-width:25%; width:100%;}
.header .menu ul > li .menu-subs.menu-column-4 > .list-item:last-child{padding-right:0;}
.header .menu ul > li .menu-subs.menu-column-4 > .list-item:last-child:after{display: none;}
.header .menu ul > li .menu-subs.menu-column-4 > .list-item .title{font-weight: 500; line-height: 1; padding: 0.5rem 0; border: none; outline: none; color: #062044; text-transform: uppercase; text-rendering: optimizeLegibility; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size:16px;}
.header .menu ul > li .menu-subs.menu-mega > .list-item img{width:100%;}
.down-arrow{position: absolute; width: 13px; height:8px; background:url(/sites/mubhs/themes/custom/mbhs/assets/css/../../assets/images/sprite.webp) no-repeat; background-position: -1px 0px; border: none;  top: 50%; transform: translate(0, -50%); /*transform-origin: 7px 2px; -webkit-transition: all .5s ease-in-out; transition: all .5s;*/ right: -15px;}
.header .menu ul > li:hover .down-arrow {transform: translate(0, -50%) rotate(180deg); /* transform-origin: 7px 4px; */  /* -webkit-transition: all .5s ease-in-out; */ /* transition: all .5s; */}
.header .menu ul > li .menu-subs.menu-column-4 > .list-item .new-sub > ul{margin-left: 15px;}
.header .menu ul > li .menu-subs.menu-column-4 > .list-item .new-sub .title{position:relative; padding-left:25px;}
.header .menu ul > li .menu-subs.menu-column-4 > .list-item .new-sub .title:before{position:absolute; left:0; width:15px; height:2px; background:#000; content:""; top: 50%; transform: translate(0, -50%);}
.header .menu ul > li .menu-subs.menu-column-4 > .list-item .new-sub ul{margin-bottom:10px;}
.header .menu ul > li .menu-subs.menu-column-4 > .list-item .new-sub li a{display:inline-block; padding: 5px 0; border: none; outline: none; color: #121212; text-transform: capitalize; text-rendering: optimizeLegibility; -webkit-transition: color 0.3s ease-in-out;   -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; position:relative; padding-left: 15px; font-size:14px; font-weight: 400;}
.header .menu ul > li .menu-subs.menu-column-4 > .list-item .new-sub li a:hover{color: #ff431c; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;}
.header .menu ul > li .menu-subs.menu-column-4 > .list-item .new-sub li{padding-left: 0;    position: relative; margin: 0;}
.header .menu ul > li .menu-subs.menu-column-4 > .list-item .new-sub li a:before{position: absolute;left: 0; width: 5px;height: 5px;background: #000; content: ""; top: 50%; transform: translate(0, -50%);}
.search-toggler{cursor:pointer;}
.header .menu ul li.menu-item-has-children{margin-right: 11px;}

.inner_body .header .menu ul li.menu-item-has-children{margin-right: 10px;}
.header .menu .quick-links ul li.menu-item-has-children{margin-right: 0;}
.quick-links{position:relative; margin-left: 1rem;}
.quick-links ul > li.menu-item-has-children > a{background: #07084e;padding:5px 9px; border-radius: 10px 0; padding-right: 25px; color: #fff!important;}
.quick-links ul > li.menu-item-has-children > a:hover{color:#fff;}
.quick-links ul > li.menu-item-has-children > a .down-arrow{right:7px;background-position: -17px 0;}
.header .menu .quick-links ul > li .menu-subs.menu-column-4{right: 0; left: auto; transform: translate(0, 0); min-width: max-content;}
.header .menu ul.top-menu li{position:relative;margin-left:2.5rem;}
.header .menu ul.top-menu li a:not(.cmn_btn){position: relative;font-weight:400;line-height: 1.25; border: none; outline: none; color: #666; text-transform: capitalize; text-rendering: optimizeLegibility; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}
.header .menu ul.top-menu li a:not(.cmn_btn):hover{color: #ff431c; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}
.header .menu ul.top-menu li:before{position: absolute; width: 1px; height: 15px;  background: #666; content: ""; top: 50%; transform: translate(0,-50%); right: -12px;}
.header .menu ul.top-menu li:last-child:before{display:none;}
.header .menu .social-hld ul{display: flex; align-items: center;}
.header .menu .social-hld ul li a{display: block; width: 25px;}
.header .menu .social-hld ul li{margin-left:10px;}
.header .menu .social-hld ul li:first-child{margin-left:15px;}
/*ul.top-menu > li > a:after,*/
ul.menu-section > li > a:after,
#block-contactusmenu li > a:after{position: absolute; width:0; content: "";  height: 1px; background: #ff431c; bottom: -5px; left: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/*ul.top-menu > li > a:hover:after,
ul.top-menu > li.active > a:after,*/
ul.menu-section > li > a:hover:after,
ul.menu-section > li.active > a:after,
#block-contactusmenu li > a:hover:after{width:100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.quick-links ul.menu-section > li > a:after{display:none}


@media only screen and (min-width: 993px) {

    .header .menu ul > li.menu-item-has-children:hover .menu-subs {
        
        opacity: 1;
        visibility: visible;
    }
}
.menu-mobile-header,
.menu-mobile-trigger {
    display: none;
}
@media only screen and (max-width: 992px) {
    .header-item-left,
    .header-item-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .header .wrapper{border-radius:0;}
    .header .menu-mobile-trigger {
        position: relative;
        display: block;
        cursor: pointer;
        width: 25px;
        height: 1rem;
        border: none;
        outline: none;
        margin-left: 1.25rem;
        background: 0 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.35s ease-in-out;
        -o-transition: 0.35s ease-in-out;
        transition: 0.35s ease-in-out;
    }
    .header .menu-mobile-trigger span {
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        border: none;
        outline: none;
        opacity: 1;
        border-radius: 0.25rem;
        background: #000;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }
    .header .menu-mobile-trigger span:nth-child(1) {
        top: 0;
    }
    .search-panel{height: 100%;}
    .header .menu-mobile-trigger span:nth-child(2),
    .header .menu-mobile-trigger span:nth-child(3) {
        top: 0.7rem;
        width: 20px;
        right: 0;
        left: auto;
    }
    .header .menu-mobile-trigger span:nth-child(4) {
        top: 1rem;
    }
    .header-item-right {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .header .menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 25rem;
        height: 100%;
        z-index: 1099;
         background:#fafafa;
        -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
        transform: translate(-100%);
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .header .menu.active {
        -webkit-transform: translate(0%);
        -ms-transform: translate(0%);
        transform: translate(0%);
    }
    .header .menu ul > li {
        display: block;
        line-height: 1;
        margin: 0;
    }
    .header .menu ul > li > a {
        display: block;
        line-height: 3.125rem;
        padding:1rem;
        border-bottom:1px dashed #b5b5b5;
    }
    .megamenu-img-hld{display:none;}
    .header .menu ul > li > a:hover{background: #ededed;}
    .header .menu ul > li > a i.ion {
        position: absolute;
        font-size: 1.25rem;
        line-height: 3.125rem;
        top: 0;
        right: 0;
        width: 3.125rem;
        height: 3.125rem;
        text-align: center;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .header .menu .menu-mobile-header {
        position: relative;
        position: -webkit-sticky;
        position: sticky;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        top: 0;
        height:4.125rem;
        z-index: 501;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        background: #fafafa;
   
    }
    .header .menu .menu-mobile-header .menu-mobile-arrow{
        display: none;
        font-size: 2.25rem;
        line-height: 3.125rem;
        width: 4.125rem;
        height: 4.125rem;
        cursor: pointer;
        background:#fff;
        color: #121212;
        text-align: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .header .menu .menu-mobile-header.active .menu-mobile-arrow {
        display: block;
    }
    .header .menu .menu-mobile-header .menu-mobile-title {
        font-family: inherit;
        font-size: 1.6rem;
        font-weight: 500;
        line-height: inherit;
        color: #121212;
        text-transform: capitalize;
        text-rendering: optimizeLegibility;
        
    }
    .header .menu .menu-mobile-header .menu-mobile-close {
        font-size:3.25rem;
        line-height: 3.125rem;
        cursor: pointer;
        width: 4.125rem;
        height: 4.125rem;
        color: #121212;
        text-align: center;
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        background:#fff;
    }
    .header .menu .menu-section {
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .header .menu ul > li .menu-subs {
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        max-width: none;
        min-width: auto;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 1rem;
        padding-top: 4rem;
        opacity: 1;
        overflow-y: auto;
        visibility: visible;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .header .menu ul > li .menu-subs.menu-mega {
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        max-width: none;
        min-width: auto;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 1rem;
        padding-top: 4rem;
        opacity: 1;
        overflow-y: auto;
        visibility: visible;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .header .menu ul > li .menu-subs.active {
        display: block;
    }
    .header .menu ul > li .menu-subs.menu-column-4 > .list-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
    }
    .header .menu ul > li .menu-subs.menu-column-4 > .list-item img.responsive {
        margin-top: 0;
    }
    .header .menu ul > li .menu-subs.menu-column-4 > .list-item.text-center .title {
        margin-bottom: 1.25rem;
    }
    .header .menu ul > li .menu-subs.menu-column-4 > .list-item.text-center:last-child .title {
        margin-bottom: 0;
    }
    .header .menu ul > li .menu-subs > ul > li > a {
        display: block;
    }
   .header .menu ul > li .menu-subs.menu-mega > .list-item ul > li:last-child:not(:first-child) >a{border-bottom: 1px dashed #b5b5b5;}
   .header .menu ul > li .menu-subs.menu-column-4.blank-sub{    width: 100% !important;}
    .header .menu ul > li .menu-subs.menu-mega > .list-item > ul > li > a {
        display: block;
    }
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1098;
        opacity: 0;
        visibility: hidden;
        background: rgba(0, 0, 0, 0.55);
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .overlay.active {
        opacity: 1;
        visibility: visible;
    }
    
.mobile-small-menu{background:#fff;}
.header .menu ul.top-menu .search-hld{display:none;}
.mobile-small-menu ul{padding:15px;align-items:center;}
.mobile-small-menu ul.top-menu li:before{position:absolute; width:1px; height:15px;    background: #666; content: ""; top:50%; transform:translate(0,-50%); right:0}
.mobile-small-menu ul.top-menu li:last-child:before{display:none;}
.mobile-small-menu ul.top-menu li{list-style: none; position: relative;padding: 0 16px;}
.mobile-small-menu ul.top-menu li a:not(.cmn_btn){color:#666;}
.header .wrapper{box-shadow:none;}
.social-hld{display:none;}
.header .menu ul li.menu-item-has-children{ margin-right:0;}
ul.menu-section>li.active>a:after{display:none;}
}
.main {
    display: block;
    width: 100%;
    min-height: 100vh;
    background-image: url(https://source.unsplash.com/pkhBlvTLyog/1920x1280);
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}

/*-------------------------------------------------------------
------------------@media Rule Start--------------------------*/
@media only screen and (min-width:1300px){
 .container { width:1440px; max-width:1440px;}
}
/* ------------------------ BIG DESKTOP ------------------------*/
@media only screen and (min-width:1170px) and (max-width:1470px) {
    .container{ width:1170px; max-width:1170px;}
}
/* ------------------------ SMALL DESKTOP ------------------------*/
@media only screen and (min-width:992px) and (max-width:1169px) {
    .header .menu ul > li {margin-left: 1rem;}
    .brand img{max-width:120px;}
    .header .menu ul > li > a{font-size:15px;}
}
/* ------------------------ TABLET ------------------------*/
@media only screen and (min-width:768px) and (max-width:991px) {
    .header .menu ul > li .menu-subs.menu-column-4 > .list-item:after{display:none;}
    .down-arrow{right:25px; transform: rotate(-90deg);}
    .header{top:10px}
    .mobile-top-menu .top-menu a{font-size:16px; color: #fff; padding-right:15px; position: relative;}
    .mobile-top-menu .top-menu li:last-child a{padding:0;}
    .mobile-top-menu .social-hld a img{width:20px;}
    .mobile-top-menu{background:#062044; position: fixed; z-index:9; width: 100%;}
    .mobile-top-menu .top-menu li a:after{position: absolute; width: 1px; height: 15px;    background: #fff; content: ""; top: 50%;  transform: translate(0, -50%); right:7px;}
    .mobile-top-menu .top-menu li:last-child a:after{display:none;}
    .mobile-top-menu .social-hld ul li a{display:flex; margin-right:5px;}
    .header .wrapper{padding: 10px 15px;}
}
/* ------------------------ Mobile ------------------------*/
@media only screen and (max-width:992px) {
    .header .container {padding: 0;  max-width: 100%;}
    .brand img{max-width:220px;}
    .header .menu ul > li .menu-subs.menu-column-4 > .list-item:after{display:none;}
    .down-arrow{right:25px; transform: rotate(-90deg); top: 21px;}
    
    .mobile-top-menu .top-menu a{font-size:13.4px; color: #fff; padding-right: 10px; position: relative;}
    .mobile-top-menu .top-menu li:last-child a{padding:0;}
    .mobile-top-menu .social-hld a img{width:20px;}
    .mobile-top-menu{background:#062044; position: fixed; z-index:9; width: 100%;}
    .mobile-top-menu .top-menu li a:after{position: absolute; width: 1px; height: 15px;    background: #fff; content: ""; top: 50%;  transform: translate(0, -50%); right: 5px;}
    .mobile-top-menu .top-menu li:last-child a:after{display:none;}
    .mobile-top-menu .social-hld ul li a{display:flex; margin-right:5px;}
    .header .wrapper{padding: 10px 15px;}
}
@media (max-width: 767px) {
    .mobile-small-menu ul.top-menu li{padding: 0 10px;}
    .mobile-small-menu ul.top-menu li a { font-size: 1.4rem;}
    .mobile-small-menu ul{ padding: 5px;}
}
/* Source and licensing information for the above line(s) can be found at https://bhsmukundapur.ac.in/sites/mubhs/themes/custom/mbhs/assets/css/new-menu.css. */