@media only screen and (orientation:landscape) {body{-webkit-text-size-adjust:none}}
@media only screen and (orientation:portrait) {body{-webkit-text-size-adjust:none}}
/*-------------------------------------------------------------------------------
 XS Style @media (max-width: 767px)
-------------------------------------------------------------------------------*/
@media (max-width: 767px) {
	body{ font-size: 14px; line-height: 26px }
	.main-header{ padding:10px 0}
	.mobile-section.tab,.h-top{ display: none; }
	.mobile-section.mobile{ display: block; margin: 0; width: auto; margin-right: 15px; padding-top: 15px; position: static; }
	.logo-header{ max-width: 40%; margin-left: 15px; padding-top: 0 }
	.main-header hgroup{ float: none; }
	.h-top ul{ text-align: center; }
	.h-top ul li{ margin: 0 8px; font-size: 12px; }
	.h-top ul li.button-page{ margin-left: 0 }
	.home-slider .metaslider .flex-control-nav{  max-width:auto; left: 0; }

	.main-menu{ display: none; }
	.home-slider .metaslider .caption{ bottom: inherit; /* top: 50%; transform: translateY(-50%); */ padding: 0 }
	.home-slider .b-heading{ font-size: 24px; line-height: 26px; padding: 0; margin: 0 }
	.home-slider .metaslider .flexslider .slides p{ font-size: 18px; line-height: 20px; display: none; }
	.main-menu-header{ padding: 0 }
	.mobile-section{ display: block; float: right; margin-top: 10px; position: relative; width: 100%; text-align: right; }
	.mobile-nav-icon{ display: block; width: 34px; cursor: pointer; }
	.search-menu,.mobile-nav-icon{ display: inline-block; vertical-align: middle; }
	.mobile-nav-icon span{ display: block; height: 4px; border-radius: 4px; background-color: #77c33c; margin-bottom: 4px }

	.mobile-section .search-button{ font-size: 18px;color: #2265a3; margin-right: 20px  }
	.mobile-section .search-menu-section form button{ margin-right: 0; top: 7px }
	.mobile-section .form-control{ height: 40px }
	.header-wrapper{ position: relative; }
	.mobilesection{ float: right; }
	.main-header hgroup{ padding-top: 0 }
	.logo-header,.mobilesectionw{  display: inline-block; vertical-align: middle; float: none; }
	.mobilesectionw{ text-align: right; padding-right: 0; position: static; }
	.mobile-section{ float: none; width: auto; text-align: right; }
	.search-menu-section{ left: 0; right: 0; width: 93%; margin: 0 auto; max-width: 100%; position: static; margin-top:15px }
	.home-slider .metaslider .caption a{ margin-top:8px; padding: 0 10px; line-height: 32px; font-size: 14px; font-weight: 400; }

	.home-top{ padding-top: 30px;padding-bottom: 30px; }
	.home-top h1{ font-size: 24px; line-height: 27px; padding-bottom: 15px }
	.home-top p{ padding-bottom: 0 }
	.hom-stories-slider section{ max-width: 100%; padding: 30px 0 }
	.our-story-heading{ position: static; }
	.hom-stories-slider section h2, .our-story-heading{ float: none; }
	.more-button{ float: none; }
	.hom-stories-slider section h2, .our-story-heading,.hom-ibdp-section h2,.hom-cambridge-section h2{ text-align: center; font-size: 24px; line-height: 27px }
	.hom-stories-slider{ min-height: auto; padding-top: 30px }
	.image-section-slider{ min-height: auto; margin-top: 25px}
	.hom-stories-slider-section .slick-list{ padding-bottom: 30px}
	.hom-stories-slider section p{ padding-bottom: 0}
	.image-section-right{ float: none;}
	.more-button-desk{ display: none;}
	.more-button-mobile{ display: block;padding-top:0}
	.hom-stories-slider section header{ padding: 0;}
	.image-section-slider img{ margin: 0 auto; display: block; }
	.home-slider .metaslider .flex-control-nav li{ margin-bottom: 3px }
	.mm-listitem>a, .mm-listitem>span{padding: 10px 10px 10px 20px}
	.hom-stories-slider-section .slick-prev{ left: 0 }
	.hom-stories-slider-section .slick-next{ right: 0 }
	.hom-ibdp-section,.hom-cambridge-section{ padding-top: 20px; padding-bottom: 0 }
	.hom-ibdp-section h2{ padding-bottom: 15px }
	.hom-ibdp-section section{ max-width: 100% }
	.cambridge-sub-loop img{ width: 100% }
	.cambridge-sub-loop section{ max-width: 300px; min-height: auto; padding-bottom: 20px;transform: translateY(-30px); }
	.cambridge-sub-loop section a{ position: static; }
	.hometabs-section{ padding: 20px 0}
	.tab_container{ padding-top: 0 }

	.tabs {display: none;}
	.tab_drawer_heading {
	    background-color: #77c33c;
	    color: #fff;
	    margin: 0;
	    padding:10px 20px; font-size: 18px;
	    display: block;
	    cursor: pointer;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    margin-bottom: 1px;
	}
	.tab_drawer_heading .icon-quick-Facts:before{ color: #FFF; }
	.tab_drawer_heading span{ /*padding-right: 10px;*/width: 35px; display: inline-block; }
	.d_active {background-color: #77c33c;color: #fff;}
	 .tab_content{ padding: 18px 0}
	 .tab_content ul{ padding-top: 0 }
	.tab_content h2{ font-size: 24px; line-height: 26px; padding-bottom: 10px }
	.home-form-section{ padding-top: 30px }
	.heading-form{ padding-top: 0; padding-bottom: 20px; text-align: center; }
	.home-video{ padding: 30px 0 }
	.hom-ibdp-section section p{ padding-bottom: 0 }
	.hom-cambridge-section header{ padding-bottom: 25px }
	.footer-top{ padding-top: 30px }
	.footer-top h2{ padding-bottom: 15px }
	.footer-top .menu li{ display: inline-block; vertical-align: top; width: 49% }
	.facebook{ padding-top: 30px }
	.instgram,.hom-ibdp-section{ padding-bottom: 10px }
	.footer-top .menu-social-container .menu li{ width: auto; }
	.site-info-right img{ width: 47%; margin: 0 }
	.site-info-right{ float: none; text-align: center; }
	.home-top,.hom-ibdp-section,.hom-ibdp-section,.hom-ibdp-section h2,.hom-cambridge-section h2{ text-align: left; }
	.leftfromsection .col-xs-12{ width: 50% }
	.contact-left{ max-width: 100% }
	.contact-right{ padding-top: 30px }
	.inner-banner-wrapper{ margin-bottom: 0 }
	.entry-header h1, .page-header h1, .contact-right h2{ font-size: 24px; line-height: 26px }
	.inner-all-page-wrapper h2{ font-size: 20px; line-height: 22px; padding-bottom: 15px }
	.inner-all-page-wrapper{ padding-bottom: 30px }
	.entry-header{ padding-bottom: 15px }
	.applyonline-wrapper{ background-attachment: scroll; }
	.our-vision-mission{ padding: 30px 0; padding-bottom: 0 }
	.trust-loop{ margin-bottom: 30px; }
	.team-loop figure{ width: 150px;margin-right: 15px; padding: 0; margin-bottom: 0;    height: 150px; }
	.team-loop{ padding-bottom: 0; margin-bottom: 30px }
	.achievements-mid-section .table{ margin-top: 0 }
	.achievements-mid-section{ padding-bottom: 0 }
	.testimonials-section blockquote{ padding: 0 }
	.name-posi-section{ padding-bottom: 30px }
	.sidebar__inner,.weork-list-sticky.is-affixed{ position: static !important; top: 0 !important; padding-bottom: 30px; margin-bottom: 30px }
	.student-profile-loop{ min-height: auto; margin-bottom: 30px }
	.student-profile-list .content-sec{ max-width: 100% }
	.event-details-wrapper td{ width:47%; margin-bottom: 30px }
	.event-details-wrapper td:nth-child(2){ margin-right: 0 }
	.event-details-wrapper h1{ font-size:30px; }
	.event-details-wrapper{ padding-top: 0; padding-bottom: 30px }
	.gallery_heading,.early-years-loop h2{ font-size: 24px; line-height: 26px; }
.year-section{ position: relative; left: 0; right: inherit; float: left; margin-right: 20px;width: 130px; height: 130px}
.school-history-list li{ float: none; max-width: 100%}
.align-right,.align-left{ padding: 0; border: none;text-align: left;}
.align-left .year-section{ left: 0;}
.school-history-page{ padding-top: 0; padding-bottom: 0}
.year-section span{ width: 110px; height: 110px;font-size: 30px; line-height: 110px}
.widget_media_image{ padding: 0 4px}
.menu-quick-links-container .menu li a{ font-size: 12px;background-position: 8px center; padding-right: 0; padding-left: 34px;}
.address-info,.footer_quicklink_section{ padding-top: 30px; overflow: hidden;}
.hbspt-form{ max-width: 100%}
.about_legacylist{ margin-top: 0}
.our-story-heading{ position: static; float: none; padding-bottom: 10px}
.school-achievements-banner-slider .metaslider .caption-wrap{ display: none;}
.home-caie-section{ padding-top: 0}
.cambridge-sub-loop section{ padding-top: 15px}
.home-form-section h2{font-size: 24px;line-height: 26px;padding-bottom: 10px;}
.breadcrumbs{ margin-bottom: 20px}
.about_legacylist li:last-child{ margin-bottom: 0}
.testimonials-section blockquote p:first-child:before{ font-size: 30px;}
.testimonials-section blockquote{ font-size: 14px;}
.earl_top_sec,.early-years-loop,.contact-left .entry-header{ padding-bottom: 0}
.aligncenter.size-full.wp-image-908{ width:90% !important}

.h-top,.mobile-section{ display: inline-block}
.h-top ul li.button-page{ display: none}
.mobile-section .search-button{ margin: 0 8px;}
.blog-Loop{ margin-bottom: 25px}
.blog-Loop article section{ padding: 25px}
.blog-Loop article h2{min-height: inherit;}
.h-top.formobile{ display: block; text-align: center}
.h-top.formobile li,.mobilesectionw .h-top{ display: none}
.h-top.formobile li:nth-child(1),.h-top.formobile li:nth-child(2){ display: inline-block}
.search-menu.mobile-social ul{ list-style: none; padding: 0; margin: 0}
.search-menu.mobile-social ul li{ display: inline-block; vertical-align: middle; padding: 0 10px}
.search-menu.mobile-social ul li:nth-child(1),.search-menu.mobile-social ul li:nth-child(2),.search-menu.mobile-social ul li:last-child{ display: none}
.search-menu.mobile-social ul li a{ color: #afafaf; }
}
/*-------------------------------------------------------------------------------
End Responsiv
/*-------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------
 SM Style 480 - 7671 @media (min-width: 600px) and (max-width: 767px)
-------------------------------------------------------------------------------*/


@media (min-width:580px) and (max-width: 767px) {
	.logo-header{ max-width: 26% }
	.main-header .col-xs-12{ width:60%; float: right; }
	.home-slider .metaslider .caption{ /*top:50%;*/ padding: 0 40px }
	.home-slider .b-heading{ font-size: 30px; line-height: 32px; padding-bottom: 15px }
	.home-slider .metaslider .flexslider .slides p{ display: block; font-size: 14px; line-height: 18px; padding-bottom: 10px; }
	.mobile-section.mobile{ display: none; }
	.mobile-section.tab{ display: block; }
	.phone-section, .contact-right address{ display: inline-block; vertical-align: top; width: 49% }
	.trust-loop-section{ width: 50% }
	.mobilesectionw{ float: right; margin-right: 15px }
	.admissions_process_list li:nth-child(odd) section,.admissions_process_list li:nth-child(even) section{ max-width: 280px }
	.events-list-end{ width: 49%; padding: 0 15px; display: inline-block; vertical-align: top; }
	.site-info-right{ width: 50%;float: left;}
	.footer-top .menu li{  width: 33%;}
	.align-right_about_image_content,.align-right_about_image,.align-left_about_content,.align-left_about_image{ width: 50%}
	

}
@media (max-width: 579px) {
	.home-slider .metaslider .flexslider .slides p{ display: block; font-size: 14px; line-height: 20px}
	.home-slider .metaslider .caption-wrap,.home-slider .metaslider .caption{ position: static; height: auto;transform: none;opacity: 1;}
	.home-slider .metaslider .caption-wrap:before{ height: auto}
	.home-slider .metaslider .flexslider .slides p{    color: #FFF;}
	.home-slider .b-heading{    position: relative;left: 0;right: 0;/* top: 20%; */text-align: center;/*transform: translateY(-20%);*/ padding: 15px 0; color: #FFF} 
	.home-slider .metaslider .caption{ padding:15px; text-align: left}
	.home-slider .metaslider .flexslider .slides p, .home-slider p{ max-width: 100%; display: block;}
	.home-slider .metaslider .caption{ width: 100%; display: table;height: 200px;}
	.home-slider .metaslider .flex-control-nav{ text-align: center;    transform: none; max-width: 100%;    position: static; margin-top: 20px}
	.home-slider .flex-control-nav li{ display: inline-block;}
	.home-slider .flex-control-paging li a:before{ background-color: #2265a3; display: none}
	.home-slider .flex-control-paging li a{ background-color: #2265a3;}
	.home-slider .flex-control-paging li a.flex-active, .home-slider .flex-control-paging li a:hover{ background-color: #77c33c;}
}


@media (min-width:480px) and (max-width: 767px) {
	.hom-cambridge-section .col-xs-12{ width: 50% }
		.cambridge-sub-loop section{ max-width: 230px; min-height: 293px; padding-bottom: 20px;transform: translateY(-30px); }
	.cambridge-sub-loop section a{ position: absolute; }
	.trust-loop-section{ width: 50%}
}

@media (max-width: 480px) {
	.vision_mission_section{ min-height: auto; text-align: center; }
	.vision_mission_section-1,.vision_mission_section-2{ padding: 40px; }
	.left-sec,.right-sec{ float: none; width: 100%; max-width: 100% }
	.admissions_process_list li:nth-child(odd) section,.admissions_process_list li:nth-child(even) section{ max-width: 100% ; float: none; text-align: left; }
	.admissions_process_list .step{ position: static; float: left; margin-right: 15px }
	.admissions_process_list li:after, .admissions_process_list:before{ display: none; }
	.inner-all-page-wrapper .entry-content ul.admissions_process_list li{ padding-bottom: 30px }
	.admissions_process_list{ padding-top: 150px }
	.event-details-wrapper td{ width:100%; margin-bottom: 30px; margin-right: 0 }
	.video_loop{ width: 100% }

}
@media (max-width: 320px) {
	.hom-stories-slider section h2, .our-story-heading, .hom-ibdp-section h2, .hom-cambridge-section h2,.home-top h1{ font-size: 22px}
	.footer-top .menu li{ width: 100%}
	.year-section{ outline:0;width: 110px;height: 110px;}
	.year-section span {width: 90px;height: 90px;font-size: 30px;line-height: 90px;}
	.testimonials-section figure{ width: 90px; height: 90px;    margin-right: 20px;}
	.h-top ul li{ margin: 0 5px}
	.search-menu.mobile-social ul li{ padding: 0 6px}
}
/*-------------------------------------------------------------------------------
End Responsiv
/*-------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------
 SM Style 768 - 991 @media (min-width: 768px) and (max-width: 991px)
-------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {

.main-header{ padding-bottom: 23px }
.home-slider .metaslider .flex-control-nav{  max-width: 90%; left: 10px}
.main-menu{ display: none; }
.home-slider .b-heading{ font-size: 40px; line-height: 42px }
.home-slider .metaslider .flexslider .slides p{ font-size: 14px; line-height: 20px;/*max-width: 600px;*/ }
.main-menu-header{ padding: 0 }
.mobile-section{ display: block; float: right; margin-top: 30px; position: relative; width: 100%; text-align: right; }
.mobile-nav-icon{ display: block; width: 40px; cursor: pointer; }
.search-menu,.mobile-nav-icon{ display: inline-block; vertical-align: middle; }
.mobile-nav-icon span{ display: block; height: 4px; border-radius: 4px; background-color: #77c33c; margin-bottom: 4px }

.mobile-section .search-button{ font-size: 18px;color: #2265a3; margin-right: 20px  }
.mobile-section .search-menu-section form button{ margin-right: 0; top: 7px }
.mobile-section .form-control{ height: 40px }

.hom-stories-slider section{ max-width: 100% }
.image-section-slider img{ margin: 0 auto; display: block; }
.hom-stories-slider-section .slick-prev, .hom-stories-slider-section .slick-next{ bottom: inherit; top: 50% }
.hom-stories-slider-section .slick-prev{ left: 0 }
.hom-stories-slider-section .slick-next{ right: 0 }

.cambridge-sub-loop figure img{ width: 100% }
.cambridge-sub-loop section{ max-width: 320px;transform: translateY(-40px); }

ul.tabs li{ margin-right: 0; padding-left: 40px; padding-right: 40px; }
.tab_container{ padding-top: 40px }

.heading-form{ text-align: center; padding-bottom: 30px; padding-top: 0 }
.site-info-right img{ width: 47% }
.formobilesectionhide{ display: none; }
.formobilesectionshow{ display: block; }
.formobilesectionshow,.address-info{ display: inline-block; vertical-align: top; width: 49% }
.applyonline-wrapper{ background-attachment: scroll; }
.header-wrapper{ position: relative; }
.header-wrapper .search-menu-section{ top: 135px }

.our-vision-mission{ padding: 0; padding-top: 30px }
.vision_mission_section{ min-height: auto; text-align: center; }
.vision_mission_section-1,.vision_mission_section-2{ padding: 40px; }
.left-sec,.right-sec{ float: none; width: 100%; max-width: 100% }
.trust-loop{ margin-bottom: 30px; }
.student-profile-loop{min-height: 456px;}
.admissions_process_list li:nth-child(odd) section,.admissions_process_list li:nth-child(even) section{ max-width: 280px }
.event-details-wrapper td{ width:47%; margin-bottom: 30px }
.event-details-wrapper td:nth-child(2){ margin-right: 0 }
.events-list-end{ width: 49%; padding: 0 15px; display: inline-block; vertical-align: top; }
.school-history-list li{ max-width: 365px}
.footer_quicklink_section{ padding-bottom: 30px}
.our-story-heading{ position: static; float: none; padding-bottom: 10px; text-align: center; padding-top: 10px}
.more-button{ display: none;}
.more-button-mobile{ display: block;}
.blog-Loop article h2{min-height: 90px;}
}

/*-------------------------------------------------------------------------------
 MD Style 992 - 1199 @media (min-width: 992px) and (max-width: 1199px)
-------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
	.logo-header{ max-width: 156px }
	.main-menu-header{ padding-top: 20px }
	.main-menu-header ul li a{ padding: 0 5px }
	.main-menu-header ul li#menu-item-157:hover ul{ left: inherit; right: 0 }

	.home-slider .metaslider .flex-control-nav{  max-width: 90%; left: 10px}
	.hom-stories-slider-section .slick-prev{ left: 485px }
	.hom-stories-slider-section .slick-next{ right: 337px }
	.cambridge-sub-loop section{transform: translateY(-24px); min-height: 300px}
	ul.tabs li{ margin-right: 20px }
	.heading-form{ text-align: center; padding-bottom: 30px }
	.heading-form br{ display:none; }
	.site-info-right img{ width: 47% }
	.applyonline-wrapper{ background-attachment: scroll; }

	.vision_mission_section{ min-height: 450px; text-align: center; }
	.vision_mission_section-1,.vision_mission_section-2{ padding: 40px; }
	.left-sec,.right-sec{ float: none; width: 100%; max-width: 100% }
	.trust-loop{ margin-bottom: 30px; }
	.student-profile-loop{ min-height: 460px; }
	.admissions_process_list li:nth-child(odd) section,.admissions_process_list li:nth-child(even) section{ max-width: 400px }
	.events_left .events-loop{min-height: 240px;  }

	.event-details-wrapper td{ width:47%; margin-bottom: 30px }
	.event-details-wrapper td:nth-child(2){ margin-right: 0 }
	.school-history-list li{ max-width: 471px}
	.blog-Loop article section{ padding: 20px}
	.blog-Loop article h2{min-height: 84px;}

}