/* 1440 */
@media only screen and (max-width: 1599px) and (min-width: 1440px) {



}
/* 1366 */
@media only screen and (max-width: 1439px) and (min-width: 1281px) {



}

/* 1280 */
@media only screen and (max-width: 1280px) and (min-width: 1200px) {
header.cms-header .navbar-brand { min-width:225px; }	
.mobile-menu li a { padding: 7px 12px 10px; }

	
}

/* 1024 */
@media only screen and (max-width: 1199px) {
body { padding-top: 90px; }	
.taghead { font-size:20px; }
.mainhead { font-size: 48px; }
.heading { font-size: 40px; }


.ptb-80 { padding: 40px 0 40px !important;}
.rpb-30 { padding-bottom:30px !important; }
.rpb-40 { padding-bottom:40px !important; }
.rmt-40 { margin-top:40px !important; }
.text-left-mob { text-align:left !important; }
.heading-white { color:#fff; background-color:transparent; padding:0; }
.heading-white::before,
.heading-white::after { display:none; }
.heading-red { color:#9F1F22; background-color:transparent; padding:0; }
.heading-red::before,
.heading-red::after { display:none; }
.heading-gray { color:#4c555f; background-color:transparent; padding:0; }
.heading-gray::before,
.heading-gray::after { display:none; }
.heading-pink { color:#daa39f; background-color:transparent; padding:0; }
.heading-pink::before,
.heading-pink::after { display:none; }
.heading-blue { color:#b0dbe0; background-color:transparent; padding:0; }
.heading-blue::before,
.heading-blue::after { display:none; }
.heading-yellow { color:#efdf9e; background-color:transparent; padding:0; }
.heading-yellow::before,
.heading-yellow::after { display:none; }
.darktop-curve::before { background-size:contain; }
.darkbot-curve::after { background-size:contain; }
.roundtop-curve::before { display:none; }
.r-text-center { text-align:center; }



header.cms-header .container-fluid { height:100%; }
header.cms-header { height:90px; }
header.cms-header .call-box { display:none; }
.mobile-menu li { padding: 0; margin:0; }
.mobile-menu li a { padding: 10px 10px; }
.mobile-menu li.current_page_item > a,
.mobile-menu li.current-menu-parent > a, 
.mobile-menu li a:focus { background-color: transparent; color: #9f1f22; }
header.cms-header .navbar { align-items: center; justify-content: flex-end; height: 100%; column-gap: 10px; }
header.cms-header .navbar-brand { min-width: auto; max-width: 200px; margin-right: auto;  }
header.cms-header .right-blok-box { display: flex !important; align-items: center; }

/*** 
====================================================================
  home page css 
====================================================================
***/

.cms-banner { height:auto; }
.cms-banner::after { display:none; }
.caption-box { background-color: #4c555f; position: relative; width:100%; padding:20px 10px 60px; text-align:center; }
.caption-box .btn-box { justify-content:center; }
.hero-slider .slick-dots { bottom:20px; }
.caption-box .content { font-size:20px; }
.caption-box .text-red { color:#fff !important; }

.impact-achive .heading-area { padding:0 0 40px; text-align:center; }
.slider-nav .slick-list { margin: 0 -20px; }
.slider-nav .slick-slide { padding: 140px 20px 40px; }
.review-slider .slick-prev { left:0; }
.review-slider .slick-next { right:0; }
.grow-box .title { padding:0; font-size:24px; }

/*** 
====================================================================
  approch page css 
====================================================================
***/
.inner-banner { height:auto; }
.inner-banner::after { display:none; }
.inner-banner .caption-box { padding: 20px;}
/*** 
====================================================================
  culture page css 
====================================================================
***/
.value-box .img-holder { height:auto; }

/*** 
====================================================================
  core-tenets page css 
====================================================================
***/
.program-inner .section-header { padding: 0;}
/*** 
====================================================================
  board page css 
====================================================================
***/
.cms-faq .faq-inner { grid-template-columns: repeat(1, 1fr); row-gap: 15px;}
/*** 
====================================================================
  preschool page css 
====================================================================
***/
.preschool-vision .section-header { background-image:none; }
.preschool-event { background-position: right 0px bottom 0;}

/*** 
====================================================================
  primary-years-program page css 
====================================================================
***/
.event-box .event-item { height:auto; }


/*** 
====================================================================
  teacher-development-and-growth page css 
====================================================================
***/
.culture-strive { grid-template-columns: repeat(2, 1fr);}
/*** 
====================================================================
  community-events page css 
====================================================================
***/
.sel-fest .btn-box-sel { display: flex; flex-wrap:wrap; justify-content:center; column-gap: 20px; row-gap: 30px; }
/*** 
====================================================================
  get involved page css 
====================================================================
***/
.sel-fest .btn-box { flex-wrap:wrap; justify-content:center; }
.join-team .gallery-box .image-holder { height:auto; }
/*** 
====================================================================
  resources page css 
====================================================================
***/
.publications-inner { grid-template-columns: repeat(3, 1fr); }

	
	
}

/* 768 */
@media only screen and (max-width: 1023px) {
body { font-size:18px; line-height:140%;   }	
.mainhead { font-size: 42px; }
.heading { font-size: 36px; }
.subheading { font-size:22px; }
.red-btn { font-size:20px; padding:10px 26px 12px; height:50px; }
.white-btn { font-size:20px; padding:10px 26px 12px; height:50px; }


/*** 
====================================================================
  home page css 
====================================================================
***/
.cms-story .row { flex-direction:column-reverse; }
.cms-story .story-img { padding:0 0 40px; }
.cms-robust .robust-img { margin:0 0 40px; text-align:center; }
.cms-root .root-img { text-align:center; padding:40px 0 0; }
footer.cms-footer .row { row-gap:40px; }
footer.cms-footer .footer-top { padding:40px 0 40px; }
footer.cms-footer .footer-lft { text-align:center; }
footer.cms-footer .footer-social ul { justify-content:center; }
footer.cms-footer .footer-rht { padding:0; }
/*** 
====================================================================
  culture page css 
====================================================================
***/

/*** 
====================================================================
  core-tenets page css 
====================================================================
***/
.program-inner { padding:40px 0 40px; margin:0 0 40px; }
.program-inner .image-holder { margin:0 0 30px; }
.program-inner ul li::before { top:6px; }
/*** 
====================================================================
  preschool page css 
====================================================================
***/
.preschool-event { padding:20px 0 140px; }
.preschool-event .content { font-size:24px; }
.preschool-pedagogy .image-holder { margin:30px 0 0; }
.preschool-event .section-header { padding:0 0 40px; }
.preschool-campus .section-header { padding:0 0 40px; }
.pedagogy-main .image-holder { margin:20px 0 0; }
/*** 
====================================================================
  admissions page css 
====================================================================
***/
.admission-inner { grid-template-columns: repeat(2, 1fr); row-gap:80px; }
.admission-inner .admission-box:nth-child(1),
.admission-inner .admission-box:nth-child(3) { margin-top: 0px; }
.admission-inner .admission-box::before { display:none !important; }
/*** 
====================================================================
  resources page css 
====================================================================
***/
.publications-inner { grid-template-columns: repeat(2, 1fr); }
.publications-box .image-holder { height:auto; }


	
}

/* 736 */
@media only screen and (max-width: 767px) {
.taghead { font-size:16px; }	
.mainhead { font-size: 36px; }
.heading-white { font-size:30px; }
.heading-red { font-size:30px; }
.heading-gray { font-size:30px; }
.heading-pink { font-size:30px; }
.heading-blue { font-size:30px; }
.heading-yellow { font-size:30px; }
.heading { font-size: 30px; }
.subheading { font-size:20px; }
.theme-btn { height:60px; font-size:14px; padding:12px 20px 12px; }

/*** 
====================================================================
  home page css 
====================================================================
***/
.caption-box .btn-box { padding:20px 0 0; }
.gallery-box .title { font-size:24px; }
.contact-cta .header-content { font-size:18px; }
.gallery-box { border-radius:20px; padding: 50px 20px 30px; }
.gallery-box .figure-caption { font-size:20px; }
.slider-nav .slick-list { margin: 0 0px; }
.slider-nav .slick-slide { padding: 140px 0px 40px; }
footer.cms-footer .footer-rht { flex-direction:column; }
footer.cms-footer .copyright { flex-direction:column; align-items:center; row-gap:30px; }

/*** 
====================================================================
  approch page css 
====================================================================
***/
.approach-box { padding:20px; border-radius:20px; }
.approach-box .title { font-size:24px; }
.belief-box { text-align: center; grid-template-columns: repeat(1, 1fr); }
.belief-box .number { margin:0 auto 20px; }
.belief-box .belief-detail { padding:0; }
/*** 
====================================================================
  culture page css 
====================================================================
***/

.culture-space .title { font-size:36px; }
/*** 
====================================================================
  teacher-development-and-growth page css 
====================================================================
***/
.culture-strive { grid-template-columns: repeat(1, 1fr);}
.teacher-benefits .btn-box { flex-wrap:wrap; }
/*** 
====================================================================
  admissions page css 
====================================================================
***/
.admission-inner { grid-template-columns: repeat(1, 1fr); }
/*** 
====================================================================
  resources page css 
====================================================================
***/
.publications-inner { grid-template-columns: repeat(1, 1fr); }
/*** 
====================================================================
  blog page css 
====================================================================
***/
.bolgpage .post-inner { grid-template-columns: repeat(1, 1fr); }


}

/* 600 */
@media only screen and (max-width: 666px) {


}