/* Large Desktop */
@media (min-width: 1200px) {
}


/* Desktop / Laptop */
@media (max-width: 1199px) {

        /* DESKTOP ONLY */
    #school-top-nav { display: none !important; }

    .main-container{
        padding-top: 0px;
    }

    .main-header a{
        margin: auto;
    }

    .campus-overlay{
        width:85%;
        padding:30px;
        transform:translateY(-35%);
    }

    .curriculars-section{
        margin-top: -4%;
    }

    .inspiredLogo-section .image-wrapper img {
        width: 125px;
    }

    .inspiredLogo-section .logoTitle {
        font-size: 19px;
    }

    .inspiredLogo-section .subTitle {
        font-size: 15px;
    }

    .reg-title {
        font-size: 40px;
    }
}


/* Tablet */
@media (max-width: 991px) {


      

    h1{ font-size:32px; }
    h2{ font-size:26px; }

    .about-one__left:before, .imageBgOverlayRight:before{
        display: none;
    }


}

@media (max-width: 767px) {
  
    .live-mobile{
        display: block;
    }
    .live-desktop{
        display: none;
    }

  .site-header {
    min-height: auto;
  }

  .nav-wrap {
    grid-template-columns: auto 1fr auto;
    min-height: 82px;
  }

  .brand {
    grid-column: 2;
    justify-self: center;
  }

  .brand img {
    width: 62px;
  }

 .menu-area {
    grid-column: 1;
  }

  .nav-actions {
    grid-column: 3;
  }

  .menu-button span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }

  .mega-menu {
    left: 0;
    right: 0;
    grid-template-columns: 1fr;
    width: 100%;
    max-height: calc(100vh - 82px);
    overflow: auto;
    transform: translateY(-12px);
  }

  .menu-toggle:checked ~ .mega-menu {
    transform: translateY(0);
  }

   
}

/* Mobile */
@media (max-width: 749px) {


    
    .panel{
        padding: 40px 5px !important;
    }

    .inspiredLogo-section{
        display: none !important;
    }

    .section-padding{
        padding:10px 0;
    }

    .carousel-item img{
        height:60vh;
    }

    .campus-overlay{
        width:100%;
        padding:25px;
        transform:translateY(0%);
        border-radius: 0px !important;
    }
    .curriculars-section{
        margin-top: 5%;
    }

    /*.activity-card img{
        height:220px;
    }*/

    .inspiredLogo-section .logoTitle {
        font-size: 25px;
    }

    .inspiredLogo-section .logoTitle span {
        font-size: 63px;
    }

    .inspiredLogo-section .subTitle {
        font-size: 16px;
    }

    .register-section{
        padding:60px 0;
        text-align:center;
        margin-bottom: 40px;
    }

    .faq-right{
      padding:40px 25px;
    }

     

    footer .text-end{
       text-align:center !important;
    }

    h1{ font-size:32px; }
    h2{ font-size:26px; }

    .carousel-caption h2 {
        font-size: 180% !important;
    }   

    .thm-btn.about-us-btn{
        display: table;
        margin: auto;
    }

    .banner-wrapper img{
      height:40vh;
    }

    .banner-title{
      font-size:30px;
    }

    .intro-text{
      font-size:16px;
    }

    .privilege{
        text-align: center;
    }

    .privilege h2{
        margin-bottom: 25px;
    }
     
}


/* Small Mobile */
@media (max-width: 575px) {
    .banner-title {
        font-size: 18px;
    }

    .journey-btn{
        padding: 16px 20px 12px;
    }
}