/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 

@media (min-width: 240px) and (max-width: 568px){
.f-right .col-xs-6{  width: 100%; }
.f-block{ min-height: auto; margin: 0 0 15px; }

/* 23-9-2019 Start */
.main-carousel .main-carousel-item [class^=col-] {  }
/* 23-9-2019 End */
}
@media (min-width: 569px) and (max-width: 767px){
.f-block{ margin: 0 0 15px; min-height: 120px; }

}
@media (max-width: 767px) {
/*upadate navigation*/
.sm-simple a.has-submenu span.font-awesome { display:none; }
.pad-right { padding-right:15px; }
.navigation { padding:10px 0 0 ; }
a.menu { display:block; width:25px; margin:0; float:right; }
a.menu span{display:block; height:2px; width:100%; margin:5px 0; background:#154733; }
#main-menu { display:none; margin:30px 0 0 0; clear:both; float:none !important; border-top:none !important; }
.sm-simple > li { padding:0 !important; }
.sm-simple > li.menu-item-has-children::after { display:none; }
.sm-simple > li.active { border-top:none !important; }
.sm-simple > li.active a { border-bottom:none !important; color: #ffb718 !important; }
.sm-simple a{ font-size: 20px !important; line-height: 20px !important;  }




.top-header{ padding: 15px 0; }
.school-name, .school-no, .school-add{ display: block; padding: 5px 0; text-align: center; }
.school-name select,.school-no a,.school-add p{ font-size: 16px; line-height: 18px; }
.top-social ul li a,.top-social ul li a i{ font-size: 16px; line-height: 16px; }
.top-social{ text-align: center; padding: 5px 0; }
.top-menu{ margin: 0; }
.logo{ text-align: center; }
.logo img{ display: inline-block; width: 200px; }
.bottom-header{ padding: 15px 0; border-bottom: 8px solid #ffb718 }
.carousel-indicators li, .carousel-indicators .active{ width: 10px; height: 10px; }
.carousel-indicators{ bottom: 0; }

.focuse-section{ padding: 20px 0; }
.focuse-ttile h1{ font-size: 25px; line-height: 30px; }
.focuse-ttile{ margin: 0 0 20px; }
.focuse-img{ margin: 0 0 15px; }
.focuse-block{ margin: 0 0 15px; }
.focuse-desc h3{ font-size: 20px; line-height: 20px; }
.focuse-desc h5{ font-size: 18px; line-height: 18px; }

.event-right{ padding: 15px 0 0; }
.event-block h2{ font-size: 26px; line-height: 26px; margin: 0 0 15px; }
.event-block p{ font-size: 18px; line-height: 24px; }
.event-block{ margin: 0 0 20px; }

.f-right{ padding: 0; }
.top-footer{ height: auto; }
.footer-logo{ text-align: center; margin: 0 0 20px; }
.footer-logo img{ width: 200px; display: inline-block; }
.f-block h2{ font-size: 26px; line-height: 26px; }

.f-block ul li a{ font-size: 18px; line-height: 26px; }

.f-subscribe label{ font-size: 25px; line-height: 25px; display: block; }
.f-subscribe .form-control{ padding: 15px 20px; width: 150px; }
.f-subscribe .btn-default{ padding: 17px 9px; margin-left: -3px; }
.f-subscribe .input-group{ display: block; text-align: center; }


.f-copyright ul li{ display: block; border: none; padding: 5px 0; }
.f-social{ text-align: center;  padding: 10px 0 0; }
.f-copyright{ text-align: center; }
.f-social p{ padding: 0 10px 0 0; }



/* Inner page Start */
.main-content h1 { font-size:28px; line-height:28px; }
.main-content h2 { font-size:26px; line-height:26px; }
.main-content h3 { font-size:24px; line-height:24px; }
.main-content h4 { font-size:22px; line-height:22px; }
.main-content h5 { font-size:20px; line-height:20px; }
.main-content h6 { font-size:18px; line-height:18px; }
.main-content p { font-size:16px; line-height:18px; }

.main-content { padding:30px 0; }
.inner-content .container { padding:0 15px; }

.right-inner-content { padding:30px 15px; }
.widget-main h2 { font-size:26px; line-height:30px; }

.widget-main ul li a { display: block;
    font-family: 'LatoRegular';
    font-size: 18px;
    line-height: 18px;
    color: #010101;
    margin-bottom: 10px;
    text-decoration: none; }

.widget-main { padding-bottom:15px; }
.main-content h1 { margin:0 0 15px 0; }
.banner-image { padding:30px 0; }
/* Inner page End */

/* 20-9-2019 Start */
.main-carousel-section,
.clients-carousel-section { padding-bottom: 50px; }
.main-carousel .main-carousel-item a { font-size: 18px; line-height: 22px; }
.slick-slider .slick-arrow { font-size: 35px; line-height: 35px; }
.slick-slider .slick-dots { bottom: -30px; }
.slick-slider .slick-dots li { width: 12px; height: 12px; }
/* 20-9-2019 End */
}

@media (min-width: 768px) {
/* updated Navigation */
.sm-simple > li { border-left:none !important; }
.sm-simple a span.sub-arrow { right:10px !important; }
.sm-simple .sm-nowrap > li > a { padding:10px !important; }
.sm-simple a span.sub-arrow { display:none !important; }
.sm-simple a.has-submenu span.font-awesome { margin:0 0 0 10px;	}
#main-menu.done { display:block !important; } 
a.menu { display:none;}
}




@media (min-width: 768px) and (max-width: 991px){
.school-name select,.school-no a,.school-add p{ font-size: 18px; line-height: 18px; }
.school-name, .school-no, .school-add{ padding: 0 10px; }
.top-header{ padding: 20px 0; }


.top-menu{ margin-top: 40px; }
.sm-simple a{ font-size: 20px !important; line-height: 20px !important; }
.sm-simple > li{ padding: 0 13px !important; }

.carousel-indicators li, .carousel-indicators .active{ width: 15px; height: 15px; }
.carousel-indicators{ bottom: 0; }

.focuse-section{ padding: 30px 0; }
.focuse-ttile h1{ font-size: 30px; line-height: 30px; }
.focuse-ttile{ margin: 0 0 30px; }
.focuse-img{ margin: 0 0 20px; }
.focuse-desc h3{ font-size: 25px; line-height: 25px; }
.focuse-desc h5{ font-size: 18px; line-height: 18px; }
.focuse-block{ margin: 0 0 15px; }


.event-right{ padding: 0; }
.event-block h2{ font-size: 30px; line-height: 30px; margin: 0 0 15px; }
.event-block p{ font-size: 18px; line-height: 25px; }
.event-block{ margin: 0 0 40px; }


.top-footer{ padding:20px 0 20px 0;  }
.f-right{ padding: 0; }
.f-block h2{ font-size: 22px; line-height: 22px; }
.f-block ul li a{ font-size: 13px; line-height: 13px; }
.f-block ul li a:before{ font-size: 13px; line-height: 13px; }
.top-footer p{ font-size: 13px }

.f-subscribe label{ font-size: 25px; line-height: 25px; }
.f-subscribe .form-control{ padding: 15px 30px; width: 240px; }
.f-subscribe .btn-default{ padding: 17px 20px; }
.f-subscribe{ margin: 0 0 20px; }

.f-copyright ul li{ display: block; border: none; padding: 5px 0; }
.bottom-footer{ padding: 20px 0; }

/* Inner page Start */
.main-content { padding:30px 0; }
.main-content h1 { font-size:32px; line-height:32px; }
.main-content h2 { font-size:30px; line-height:30px; }
.main-content h3 { font-size:28px; line-height:28px; }
.main-content h4 { font-size:24px; line-height:24px; }
.main-content h5 { font-size:22px; line-height:22px; }
.main-content h6 { font-size:20px; line-height:20px; }

/* Inner page End */

/* 20-9-2019 Start */
.main-carousel .main-carousel-item a { font-size: 18px; line-height: 22px; }
/* 20-9-2019 End */
}





@media (min-width: 992px) and (max-width: 1199px){
.school-name, .school-no, .school-add{ padding: 0 5px; }
.school-name select,.school-no a,.school-add p{ font-size: 17px; line-height: 17px; }
.top-header{ padding: 20px 0; }

.top-menu{ margin-top: 50px; }
.sm-simple a{ font-size: 24px !important; line-height: 24px !important;   }

.carousel-indicators li, .carousel-indicators .active{ width: 18px; height: 18px; }
.carousel-indicators{ bottom: 0; }

.focuse-section{ padding: 50px 0; }
.focuse-ttile{ margin: 0 0 30px; }
.focuse-ttile h1{ font-size: 30px; line-height: 30px; }
.focuse-img{ margin: 0 0 20px; }
.focuse-desc h3{ font-size: 22px; line-height: 22px; }
.focuse-desc h5{ font-size: 18px; line-height: 24px; }


.event-block h2{ font-size: 35px; line-height: 35px; }
.event-block p{ font-size: 20px; line-height: 25px;}
.event-block{ margin: 0 0 50px; }


.f-right{ padding: 0; }
.f-block h2{ font-size: 28px; line-height: 28px; }
.f-block ul li a{ font-size: 18px; line-height: 26px; }

.bottom-footer{ padding: 20px 0; }
.f-subscribe label{ font-size: 28px; line-height: 28px; }
.f-subscribe .form-control{ width: 260px; padding: 15px 30px; }
.f-subscribe .btn-default{ padding: 17px 20px; }
.f-subscribe{ margin: 0 0 20px; }
.f-copyright ul li{ display: block; padding: 5px 0; border: none; }
.event-right{ padding: 0; }
}


@media (min-width: 1200px) and (max-width: 1559px){
.school-name, .school-no, .school-add{ padding: 0 10px; }
.school-name select,.school-no a,.school-add p{ font-size: 18px; line-height: 18px; }
.top-menu{ margin-top: 60px; }

.focuse-section{ padding: 50px 0; }
.focuse-ttile h1{ font-size: 40px; line-height: 40px; }
.focuse-ttile{ margin: 0 0 40px; }
.focuse-img{ margin: 0 0 20px; }
.focuse-desc h3{ font-size: 26px; line-height: 26px; }
.focuse-desc h5{ font-size: 17px; line-height: 17px; }

.event-right{ padding: 0; }
.event-block h2{ font-size: 40px; line-height: 40px; }
.event-block p{ font-size: 20px; line-height: 25px; }
.event-block{ margin: 0 0 50px; }

.f-right{ padding: 0; }
.f-block h2{ font-size: 30px; line-height: 30px; }
}





@media (min-width: 1200px) and (max-width: 1920px){
}



/*---------- Large Desktop , Large Screen End ----------*/