@media(min-width: 1920px) {
   .container-fluid {
        max-width: 1920px;
    }       
}

@media (min-width: 1367px) and (max-width: 1920px) {
    .main-navbar .navbar-nav .nav-link {        
        font-size: 1rem; font-weight: 600;
    }
     
}

@media (max-width: 991.98px) {
    .main-navbar .navbar-nav .nav-item+.nav-item {
        border-left: none;
        border-top: 1px solid #eee;
    }

    .main-navbar .navbar-nav .nav-link {
        border-bottom: none;
        border-left: 0px solid transparent;
        padding: .5rem 1rem;
    }

    .main-navbar .navbar-nav .nav-link:hover,
    .main-navbar .navbar-nav .nav-link.active {
        border-bottom: none;
        border-left-color: var(--ti-red);
        background: var(--ti-light);
    }

    .navbar-collapse {
        border-top: 2px solid var(--ti-red);
        margin-top: 8px;
    }
}



@media (max-width: 768px) {

    .dept-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .learning-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }

    .cell.empty {
        display: none;
    }
}


@media (max-width: 767px) {

    .pub-card{ aspect-ratio: 4 / 3; }
    .major-conf-card { aspect-ratio: 4 / 5; }
    .magazine-section-wrapper img.major-ribbon{ display: none; }
    .hap-depart-warea::before{ display: none; }
    .stats-warea::before{ display: none; }
    .stats-warea::after{ display: none; }    
    .magazine-section-wrapper { margin-top: 0px; }
    .cell{ background-color: #f3eeff;
        margin-bottom: 5px; }
    .cell.tint{ background:#f3eeff; }
    .stats-warea { margin-top: 40px; }
    .hap-depart-warea { margin-top: 40px; }
    .annual-traditions { margin-top: 40px; }

    .hero {    
        height: clamp(320px, 52vw, 560px);
        aspect-ratio:unset;    
    }

}


@media (max-width: 575.98px) {
    .hero-badge {
        left: 16px;
        right: 16px;
        padding: 20px 22px;
    }

    .hero-badge h1 {
        font-size: 1.7rem;
    }


    .evt-list-wrapper {
        padding: 4px 10px;
    }

    .evt-list-inner {
        flex-direction: column;
        gap: 16px;
        padding: 20px 10px;
    }

    .evt-list-img-wrap {
        width: 100%;
        height: 200px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .evt-list-img-wrap {
        width: 140px;
        height: 120px;
    }

    .evt-list-title {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .dept-grid {
        grid-template-columns: 1fr;
    }

    .learning-grid {
        grid-template-columns: 1fr;
    }
}