@media (min-width: 1401px) {

   .container { max-width: 1050px;}

   .banner-item .container { max-width: 1170px;}

}



/* ==========================================================================

    (Medium Desktop, 1400px and up)*

    ========================================================================== */

@media (max-width: 1400px) {

   

}

 

 

/* ==========================================================================

   *Medium devices (tablets, 1200px and down)*

   ========================================================================== */

@media (max-width: 1200px) {

   .main-menu > ul > li { padding-right: 25px;}

}

 

 

/* ==========================================================================

   *Medium devices (tablets, 991px and down)*

   ========================================================================== */

 @media (max-width: 991px) {

   section { padding: 50px 0;}



   .main-menu { display:none;}

   .mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}

   .mobile-menu .menu-toggle { display:block; z-index:1;  top: -56px; right: 5px;}

   .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;}



   /* Menu Second Level 21-01-2021 */

   .mobile-menu ul.menu-list > li > ul{padding: 0;}

   .mobile-menu ul.menu-list > li > ul > li >ul{ display:none; background: #505050; padding: 0;}

   .mobile-menu ul.menu-list > li > ul > li >ul >li>a{font-size: 14px;}

   /* Menu Second Level END 21-01-2021 */



   .mega-drop { padding: 0 15px; position: relative; z-index: 3; left: inherit !important; top: inherit !important; right: inherit !important; bottom: inherit !important; width: 100% !important; display: none;  opacity: 1; transform: scale(1); pointer-events: auto; background: #1b1a1a; border-radius: 0px;}

   .mobile-menu ul > li > a { font-weight: 400; color: #ffffff !important;}

   .drop-links > li > a { font-size: 14px;}

   .drop-links li a:before { position: static; display: inline-block; margin-right: 20px;}

   

   .header-top-bar { padding: 6px 0;}

   .header-top-right { display: none;}

   .logo { max-width: 130px;}

   .header-social { display: none;}

   .banner-item { min-height: 400px;}

   

   .footer-logo-block { padding: 40px 0 0 0;}

   .footer-menu-block { padding: 40px 0;}

   .footer-contact-block { padding: 40px 20px;}

   .home-second-right { margin-top: 30px; padding: 15px 25px; height: auto;}

   .home-second-right ul li a { padding: 10px 0; font-size: 14px;}

   .home-testimonial h2,

   .home-why-choose h2 { margin-bottom: 20px; font-size: 24px;}

   .home-top-right a { font-size: 24px;}

   .home-top-right { padding: 20px;}

   .home-top-right p { margin-bottom: 5px;}

   .home-why-choose ul li { font-size: 16px; margin-bottom: 15px;}

   .commen-tab .resp-tabs-list li,

   .commen-tab .resp-tabs-list li.resp-tab-active { padding: 10px 25px !important;}

   .home-testi-box { padding: 25px;}

   .home-timings .commen-tab { margin-bottom: 20px !important;}

   .commen-tab h2.resp-accordion { border: none !important; background: #2e1a47 !important; color: #ffffff !important; font-size: 16px; font-weight: 600; margin-bottom: 10px;}

   .commen-tab h2.resp-accordion.resp-tab-active { border: none !important; background: #2e1a47 !important; color: #ffffff !important;}



   .contact-address,

   .contact-form-box { padding: 35px;}

   .border-box { border-left: none; border-top: 1px solid #dddddd;}

   .contact-inout { height: 46px;}

   .contact-address iframe { height: 300px;}

   .search-box2 { margin-top: 50px;}

   .uniform-head { padding-bottom: 0;}

   .uniform-filter-buttons button { margin-bottom: 5px;}



   .pastoral-care-top-left { padding: 25px;}

   .pastoral-care-top-right { padding: 25px;}

   .general-box { padding: 30px;}

   .commen-tab .resp-tabs-list li { width: auto !important;}



   .global-finals-box-right li { width: calc(100%/3); padding: 10px;}

   .global-finals-box-right li h5 { font-size: 18px; margin-bottom: 10px;}

   .global-finals-box-right li p { font-size: 14px;}

   .global-finals-top h2 { font-size: 22px !important;}

   .pro-quality-head img { margin-bottom: 10px; width: 130px;}



   .music-instruments p { font-size: 16px;}

   .instruments-icon { margin-bottom: 10px;}

   .music-instruments { padding-right: 15px; width: 25%;}

   .sports-facilities h4 { font-size: 18px;}

   .sports-facilities i { margin-bottom: 15px;}

 }

 





 



 

/* ==========================================================================

   *Small devices (landscape phones, less than 768px)*

   ========================================================================== */ 

@media (max-width: 767px) {

   section { padding: 40px 0;}

   h1 { font-size: 22px;}

   .inner-page h2{font-size: 28px;}

   .inner-page h3{font-size: 25px;}

   .inner-page h4{font-size: 22px;}



   .padding-style1 { padding: 40px 0;}

   .banner-item { min-height: 350px;}

   .banner-content { max-width: 300px;}

   .banner-content { padding: 20px;}

   .footer-logo-block { padding-top: 30px;}

   .footer-menu-block { padding: 30px 0 10px;}

   .footer-menu-block ul { margin-bottom: 30px;}

   .footer-bottom-menu { margin-bottom: 20px;}

   .footer-bottom-menu li { margin-bottom: 10px;}

   .footer-bottom-menu li:first-child { border-left: 1px solid #808080;}

   .footer-menu-block ul li { margin-bottom: 5px;}

   .home-timings { padding: 25px;}

   .home-timings h3 { margin-bottom: 15px;}

   .home-top-feature { border-bottom: 1px solid #ffffff;}

   .tenth-anniversary { text-align: center; margin-bottom: 20px;}

   .home-patch-box li a { padding: 15px;}

   .home-patch-box li a i { position: static; margin-bottom: 15px;}

   .contact-address,

   .contact-form-box { padding: 25px;}

   .contact-address iframe { height: 250px;}

   .contact-staff-block { margin-top: 35px;}



   .commen-table table td { display: flex; justify-content: space-between;}

   .commen-table table td::before { width: 40%; text-align: left; margin-right: 15px;}

   .inner-page { padding: 35px 0;}

   .admissions-open-box { padding: 25px;}

   .uniform-left-block .dark-purple-btn { padding: 12px 30px; line-height: 1.1;}

   .uniform-head h2 { font-size: 20px;}

   .uniform-providers-block h3 { text-align: center;}

   .uniform-providers-block h3 br { display: none;}

   .uniform-map iframe { min-height: 260px;}



   .commen-vertical-tab .resp-tabs-container { width: 100%;}

   .commen-vertical-tab h2.resp-accordion { border: none !important; background: #2e1a47 !important; color: #ffffff !important; font-size: 16px; font-weight: 600; margin-bottom: 10px;}

   .commen-vertical-tab h2.resp-accordion.resp-tab-active { border: none !important; background: #2e1a47 !important; color: #ffffff !important;}

   .commen-vertical-tab .resp-tabs-container { padding-left: 0;}



   /*=========== s-code =============*/

   .commen-tab2 h2{font-size:16px !important; margin-bottom: -1px;}

   .commen-tab2 h2.resp-accordion{border: 1px solid #c1c1c1; background-color: #fff !important;}

   .commen-tab2 .resp-arrow{display: none;}

   .commen-tab2 .resp-tab-content {padding:16px;}

   .commen-tab2 p{font-size: 14px;}

   .facilities-slider-1{height: 280px;}

   .facilities-slider-1 .inner-text h3{font-size: 25px;}

   .tab-style1 .commen-tab .resp-tab-content {padding:20px;}

   .circle-slide .circle-menu{margin: 0px auto;}

   .circle-slide {margin:50px 0;}

   .circle-slide .circle-menu{width: 315px; height: 315px;}

   .circle-slide .menu-item:nth-child(2) {left: 282px;}

    .circle-slide .menu-item:nth-child(3) {

      top: 216px;

      left: 285px;

      transform: translate(-50%, -50%);

    }

    .circle-slide .menu-item:nth-child(5) {

      top: 290px;

      left: 96px;

  

   

   }

   .circle-slide .menu-item:nth-child(4) {

      top: 336px;

      left: 210px;

    }

   /*=========== s-code end =============*/



   .wellbeing-feautures li { width: calc(100% / 3);}

   .wellbeing-feautures li p { line-height: 1.2;}

   .liaison-officer { padding: 20px;}

   .liaison-officer-box .team-card-l { margin-bottom: 0;}



   .general-box { padding: 20px;}

   .absence-procedure { padding: 20px;}

   .project-quality-box h2 { font-size: 20px; font-weight: 600;}

   .music-box-left { padding: 20px;}

   .music-testimonials { padding: 0;}

   .music-testimonials .owl-nav .owl-prev { left: 0px !important;}

   .music-testimonials .owl-nav .owl-next { right: 0px !important;}

   .owl-carousel .owl-nav { position: static; height: auto;}

   .music-testimonials .owl-nav button { position: static;}

   .music-testi-item h5 span { display: block;}

   .music-instruments { width: 33%;}



   .sport-education-box .commen-vertical-tab .resp-tabs-container { width: 100%;}

   .sports-facilities h4 { font-size: 18px;}

   .sports-avail i { font-size: 45px; margin-bottom: 15px;}

.pic-img img{width: 100%;}
.pic-img {height: 315px; overflow: hidden;}
}



/* ==========================================================================

   *Extra small devices (portrait phones, less than 576px)*

   ========================================================================== */ 

@media (max-width: 575px) {

   .anniversary-card-image img { width: 100%;}

   .footer-contact-block { padding: 25px 15px;}

   .anniversary-card h3 { margin-bottom: 10px;}

   .contact-card-body { padding: 20px;}

   .contact-card-body h1,

   .contact-top-block h2,

   .contact-staff-block h3,

   .contact-bottom-block h2 { font-size: 20px; margin-bottom: 15px;}

   .contact-top-btns a { margin: 5px;}

   .contact-top-btns a { font-size: 13px;}

   .contact-textarea { height: 100px;}



   /* .inner-page h2{ font-size: 24px;} */

   .p-canteen-menu { padding: 20px;}

   .p-cafe-menu { padding: 20px;}

   .canteen-feature { padding-left: 0;}

   .canteen-feature i { position: static; margin-bottom: 15px;}

   .cashless-body { padding-left: 0;}

   .tuck-shop { position: static; margin-bottom: 15px; text-align: center; display: block;}

   .transport-bottom-listing { margin-top: 30px;}



   .communication-body h3 { font-size: 20px;}

   .complaints-page .commen-tab2 .resp-tab-content { padding: 20px;}



   .mnh-wellbeing-accreditation { padding-left: 0;}

   .mnh-logo { position: static; margin-bottom: 15px;}

   .general-box { padding: 20px;}

   .wellbeing-feautures li { width: calc(100% / 2);}

   

}





/* ==========================================================================

   *Extra small devices (portrait phones, less than 480px)*

   ========================================================================== */ 

   @media (max-width:480px) { 

      .banner-item { min-height: 300px;}

      .home-patch-box li { width: 100%; border-left: none; border-top: 1px solid #ffffff;}

      .home-patch-box li:first-child { border-top: none;}

      .home-why-choose ul li { margin-bottom: 10px;}

      .feature-box { padding-left: 0;}

      .feature-box i { position: static; margin-bottom: 10px;}

      .contact-address,

      .contact-form-box { padding: 20px;}

      .contact-address iframe { height: 200px;}

      .absence-procedure { padding: 20px;}

      .head-student-card h5 { font-size: 14px; font-weight: 700;}

      .accordian-style1 .data { padding: 20px;}

      .global-finals-box-right li { width: calc(100%/1);}

   

      .music-facilities { padding-left: 0;}

      .music-facilities i { position: static; margin-bottom: 15px;}

      .music-instruments { width: 33%; margin-top: 5px; padding-right: 5px;}

      .instruments-icon { margin-bottom: 5px;}

      .music-instruments p { font-size: 14px;}

      .pe-programme-logo img { width: calc(100%/2);} 





      

   }