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

/* ==========================================================================
    (Medium Desktop, 1400px and up)*
    ========================================================================== */
@media (max-width: 1400px) {
  .values-block {

    padding-top: 130px !important;
    
}
}
 
 /* ==========================================================================
    *Medium devices (tablets, 1200px and down)*
    ========================================================================== */
 @media (max-width: 1200px) {
   .main-menu > ul > li > a { padding: 36px 10px 35px 10px;}
   .contact-box .contact-list { padding-left: 0;}
 }
 
 
 /* ==========================================================================
    *Medium devices (tablets, 991px and down)*
    ========================================================================== */
 @media (max-width: 991px) {
   .main-menu { display:none;}
   .mobile-menu { display:block; background:#000000; position: relative; z-index: 99999999999;}
   .mobile-menu a.menu-toggle { display:block; z-index:1;  top: -74px; right:10px; background:#3b6ce5;}
   .mobile-menu ul.menu-list{display:none;}
   .mobile-menu > ul > li > span { display:none;}
   .mobile-menu > ul.menu-list > li > a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}
   .mobile-menu > ul > li > a.active { color: #fff;}
   .header-right { margin-right: 50px;}
   .mobile-menu > ul.menu-list { padding: 10px 0;}
   .mobile-menu > ul > li > a { font-size: 14px; text-transform: uppercase;}
   .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}

   .home-about-sec { display: none;}
   .online-app-reg { top: 90px;}
   ul.explorer li:hover { background: none; animation: none;}
   .curriculam-top-block { padding: 110px 0 115px;}
   .hvr-sweep-to-bottom1:before { display: none;}

   .values-block {

    padding-top: 60px !important;
    
}
    
 }
 
 
 /* ==========================================================================
    *Small devices (landscape phones, less than 768px)*
    ========================================================================== */ 
 @media (max-width: 767px) {
   h1 { font-size: 42px;}
   h2 { font-size: 36px;}
   .online-app-reg { bottom: 0; top: inherit; right: 0; display: flex; width: 100%; justify-content: center;}
   .app-reg-btn span::before,
   .app-reg-btn span::after { display: none;}
   .app-reg-btn span { width: auto; height: auto;}
   .app-reg-btn { background: #063d7a; margin-bottom: 0; padding: 15px; width: 50%; display: flex; justify-content: center; align-items: center; text-align: left; line-height: 16px;}
   .app-reg-btn:first-child { background: #ffbf02; color: #000000;}
   .app-reg-btn span { margin-bottom: 5px; margin: 0; margin-right: 10px;}
   footer { padding-bottom:0px;}
   .app-reg-btn span svg { width: 26px;}
   .app-reg-btn:first-child svg path { fill: #000000;}

   .banner-block  { height: auto;}
   .banner-slider { height: auto; padding:0px;background-position: -432px !important;}
   .banner-block:after { display: none;}
   .video-box { float: none;}
   .video-box img { max-width: 100%; height: auto;}
   .video-box:before { display: none;}
   .top-spce1 { margin-top: 0;}
   .counting-about { margin-top: 35px; display: block;}
   ul.counting-about li h4 span { font-size: 20px;}
   .principal-name { background-position: bottom left; padding: 15px; padding-bottom: 25px; display: flex; flex-direction: column; height: auto; background-size: cover; margin: 0; width: 100%; background: #063c7aa6; border-top: 2px solid #ffffffad;}
   .principal-block h2 span { display: inline-block;}
   ul.explorer { display:flex; flex-wrap: wrap;}
   ul.explorer li { display: block; width: 100%; text-align: center; padding: 10px 0; max-width: 118px; margin: auto;}
   ul.explorer li:after { display: none;}
   .submit-box { background: none; padding: 25px 0 0 0; text-align: center; height: inherit;}
   .submit-box a { display: inline-flex;}
   .principal-block { text-align: center;}
   .principal-outer { margin-bottom: 20px;}
   ul.info-links li { margin: 0; display: block; text-align: center;}
   ul.info-links li:nth-child(1) { text-align: center;}
   .social-link { display: inline-flex; justify-content: center; align-items: center; margin-top: 15px;}
   .social-link li { margin: 0 5px !important;}
   ul.fot-links li { margin-bottom: 10px;}
   ul.quick-link li a { font-size: 14px;}

   .curriculam-language li { width: auto; margin-right: 15px;}
   .curriculam-top-block { background: #002b5c; padding: 110px 0 0 0;}
   .img-place-holder{width: 320px; height: 320px;}
   
   .app-reg-btn { flex-direction: column;}

  .commen-table { border: none;}
  .commen-table caption { font-size: 1.3em;}
  .commen-table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
  .commen-table tr { border: 1px solid #ddd; display: block; margin-bottom: 10px;}
  .commen-table td { display: block; font-size: .8em; text-align: right; border-left: none;}
  .commen-table td::before { content: attr(data-label); float: left; font-weight: 400; text-transform: uppercase; color: #ffbf02;}
  .commen-table td:last-child { border-bottom: 0;}
  .documents-table td { text-align: left;}
  .documents-table td::before { float: none; display: block;}

  .principal-block h2 { margin-bottom: 15px;}
  .principal-block p { text-align: justify;}
  .curriculam-top-left p { text-align: justify;}
  .explorer-block h2,
  .book-tour h2 { margin-bottom: 0;}
  .img-svg { max-width: 450px; width: 100%;}
  .img-svg svg { width: 260px; margin: auto; display: block;}


  .logo {width: 100%; margin: 0px auto; text-align: center;}
.hed-info{display: none;}
.form-box{margin-top: 0px; margin-bottom: 30px;}
.banner-slider h1, .banner-slider h3, .banner-slider p{text-align: center;}
ul.fot-links li{width: 100%; margin-bottom: 15px;}
.vision-box{margin: 0px auto; text-align:center;}
.vision-box a{text-align: center; margin: 0px auto;}
.banner-slider h3{font-size: 20px;}
.draw-svg-icon{display: none;}


  .banner-slider h1{margin: 25% 0 0 0;}


  ul.fot-links {
    margin: 0px auto;
    text-align: center;
    overflow: hidden;
  }





  .values-block {

    padding-top: 60px !important;
  }


  .standard-item{display: block;}
  .standard-item .img-block {
    width: 100%;
  }

  .standard-item .contant{width: 100%;text-align: center;}

  .success-page-block { padding: 35px 0;}
  .success-page-block h2 { font-size: 1.3rem;}
  .success-page-block h5 { font-size: 18px;}



}
 /* ==========================================================================
    *Extra small devices (portrait phones, less than 576px)*
    ========================================================================== */ 
 @media (max-width: 575px) {
   .app-reg-btn { flex-direction: column; text-align: center; padding: 8px;}
   .app-reg-btn span { margin-right: 0; margin-bottom: 5px;}
   
 }
 
 
 /* ==========================================================================
    *Extra small devices (portrait phones, less than 480px)*
    ========================================================================== */ 
 @media (max-width: 480px) {
   h1 { font-size: 30px; margin-bottom: 15px;}
   h2 { font-size: 26px; margin-bottom: 15px;}
   h3 { font-size: 26px; margin-bottom: 15px;}
   .curriculam-img:before { width: 220px; height: 220px;}
   ul.explorer li { width: 50%; max-width: inherit;}
   ul.fot-links li a { width: 114px; height: 116px;}
   .img-place-holder{width: 280px; height: 280px;}
   .img-svg { max-width: inherit; width: 95%;}
 }