@media screen and (max-aspect-ratio: 1/1) {

}

@media (min-width: 992px) {
    .custom-hover-dropdown:hover > .dropdown-menu {
        display: block !important;
        visibility: visible;
        opacity: 1;
        margin-top: 0;
        transform: translateY(0);
    }

    /*.custom-hover-dropdown .dropdown-menu {*/
    /*    display: block !important;*/
    /*    visibility: hidden;*/
    /*    opacity: 0;*/
    /*    transition: all 0.3s ease-in-out;*/
    /*    transform: translateY(10px);*/
    /*}*/
}

@media (min-width: 1200px) {
    .dropdown-submenu { position: relative; }
    .dropdown-submenu > .dropdown-menu {
        top: 0 !important;
        left: 100% !important;
        margin-top: -1px !important;
        display: none !important;
        overflow: visible;
    }

    .dropdown-toggle-side::after {
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        float: right;
        border: none;
        margin-top: 1px;
        margin-left: 5px;
    }
}

@media screen and (min-width: 1600px){

}

@media (max-width: 1199.98px) {
    .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        padding-left: 1rem !important;
        background-color: rgba(0,0,0,0.03) !important;
        border: none !important;
        box-shadow: none !important;
        display: none;
    }

    .dropdown-toggle-side::after {
        content: "\f107"; /* Mũi tên xuống */
        font-family: "Font Awesome 5 Free"; font-weight: 900;
        float: right; border: none;
    }

    .navbar-nav .dropdown-menu.show {
        display: block !important;
        position: static !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding-left: 15px !important;
        border: none !important;
        box-shadow: none !important;
        background: rgba(0, 0, 0, 0.05) !important;
    }

    .dropdown-submenu.show > .dropdown-toggle-side::after {
        transform: rotate(90deg);
        transition: transform 0.2s;
    }

    .navbar .navbar-brand.d-xl-none {
        position: static !important;
        width: auto !important;
        height: auto !important;
        display: inline-flex !important;
        align-items: center;
        padding: 0.25rem 0.5rem;
        z-index: 1;
    }

    .banner-img{
        aspect-ratio: 16/9;
        height: auto;
    }

    .carousel-item{
        height: auto;
    }
}

@media screen and (max-width: 820px){

}

@media screen and (max-width: 768px){
    .news-item{
        flex-direction: column;
    }

    .news-image{
        width: 100%;
        height: auto;
    }
}

@media (max-width: 767.98px) {
    .event-date-box {
        flex-direction: row !important;
        gap: 15px;
        padding: 15px !important;
    }
    .event-date-box hr {
        display: none;
    }
}

@media screen and (max-width: 500px){
    .artifacts-carousel{
        width:90%;
        margin:0px auto;
    }

    .news-image{
        height: 250px;
    }

    .news-same-category-container .slick-prev{
        z-index: 999;
        left: 0;
    }

    .news-same-category-container .slick-next{
        z-index: 999;
        right: 0;
    }

    .artifact-item:hover a span{
        display: none;
    }

    .logo-header{
        height: 80px;
    }

    #mainNav ul.navbar-nav{
        height: 350px;
        overflow: auto;
    }
}

@media screen and (width: 1024px){

}