@media (max-width: 1920px) {
    .news-div h2 {
        font-size: 1rem;
    }

    .news-detail marquee {
        color: var(--white);
        font-size: 1rem;
    }


}

@media (max-width: 1536px) {
    .vision {
        height: 50vh;
    }

    .vision p {
        font-size: 0.8rem;
    }

    .mission {
        height: 50vh;
    }

    .mission p {
        font-size: 0.8rem;
    }

}

@media (max-width: 1440px) {


    .round-sec {
        width: 80%;
        margin: auto;
    }

    .news-events {
        width: 80%;
        margin: auto;
    }

    .custom-inner-container {
        width: 80%;
        margin: auto;
    }

    .inner-container {
        width: 80%;
        margin: auto;
    }

    .welcome-sec {
        width: 80%;
        margin: auto;
    }
}

@media (max-width: 1366px) {
    p {
        font-size: 1rem;
    }

    h2 {
        font-size: 1.8rem;
    }

    .gallery-sec h2 {
        font-size: 1.8rem;
    }

    .news-events h2 {
        font-size: 1.8rem;
    }

    h1 {
        font-size: 1.8rem;
    }

    .about-inner-one h1 {
        font-size: 1.8rem;
    }

    .nursing h2 {
        font-size: 1.8rem;
    }

    .carousel-caption h2 {
        font-size: 1.8rem !important;
    }

    .carousel-caption a {
        font-size: 1.2rem !important;
    }

    .academic-table {
        padding: 1.8rem 3rem;
    }

    .require {
        padding: 0 !important;
    }
    .inauguration-text p {
    font-size: 1.2rem;
}
}

@media (max-width: 1153px){
    .links a {
    font-size: 1rem;
}
}

@media (max-width: 1024px) {
    p {
        font-size: 0.8rem;
    }

    h5 {
        font-size: 1.2rem;
    }

    .academic-table .academic-inner .lesson {
        font-size: 1.4rem;
    }

    .academic-table .academic-inner .label {
        font-size: 1rem;
    }

    .nav-menu {
        width: 50%;
    }

    .carousel-caption h2 {
        font-size: 1.2rem !important;
    }

    .flash-news {
        display: none;
    }

    .welcome-sec a {
        padding: 0.6rem 2rem;
    }

    .paddings {
        padding: 3rem 0;
    }

    .news-text h3 {
        font-size: 1rem;
    }

    .footer-menu {
        display: none;
    }

    .footer-logo img {
        width: 80%;
    }

    .welcome-sec {
        gap: 1rem;
    }
.brand {
    width: 50%;
}
.brand a img {
    width: 75%;
}

}

@media (max-width: 900px) {
    .links a {
    font-size: 0.7rem;
}
.brand {
    width: 40%;
}

    .flexCommon {
        flex-direction: column;
        gap: 2rem;
    }

    .second-sec img {
        display: none;
    }

    .news-inner-sec {
        width: 100%;
    }

    .swiper-inner h3 {
        display: none;
    }

    .foot {
        align-items: flex-start;
    }

    .about-inner-one {
        width: 100%;
    }

    .vision {
        width: 100%;
        height: 20vh;
    }

    .mission {
        width: 100%;
        height: 20vh;
    }

    .academic-table {
        flex-direction: row;
        gap: 0.5rem;
    }

    .academic-table .academic-inner .lesson {
        font-size: 1.2rem;
        margin: 0.5rem 0;
    }

    .academic-table .academic-inner .label {
        font-size: 0.8rem;
        margin: 0.5rem 0;
    }

    .course-one {
        width: 50%;
    }

    .course-two {
        width: 100%;
    }

    .faci-img {
        width: 100%;
        padding: 1rem 0;
    }

    .faci-text {
        width: 100%;
        padding: 1rem 0;
    }

    .enquiry-form-sec {
        width: 100%;
    }

    .enquiry-map {
        width: 100%;
    }
    .inauguration-text p {
    font-size: 0.8rem;
    padding: 0.5rem 0;
}
}

@media (max-width: 768px) {
    .links a:nth-child(n+2):nth-child(-n+3) {
    display: none;
}
    .brand {
        width: 50%;
    }
    .links {
        width:50%;
        justify-content: flex-end;
    }
    .desktop-banner {
        display:none;
    }
    .carousel-banner-section .mobile-banner{
        display:block;
    }
    
    .welcome-sec {
        gap: 0;
    }

    img#header {
        width: 100% !important;
    }

    .carousel-caption h2 {
        display: none;
    }

    .carousel-caption a {
        display: none;
    }

    .nav-item a {
        font-size: 0.8rem;
    }

    .first-sec a {
        margin: 0;
    }

    .vision {
        width: 100%;
        height: 50vh;
    }

    .mission {
        width: 100%;
        height: 50vh;
    }

    .academic-table {
        flex-direction: column;
        gap: 0;
    }

    .line-ver {
        position: relative;
        border-bottom: 1px solid #DDD0D0;
        border-left: 1px solid transparent;
        width: 100%;
        height: 1vh;
        margin: 0;
    }
    .inauguration-text p {
    font-size: 0.8rem;
    padding: 0.5rem 0;
}
}

@media (max-width: 500px) {
    
    #close-btn {
    font-size: 1.5rem;
}
    
    #posterPopup img {
    width: 100%;
    height: 40vh;
}


/*#posterPopup {*/
/*    top: 33%;*/
/*}*/
    
.inauguration-text {
    display: none;
}
}