/* ==========================================================================
    (Desktop, Above 1400px)*
    ========================================================================== */
@media (min-width: 1401px) {
  .container { max-width: 1280px;}
}

/* ==========================================================================
    (Medium Desktop, up to 1400px)*
    ========================================================================== */
@media (max-width: 1400px) {
   .curriculum-box-body { padding: 40px;}
   .curriculum-box-body h3 { font-size: 30px;}
   .curriculum-box-body p { font-size: 18px;}
   .yellow-patch { font-size: 18px;}
   .ages-patch h5 { font-size: 18px;}
   .ages-patch h5 span { font-size: 32px;}

   .outstanding-inclusion-block .outstanding-row { margin-right: inherit !important;}
   
}


/* ==========================================================================
    (Medium Desktop, up to 1200px)*
    ========================================================================== */
@media (max-width: 1200px) {
   .padding-100 { padding: 75px 0;}
   .curriculum-box-card { border-radius: 20px;}
   .stats-card h5 { font-size: 24px;}
   .stats-card p { font-size: 16px;}
   .banner-form { padding: 25px;}
   .commen-input { margin-bottom: 15px;}
   .banner-text .yellow-btn { font-size: 20px;}
   .principal-message { padding: 35px;}
   .principal-message-body p { font-size: 18px;}

   .our-curriculum-wrap { padding: 0 15px;}
   .our-curriculum-block { padding-bottom: 350px;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
 @media (max-width: 991px) {
   h1 { font-size: 34px !important; line-height: 1.1 !important;}
   h2 { font-size: 30px !important; line-height: 1.1 !important;}
   h3 { font-size: 26px !important; line-height: 1.1 !important;}
   section,
   .padding-100 { padding: 50px 0;}

   .principal-message-block { background: url(../img/principal-mob-bg.webp) no-repeat center top !important; background-size: cover !important;}
   .curriculum-box-img { background: #ffffff !important; min-height: auto; height: auto;}
   .owl-dots { margin-top: 25px;}

   .stats-card-outer { display: block; padding: 15px;}
   .stats-card-outer .icon { position: static; margin-bottom: 10px;}
   .stats-card { padding: 0;}
   .banner-text h4 { font-size: 20px;}
   .grades-patch { font-size: 22px;}
   .banner-text .yellow-btn { padding: 12px 30px; font-size: 18px;}
   .banner-text p { margin-bottom: 20px; font-size: 16px;}
   .form-header h5 { font-size: 22px;}
   .banner-form .purple-btn { font-size: 20px; padding: 12px 25px;}

   .btn-style1 { font-size: 17px; padding: 12px 25px;}
   .main-banner-block { padding: 90px 0 50px; min-height: 664px;}
   .logo { max-width: 140px;}
   .years-excellence-block { padding: 200px 0 50px;}
   .branding-partners { margin-top: 30px;}
   .commen-head { padding-bottom: 15px;}

   .our-curriculum-block::after { display: none;}
   .footer-block { padding: 50px 0 30px; min-height: 645px;}
   .footer-contact,.footer-form { border-radius: 15px; padding: 20px;}
   .footer-copyright { padding-top: 50px;}
   
 }
 

 
/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   h1 { font-size: 30px !important; margin-bottom: 15px !important;}
   h2 { font-size: 26px !important; margin-bottom: 15px !important;}
   h3 { font-size: 22px !important; margin-bottom: 15px !important;}
   p { font-size: 16px !important; margin-bottom: 15px !important;}
   section { padding: 40px 0;}
   
   .banner-text p { font-size: 16px !important;}
   .banner-left-box br { display: none;}
   .curriculum-box-img { min-height: 400px; height: auto;}
   .years-excellence-text h2 span { font-size: 36px;}
   .years-excellence-text h5 { margin-bottom: 15px;}
   .principal-message h4 { font-size: 22px;}
   .curriculum-box-body,
   .principal-message,
   .bx-content { padding: 25px;}
   .yellow-patch { margin-bottom: 15px;}
   .ages-patch { border-radius: 10px; padding: 10px; min-height: auto;}
   .discover-body .yellow-btn { font-size: 18px; font-weight: 400;}
   .testimonial-block .bx-wrapper { border-radius: 10px;}
   .bx-pager-thumb { max-width: 100%;}
   .bx-pager-thumb #bx-pager a { min-height: auto; padding: 10px 15px; text-align: center; border-radius: 10px;}
   .bx-pager-thumb #bx-pager a p { margin-bottom: 0 !important;}
   .bx-pager-thumb #bx-pager a p span { font-size: 16px;}
   .bx-pager-thumb #bx-pager a .avatar { width: 65px; height: 65px; min-height: auto; position: static; margin-bottom: 5px;}
   .bx-pager-thumb #bx-pager { flex-direction: row; justify-content: center;}
   .testi-comma { max-width: 50px; top: -15px; right: -18px;}

   .discover-safa-block { min-height: auto;}

}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
   .ftr-social { position: static;}
   .footer-copyright { padding-top: 25px;}
   .logo { max-width: 120px;}
   .btn-style1 { font-size: 16px; padding: 10px 20px;}
   .grades-patch { font-size: 20px;}
   .banner-form { padding: 20px;}
}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */ 
@media (max-width:480px) { 
   .bx-pager-thumb #bx-pager { flex-wrap: wrap;}
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */ 
@media (max-width:400px) { 
   
}