@media(max-width:991px) {

    .header-navbar {

        padding: 10px 0;

    }

    .navbar-collapse {

        background: #fff;

        margin-top: 10px;

        border-radius: 10px;

        box-shadow: 0 10px 30px rgba(0, 0, 0, .12);

        padding: 15px;

    }

    .navbar-nav {

        width: 100%;

        display: block;

    }

    .nav-item {

        width: 100%;

    }

    .nav-link {

        padding: 14px 18px !important;

    }

    .dropdown-menu {

        border: none;

        box-shadow: none;

        padding-left: 15px;

    }

    .appointment-btn {

        display: none !important;

    }

}

@media(max-width:991px) {

    .hero img {

        height: 500px;

    }

    .hero-content h1 {

        font-size: 42px;

    }

    .admission-btn {

        margin-top: 15px;

    }

}

@media(max-width:767px) {

    .top-header {

        text-align: center;
        display: none;

    }

    .hero img {

        height: 400px;

    }

    .hero-content {

        left: 20px;

        right: 20px;

    }

    .hero-content h1 {

        font-size: 32px;

    }

    .hero-content h5 {

        font-size: 20px;

    }

    .hero-content p {

        font-size: 16px;

    }

    .navbar-brand img {

        height: 60px;

    }

}

@media(max-width:991px) {

    .news-slider {

        height: auto;

    }

    .news-wrapper {

        animation: none;

    }

    .admission-card img {

        height: 350px;

    }

}

@media(max-width:768px) {

    .news-item {

        flex-direction: column;

    }

    .date {

        width: 60px;

        height: 60px;

    }

    .section-heading h2 {

        font-size: 30px;

    }

}

@media(max-width:991px) {

    .newsSwiper {

        height: 320px;

    }

}

@media(max-width:768px) {

    .newsSwiper {

        height: 300px;

    }

    .news-item {

        padding: 15px;

    }

    .news-date {

        width: 55px;
        height: 55px;
        min-width: 55px;

    }

    .news-date span {

        font-size: 20px;

    }

}


@media(max-width:991px) {

    .video-content {

        padding-right: 0;

        margin-bottom: 40px;

    }

    .video-content h2 {

        font-size: 40px;

    }

    .video-box img {

        height: 350px;

    }

}

@media(max-width:768px) {

    .latest-video {

        padding: 60px 0;

    }

    .video-content {

        text-align: center;

    }

    .section-subtitle {

        justify-content: center;

    }

    .video-content h2 {

        font-size: 32px;

    }

    .video-box {

        border-radius: 20px;

    }

    .video-box img {

        height: 260px;

    }

    .play-btn {

        width: 70px;

        height: 70px;

        font-size: 22px;

    }

    .play-btn::before {

        width: 70px;

        height: 70px;

    }

}

@media(max-width:768px) {

    .logo-track {

        gap: 40px;

    }

    .logo-item {

        width: 130px;

    }

    .logo-item img {

        max-height: 60px;

    }

    .association-section {

        padding: 50px 0;

    }

    .association-section .section-title h2 {

        font-size: 30px;

    }

}