/*========================
	min-width-992px
========================*/
@media(min-width: 992px){
	.bottomheadermenu .menu-list:hover > .submenu,
	.bottomheadermenu .menu-list.active > .submenu,
	.bottomheadermenu .submenu.active{
	    left: 0;
	    opacity: 1;
	    visibility: visible;
	    pointer-events: auto;
	    z-index: 999;
	}
	.bottomheadermenu .menu-list.active .menu-anchor i{
	    transform: rotate(180deg);
	}
}

/*========================
	max-width-992px
========================*/
@media(max-width: 992px){
    	.bottomheadermenu .menu-list .menu-anchor i{color: #000; font-weight: 600;}
	.centerheader{padding: 0;}
	.centerheader-menu{display: none;}
	.socialmedia{display: none;}
	.centerheader .mobmenutoggle{display: inline-flex; height: 100%; justify-content: center; align-items: center;}
	.centerheaderlogo{margin: 0;}
	.bottomheadermenu{position: fixed;top: 0;right: -300px;background: #fff;width: 300px;height: 100%;z-index: 999; transition: .2s linear;}
	.bottomheadermenu.active{right: 0;}
	.bottomheadermenu .menu-list{display: block; margin: 0;}
	.bottomheadermenu .menu-list:last-child{}
	.bottomheadermenu .menu-list .menu-anchor{color: #000;display: flex;justify-content: space-between;padding: 10px;}
	.bottomheadermenu .menu-list .menu-anchor i{transform: rotate(-90deg);}
	.bottomheadermenu .submenu{
	    inset: 0;
	    left: 100%;
	    opacity: 1;
	    visibility: visible;
	    background: #fff;
	    display: block;
	    padding: 0;
	}
	.bottomheadermenu .submenu.active{
		left: 0;
		pointer-events: auto;
	}
	.bottomheadermenu .submenu .sublist{
	    display: block;
	    width: 100%;
	}
	.bottomheadermenu .submenu .sublist .sublink{
	    color: #000;
	    font-size: 15px;
	    font-weight: 300;
	}
	.bottomheadermenu .submenu .sublist .sublink i{
	    color: #666;
	}
	.bottomheadermenu :is(.menu-list.home2, .menu-list.menutitle, .mobmenuclose){display: block;}
	.bottomheadermenu .menu-list.home2{}
	.bottomheadermenu .menu-list.menutitle{
	    text-align: center;
	    font-weight: 600;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	    font-size: 18px;
	    border-bottom: 1px solid #ededed;
	    padding: 10px;
	}
	.bottomheadermenu .mobmenuclose{
	    position: absolute;
	    top: 10px;
	    left: 10px;
	}
	.bottomheadermenu :is(.menu-list.home1){display: none;}
	.bottomheadermenu .submenu .sublist.menutitle{display: block;text-align: center;padding: 20px 10px;border-bottom: 1px solid #ededed;display: flex;gap: 10px;}


/*	========= max-width-992px end ========*/
}


/*========================
	max-width-768px
========================*/
@media(max-width: 768px){
    .recruiters{ flex-wrap: wrap; gap: 20px 5%; justify-content: center; }
    .recruiters figure{width: 30%;}
    .recruiters figure img{}
    .widget-points .widgetbox{/* margin: 0 0 20px; */}
    .widget-placements .placementbox{margin: 0 0 20px;}
    .widget-programme .programmepanel{margin: 20px 0 0;}
    .widget-campustour .widgetcontent iframe{height: 300px;}
    .access-leftdata{margin: 0 0 30px;}
    .footerbox{margin: 20px 0 0;}
    footer .footercol .socialmedia{margin: 20px 0 30px;}
    footer .footerlogo{text-align: center;}
    footer .footerlogo img{width: 60%; margin: auto;}
    footer{padding: 3% 0 4%;}

    .hero-main-title{font-size: 28px;}
    .section-heading-main{font-size: 26px;}
    .sec-main-heading{font-size: 26px;}
    .goldmedalist.order1 .goldmedalist-left{padding-right: 0; margin-bottom: 25px;}
    .goldmedalist.order1 .goldmedalist-right{padding-left: 0;}
    .goldmedalist.order2 .goldmedalist-right{padding-right: 0;}
    .goldmedalist.order2 .goldmedalist-left{margin-top: 25px;}
    .school-building-order3 .school-building-left{padding-right: 0; margin-bottom: 25px;}
    .school-building-order3 .school-building-left .card-img-wrap{max-height: none;}
    .school-building-order3 .card-img-wrap img{height: auto; max-height: none;}
    .school-building-order3 .school-building-right{padding-left: 0;}
    .school-building-founder .school-building-right{padding-right: 0;}
    .founder-img-col{padding-left: 0; margin-bottom: 25px;}
    .founder-fig img{margin: auto;}
    .hero-contact-strip .strip-item{margin-bottom: 10px;}

/*	========= max-width-768px end ========*/
}



/*========================
	max-width-576px
========================*/
@media(max-width: 576px){
    .widgethead h3{font-size: 22px;}
    .widget-notice .widgethead a,
    .widget-news .widgethead .viewall{font-size: 13px;}
    .widget-association .slick-arrow.slick-next, .widget-association .slick-arrow.slick-prev{width: 20px; height: 20px;}
    .association-img figure{width: 80%;}
    footer{padding: 3% 0 6%;}
    .recruiters figure{margin: 0 10px;}
    .topheader{}
    .topheader .topmenu{display: flex; align-items: center; overflow: auto;}
    .topheader .topmenu li{}
    .topheader .topmenu li a{white-space: nowrap;}
    
    .career-opportunity-box h1{
    font-size: 24px;
    padding: 0 0 10px;
}
    .career-opportunity-box p{
    font-size: 14px;
    padding: 0 0 5px;
}
    .career-opportunity-box .jobbtns{
    padding: 15px 0 0;
}

    .career-platform, .career-leadership, .career-current-job, .career-apply,
    .career-opportunity{padding: 20px 0;}
    .career-opportunity-box .jobbtns a{}
    .career-work-box h2,
    .career-apply-box h2,
    .career-current-job-box h2,
    .career-leadership-box h2,
    .career-platform-box h2{font-size: 24px;}
    .career-leadership-box .profile{padding: 10px;}
    .career-leadership-box .profile figure{width: 150px; top: 10px;}
    .career-leadership-box .profile .content{padding-top: 160px; text-align: center;}
    .career-leadership-box .profile .content p{text-align: justify;}
    .career-work-box ul li{font-size: 12px;}
    .career-work-box ul li span{font-size: 14px; padding: 5px 10px;}
    .career-platform-box p{text-align: justify;}
    .career-leadership-box .profile figure{left: 50%; transform: translateX(-50%);}



/*	========= max-width-576px end ========*/
}



/*========================
	max-width-420px
========================*/
@media(max-width: 420px){
    .smartclassroom{
        top: initial;
        right: initial;
        bottom: 10px;
        left: 10px;
        padding: 5px 5px;
        font-size: 14px;
    }
    
    .centerheader.fix + .smartclassroom{
        top: initial;
    }
    .visitcount{
        padding: 5px 7px;
        font-size: 15px;
    }
    
    .centerheader{padding: 10px 0;}
    .centerheader .mobmenutoggle a{margin: 0;}
    .moving-text{padding: 15px;}
    .recruiters{}
	.recruiters a{flex-basis: 45%}
	.recruiters a:last-child img{width: 50px}
    .recruiters figure{width: 47%;}
    .recruiters figure img{}
    .widget-news{padding: 6% 0;}
    .widget-news .newsbox{margin: 5px;}
    .widget-news .slick-dots{bottom: -30px;}
    .association-img{text-align: center;}
    .association-img figure{width: 80%; margin: auto;}
    .sidemenu{display: none;}
	.widget-points .widgetbox{flex-basis: 100%;}
	.bottomheadermenu{width: 100%; right: -105%;}
	.pagebreadcrumb .breadcrumb-col h3{font-size: 1.2em;}
	.breadcrumb-bottom ul li a, .pagebreadcrumb .breadcrumb-col ul li a{font-size: 14px;}
	.breadcrumb-bottom ul li:not(:first-child):before, .pagebreadcrumb .breadcrumb-col ul li:not(:first-child):before{width: 15px;}
    .breadcrumb-bottom{padding: 2% 0;}
    .pagebreadcrumb{padding: 0 15px;}
    .career-other{margin: 20px 0 0;}
    .blogcontainer .blog-popups .inner-popup{width: 95%;}

/*	========= max-width-420px end ========*/
}


/*========================
	max-width-360px
========================*/
@media(max-width: 360px){


/*	========= max-width-360px end ========*/
}