@media (max-width: 767px) {
    .navbar-area {
        position: fixed;
        top: 0;
    }
    .row {
        width: 100%;
        margin: 0;
    }
    .home-slider {
        height: 48vh;
        max-height: 500px;
        background: #ebedfc;
        width: calc(100% - 80px);
        margin: 0 40px;
        margin-top: -60px;
        padding: 20px;
        position: relative;
    }
    .home-slider .hero-text {
        width: 100%;
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin-top: 0;
    }
    .hero-area {
        height: calc(100vh - 100px);
    }
    .hero-area .home-banner-img {
        height: auto !important;
    }
    .hero-area .home-banner-img img {
        width: 100%;
        height: auto;
    }
    .hero-area .hero-text h1 {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        margin-top: 100px;
    }
    .hero-area .hero-text p {
        font-size: 14px;
        text-align: center;
    }
    .hero-area .hero-text .button {
        text-align: center;
        margin: 20px auto 0 auto;
    }
    .hero-area .hero-text .button .btn {
        padding: 10px 15px;
        font-size: 12px;
        font-weight: 700;
        width: fit-content;
    }
    .mission .about-left {
        width: 100%;
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .halfnhalf .about-left {
        width: 100%;
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .single-heading-left h2 {
        position: relative;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        font-weight: 700;
        width: 100%;
        font-size: 22px;
        margin-bottom: 50px;
    }
    .btn {
        width: 200px;
    }
    .halfnhalf .col-12 {
        padding: 30px !important;
    }
    .principal {
        height: 100%;
    }
    .principal img {
        height: auto;
        width: 100%;
    }
    .npfWidgetButton {
        top: 75% !important;
    }
    #popup-6c4c69ff8d815746c948d96c63d34df2 iframe {
        height: 70vh;
    }
    #vacancyModal .modal-dialog {
        width: 100%;
        margin: 0;
    }
    .branchesCard {
        margin-bottom: 100px;
    }
    .row.mt-5 {
        margin-top: 0 !important;
    }
    .full-banner {
        height: 550px;
        margin-top: 0px;
    }
    .section {
        text-align: center;
        padding: 30px 0;
    }
    .faqs .accordion .card button {
        width: 100%;
        font-size: 14px;
    }
    .feestructure .feetable th,
    .feestructure .feetable td {
        font-size: 12px;
    }
    .centerHeading h2 {
        font-size: 25px;
        margin-bottom:0px;
    }
    .cocurricular {
        margin-bottom: 60px;
        padding: 0 20px;
    }
    .cocurricular .home-slider .hero-text {
        margin: 0;
    }
    .cocurricular .hero-area .home-banner-img {
        background-position: top center !important;
    }
    .guidelinesmiddle.section {
        padding: 20px 0 !important;
    }
    .sports-half .about-left {
        width: 100%;
        position: relative;
        left: 50%;
        top: 0;
        transform: translate(-50%, 0%);
    }
    .branchesCard {
        padding: 50px 20px;
    }
    .branchesCard .card-title {
        width: 100%;
        font-size: 16px;
    }
    .branchesCard .card-text p {
        font-size: 14px;
    }
    .event-box-2 img
    {
    height: 7rem;
    }
     .event-box-2 h5
    {
    font-size:14px;
    padding: 10px 0px;
    }
    .marquee div span a 
    {
    display: list-item;
    }
    .about-bann-img img
    {
        height:550px;
    }
    .home-banner-img + .lite-bg
    {
    background: #241E69;
    color:#fff;
   }
    .home-banner-img + .lite-bg h1
    {
    color:#fff;
   }
   .mob-dark-bg
   {
       background:#241e69;
   }
   .mob-dark-bg h1,
   .mob-dark-bg h2,
   .mob-dark-bg h3,
   .mob-dark-bg h4,
   .mob-dark-bg h5,
   .mob-dark-bg h6,
   .mob-dark-bg a,
   .mob-dark-bg p,
   .mob-dark-bg li,
   .mob-dark-bg span
   {
       color:#fff;
   }
  .mob-lite-bg
   {
       background:#ebedfc;
   }
   .mob-lite-bg h1,
   .mob-lite-bg h2,
   .mob-lite-bg h3,
   .mob-lite-bg h4,
   .mob-lite-bg h5,
   .mob-lite-bg h6,
   .mob-lite-bg a,
   .mob-lite-bg p,
   .mob-lite-bg span
   {
       color:#241e69;
   }
   .guidelines .single-heading-left 
   {
    padding-top: 50px;
    margin-bottom:15px;
   }
   .single-heading-left h2
   {
       margin-bottom:0px;
   }
   .eventCard .card-title {
    padding: 10px 0px 0 0px;
    text-align: left;
    font-size: 16px;
}
.eventCard .col-6
{
    padding:0px!important;
}

.branches-mob {
    margin-top: -40px!important;
    z-index: -1;
    padding-bottom: 25px;
}
.branches-mob p
{
     text-align: center;
}
.lite-bg h1.branches-title {
    margin-top: 55px;
    text-align: center;
}
.about-us.mt-100.lite-bg
{
    background:unset;
}
.eventCard {
    padding: 20px;
    border-radius: 12px;
}
}