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

/* ==========================================================================
    (Medium Desktop, 1400px and up)*
    ========================================================================== */
@media (max-width: 1400px) {
   .home-curriculum h3 { font-size: 24px;}
   .news-card-image img { min-height: 210px;}
   .inner-page .home-top-block { margin-top: -193px;}

   .main-menu > ul > li { margin-left: 15px;}
   .main-menu > ul > li > a { font-size: 13px;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   /*======================================== Menu Style End =======================================*/
   .mobile-menu { display: block;}
   .menu-toggle { display: block;}
   .menu-overlay { position: fixed; width: 100vw; height: 100vh; top: 0; bottom: 0; left: 0; z-index: 13; opacity: 0; background-color: rgba(0,0,0,.7); visibility: hidden; transition: opacity .25s ease,visibility 0s ease;}
   .mobile-menu { height: 96vh; width: 290px; transform: translateX(10px); position: fixed; top: 0; bottom: 0; right: 10px; margin: auto; overflow: hidden; overflow-y: auto; background: var(--white); transition: transform .5s ease; display: flex; flex-direction: column; z-index: 14; opacity: 0; pointer-events: none; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; box-shadow: 0 0 50px 0 #3d011d;}
   .mobile-menu::before { content: ''; display: block; width: 100%; height: 160%; position: absolute; left: 0; top: 0;  background-image: -moz-linear-gradient( 90deg, rgb(85 2 42 / 71%) 0%, rgb(41,1,21) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(85 2 42 / 71%) 0%, rgb(41,1,21) 100%); background-image: -ms-linear-gradient( 90deg, rgb(85 2 42 / 71%) 0%, rgb(41,1,21) 100%);}
   .mobile-menu.expand { transform: translateX(0); opacity: 1; pointer-events: visible;}
   .mobile-menu.expand+.menu-overlay { visibility: visible; opacity: 1;}
   .mobile-menu .overlay { display: block; width: 100%; height: 100%; padding-top: 30px;}
   .menu-bar-title { font-size: 20px; font-weight: 300; color: var(--white);}

   .mobile-menu ul.menu-list { padding:5px 0;}
   .mobile-menu ul.menu-list > li > a:hover { background:#36011b; color:#FFF;}
   .mobile-menu ul.menu-list > li > ul { display:none; margin-left:0; padding:10px 0; background:#6a0132;}
   .mobile-menu ul.menu-list> li a.open,
   .mobile-menu ul.menu-list > li > ul > li a:hover { background:var(--green); color: var(--black);}
   .mobile-menu ul.menu-list > li > ul > li a {color:#FFF; padding:10px 10px;display:block; font-size:16px; transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-moz-transition:all ease-out .2s;-ms-transition:all ease-out .2s;-o-transition:all ease-out .2s;text-align:center;}
   .menu-toggle { position:absolute; display:none; width:40px; height:40px; top:8px; right:15px; padding-top:6px; box-sizing:border-box; border: none; background: var(--orange); padding: 0;}
   .menu-toggle span.line { position:relative; width:65%; height:2px; background: #ffffff; margin:6px auto; display:block; transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; -ms-transition:all ease .3s}
   .menu-toggle.active span.line { position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; transform-origin:center center;}
   .menu-toggle.active span.line.a { transform:rotate(45deg)}
   .menu-toggle.active span.line.c { transform:rotate(-45deg)}
   .menu-toggle.active span.line.b { opacity:0}
   .mobile-menu > ul { padding:10px 0}
   .mobile-menu ul > li {text-align:center; border-top: 1px solid rgba(255, 255, 255, 0.1); position: relative; list-style: none;}
   .mobile-menu ul > li:first-child { border-top:none;}
   .mobile-menu ul > li > a { display:block; color: var(--white); font-size:16px; padding:8px 20px;}
   .mobile-menu ul > li > a > img { display: none;} 
   .mobile-menu ul > li.dropdown { position: relative;}
   .mobile-menu ul > li.dropdown::before { content: "\f107"; font-family: "FontAwesome"; font-size: 14px; color: var(--white); display: inline-block; position: absolute; right: 10px; top: 9px;}
   .mobile-menu ul > li:hover::before { color: var(--white);}
   .mobile-menu ul > li.drp > a { position:relative;}
   .mobile-menu ul > li.drp > a:after { content:''; width:0; height:0; display:block; border:6px solid #fff; border-color: var(--white) transparent transparent transparent; position:absolute; right:15px; top:15px;}
   .mobile-menu ul > li.drp > a.open:after { border:6px solid var(--white); border-color: transparent transparent var(--white) transparent; top:10px;}
   /*======================================== Menu Style End =======================================*/

   .curri-list li { margin-right: 15px;}
   .home-curriculum .body { padding: 30px 18px; padding-bottom: 100px;}

   .header { padding: 10px 0;}
   .main-menu { display:none;}
   .mobile-menu { display:block; background:#500025; z-index: 15;}
   .menu-toggle { display:block; z-index:13; position: fixed; top: 25px; right:15px;}
   .close-side { display: block;}
   .menu-toggle span.line { background: #ffffff;}
   .mobile-menu ul > li > a { color: #ffffff !important;}
   
   /* 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 */
   .header .container { display: flex;}

   .patrons-list li { width: 18.5%;}
   .patrons-list li p { padding: 0;}
   .hed-info{display: ;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
 @media (max-width: 991px) {
   h1, h1 span { font-size: 42px !important; line-height: 1.1 !important;}
   h2, h2 span { font-size: 36px !important; line-height: 1.1 !important;}
   h3, h3 span { font-size: 26px !important; line-height: 1.1 !important;}
   section { padding: 50px 0;}
   p { font-size: 14px;}

   .banner-text{max-width: 100%;}
   .banner { min-height: 400px;}
   .banner-item { min-height: 400px; padding: 120px 0 50px;}
   .home-top-block { margin-top: 0; clip-path:none;}
   .logo { max-width: 70px; margin-bottom: 0; margin: 0px auto;}
   .burger-menu { top: 27px; right: 15px;}
   .banner::before { display: none;}
   .banner-text h1 { margin-bottom: 25px;}
   .floating-menu a { margin-bottom: 15px;}
   .home-top-block { padding: 50px 0; min-height: auto;}
   .welcome-video { width: 90px; height: 90px;}
   .welcome-video::before { width: 120px; height: 120px; top: -15px; left: -15px;}
   .welcome-block p { margin-bottom: 25px;}
   .welcome-video svg { width: 28px; height: 32px;}
   .explore-btn { padding: 12px 30px;}
   .vision-values { margin: 0; height: 100%; padding: 25px; padding-top: 60px;}
   .vision-mission-values .box { padding-top: 100px;}

   .home-curriculum .body { padding: 20px 15px; padding-bottom: 80px;}
   .home-curriculum .white-border-btn { bottom: 20px;}
   .curri-list li .icon { padding: 10px; width: 50px; height: 50px; margin-bottom: 10px;}
   .home-curriculum h3 { min-height: auto; padding-top: 100px; max-width: 100%; font-size: 22px !important;}
   .curri-list li { font-size: 12px; margin: 0 3% 5% 0; word-break: break-all; width: 30%;}
   .curri-list { margin-bottom: 0;}
   .white-border-btn span { font-size: 14px;}
   .news-card-body { padding: 25px;}
   .home-news-block h2 { margin-bottom: 25px;}
   .home-curriculum-block { padding: 50px 0;}
   .home-news-block { margin: 0; padding: 50px 0; min-height: auto;}
   .home-curriculum-block::after { display: none;}
   .statis-block { padding-top: 0;}
   .statis-box { padding: 20px 15px; min-height: auto; height: 100%;}
   .footer-main-block { padding: 30px 0 45px;}
   .footer-main-block h3 { margin-bottom: 15px;}
   .welcome-video i { font-size: 32px;}

   .sub-banner-block::after { display: none;}
   .inner-page .home-top-block { margin: 0; padding: 50px 0;}
   .sub-banner-block .overlay { display: flex; align-items: end; padding-top: 100px; padding-bottom: 30px; min-height: 250px;}
   .sub-banner-block { min-height: 250px;}
   .inner-page .home-curriculum-block { padding: 50px 0;}
   .sub-banner-block h1 { margin-bottom: 5px;}

   .contact-address-sec { padding-top: 15px;}
   .contact-map-block iframe { height: 300px;}
   .patrons-list li { width: 30%;}
   .patrons-list li p { padding: 10px 15px;}

   .element { display: none;}
   .contact-address p { font-size: 16px;}
 }
 


 

 
/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   h1, h1 span { font-size: 30px !important; line-height: 1.1 !important;}
   h2, h2 span { font-size: 26px !important; line-height: 1.1 !important;}
   h3, h3 span { font-size: 25px !important; line-height: 1.1 !important;}
   p { font-size: 14px;}
   section { padding: 35px 0;}
   
   .home-news .owl-item{padding: 0px;}
   .principal-message span{margin-bottom:10px; display: block;}
   .principal-message{padding: 20px;}
   .principal-message h3{margin-bottom: 0px;}
   .header-contact { margin-left: 20px;}
   .header-contact li img { position: static;}
   .header-contact li { padding: 0 10px;}
   .header-contact li a { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 100%; padding: 8px; border: 1px solid #ffffff;}
   .floating-menu a { width: 45px; height: 45px; padding: 10px;}
   .floating-menu a svg { width: 20px; height: 20px;}
   .floating-menu a span { font-size: 14px; font-weight: 400; right: 55px; top: 11px;}
   .welcome-message { display: block; text-align: center;}
   .welcome-video { margin-bottom: 25px;}
   .vision-values { padding: 25px; min-height: auto; text-align: center;}
   .vision-values .icon { width: 85px; height: 85px; position: relative; top: inherit; left: inherit; margin: auto; margin-bottom: 10px;}
   .vision-values::after { display: none;}
   .vision-mission-values .box { padding-top: 15px;}
   .vision-mission-values .box:nth-child(2) .vision-values { transform: scale(1);}
   .box-img { display: none;}
   .home-curriculum h3 { padding: 0;}
   .home-curriculum .body { padding: 20px; text-align: center;}
   .home-curriculum .white-border-btn { position: relative; left: inherit; bottom: inherit;}
   .home-curriculum p { margin-bottom: 20px;}
   .curri-list { justify-content: center;}
   .curri-list li { margin: 0 8px; margin-bottom: 15px; width: auto;}
   .home-curriculum { border: 1px solid #ffffff !important;}
   .footer-main-block h3 { text-align: left;}
   .footer-main-block ul li { text-align: center;}
   .footer-contact { max-width: 100%; margin: 0;}
   .footer-contact li { text-align: left !important;}
   .footer-main-block ul li a { word-break: break-all;}
   .home-instafeed-slider .owl-dots { display: flex; justify-content: center; margin-top: 10px;}
   .home-instafeed-slider .owl-dots button { width: 7px; height: 7px; display: block; border-radius: 100%; background: #ffffff; margin: 4px;}
   .home-instafeed-slider .owl-dots button.active { background: #e8af00;}
   /* .close-side { top: 42px;} */

   .banner-item { padding: 110px 0 25px;}
   .floating-menu { top: inherit; bottom: 50px;}
   .banner-text { padding: 0;}
   .banner-text .border-btn { padding: 11px 25px;}
   .banner-text h1 { margin-bottom: 15px;}
   .banner-text .border-btn span { font-size: 14px;}
   .home-top-block,
   .home-curriculum-block,
   .home-news-blockm,
   .insta-block,
   .home-news-block { padding: 35px 0;}
   .welcome-block h2,
   .welcome-block p { margin-bottom: 15px;}
   .welcome-block p { font-size: 14px; line-height: 1.3;}
   .welcome-video-box { padding-top: 20px;}
   .home-curriculum-block h2 { margin-bottom: 0;}
   .home-curriculum .white-border-btn { width: 130px; padding: 10px 20px;}
   .news-card-body { padding: 20px;}
   .home-news-block h2 { margin-bottom: 15px;}
   .footer-main-block { padding: 20px 0 30px;}
   .footer-bottom-block p { font-size: 14px;}

   .border-btn { padding: 10px 25px;}
   .border-btn span { font-size: 13px;}
   .floating-menu a { margin-bottom: 8px;}
   .welcome-video { width: 75px; height: 75px;}
   .welcome-video::before { width: 105px; height: 105px;}

   .welcome-video i { font-size: 20px;}
   .explore-btn { padding: 10px 25px; font-size: 13px; line-height: 1.1;}
   .footer-main-block ul li { margin-bottom: 5px;}

   .inner-page .home-top-block,
   .inner-page .home-curriculum-block { padding: 35px 0;}
   .team-box { padding: 20px;}
   .team-body { min-height: auto;}

   .sub-banner-block h1 { line-height: 1.2;}
   .sub-banner-block .overlay { padding-bottom: 20px;}
   .menu-toggle { margin-left: 5px;}
   .contact-form { padding: 20px;}
   .contact-map-block iframe { height: 250px;}

   .mobile-menu { padding-top: 40px;}
   .patrons-list li { width: 48%; margin: 1%;}
   .current-events-block ul.resp-tabs-list { display: none;}

   h2.resp-tab-active { border: none !important; background: #6a0132 !important; color: white !important;}
   h2.resp-accordion { border: 1px solid #6a0132 !important; font-size: 18px !important;}
   .current-events-block .resp-tab-content { padding: 15px 0;}
   .video-gallery .current-events-box a::after { width: 55px; height: 55px; font-size: 18px;}
   .mobile-menu { width: 260px;}

   .newsletter-list li a { width: 135px;}
   .popup-wrap-body { padding: 0; padding-top: 25px;}

   .home-news .owl-nav button.owl-next {
      right: 0;
    }
    .home-news .owl-nav button.owl-prev {
      left: 0;
    }
    .header{text-align: center;}
    .hed-info{display: none;}

    .banner-text h1 {
      font-size: 40px !important;
      margin-bottom: 5px;
      text-align: center;
    }
.banner-item img{top: -100px;}
h4 {
   font-size: 20px;
 }
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
   .burger-menu { top: 18px;}
   .menu-bar { width: 250px; right: 10px;}
   /* .mobile-menu ul.menu-list > li > ul { padding-left: 38px;} */
   .home-news .owl-nav button { width: 40px; height: 40px;}
   .home-news .owl-nav button span { font-size: 20px;}
   .banner,
   .banner-item { min-height: 300px; display: flex; flex-direction: column; justify-content: end;}
   .news-card-body h3 { margin-bottom: 10px;}
   .news-card-body p, .news-card-body p a { font-size: 13px;}
   .banner-text h1 {
      font-size: 40px !important;
      margin-bottom: 5px;
      text-align: center;
    }
   .banner-text .border-btn { padding: 9px 22px;}
}



/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */ 
@media (max-width:480px) { 
   .welcome-block h2 { font-size: 20px !important;}
   .patrons-list li { width: 100%; margin: 1% 0;}
}