@media (min-width: 1401px) {
  .container { max-width: 1200px;}
}

/* ==========================================================================
    (Medium Desktop, 1400px and up)*
    ========================================================================== */
@media (max-width: 1400px) {
   .facilities-list li { padding: 0 10px;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   .downloads-list li { width: 22%;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
 @media (max-width: 991px) {
   h1 { font-size: 38px; line-height: 42px;}
   h2 { font-size: 32px; line-height: 36px;}
   .commen-head p { font-size: 16px; line-height: 24px;}
   .header { padding: 10px 0;}
   .hero-image { padding: 50px 0;}
   .home-banner { min-height: 575px;}
   .content-top-block { padding: 50px 0;}
   .oue-facilities { margin-top: 17px; padding-top: 25px;}
   .facilities-list li { width: 31%; padding: 15px; background: #ffffff10; margin: 5px; border-radius: 10px;}
   .facilities-list { margin-top: 0; padding-top: 0;}
   .downloads-list li { width: 33%;}
   
   .header-right-block,
   .header .container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
   .hero-text { text-align: center;}
   .hero-image { max-width: 440px; margin: auto; padding: 0;}
   .hero-section .hero-slide-item { height: auto; padding: 50px 0;}
 }
 


 

 
/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
  h1 { font-size: 30px !important; line-height: 34px !important;}
  h2 { font-size: 26px !important; line-height: 29px !important;}

  .header { padding: 10px 0;}
  .header .container { justify-content: center;}
  .header-right { justify-content: center;}
  .header-right li { padding: 5px; display: block;}
  .header-right li::before { display: none;}
  .home-banner { min-height: auto; padding: 50px 0;}
  .hero-image { background: none !important; position: static; padding: 0;}
  .header-phone { font-size: 16px;}
  .parent-portal { font-size: 16px; padding: 6px 15px;}
  .hero-text p { font-size: 18px; line-height: 24px;}
  .hero-text h1 br,
  .hero-text p br { display: none;}
  .downloads-list li { width: 48%;}
  .facilities-list li { width: 48%;}
  .welcome-feature h3 { font-size: 26px;}
  .downloads-list { padding-top: 0;}
  .admission-block h2 { margin-bottom: 20px;}
  .admission-block { padding-top: 50px;}
  .footer h3 { font-size: 26px; margin-bottom: 15px;}
  .contact-info-footer h3 { font-size: 18px !important;}
  .header-social::before { display: none;}
  .header-social li { margin-left: 0; padding: 0 10px;}

  .hero-section .hero-slide-item { height: auto;}
  .hero-section .owl-nav button { bottom: 150px;}
  .hero-text h1 { margin-bottom: 10px;}
  .header-right li { padding: 0 5px;}
  
}

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

}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */ 
@media (min-width:320px) and (max-width:480px) { 
  .downloads-list li,
  .facilities-list li { width: 90%;}
}