@media (max-width: 768px) {
    header .main-menu {
        position: absolute;
        background-color: #eee;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 2rem;
        overflow: auto;
        display: none;
        z-index: 999;
    }

    header .main-menu .sub-menu {
        display: block;
        position: relative;
    }

    header nav .sub-menu-contaienr {
        background-color: transparent;
        margin: 0 !important;
        padding: 0 2rem
    }

    header nav .sub-menu-contaienr a {
        color: #222 !important;
    }

    header nav .sub-menu-contaienr::before {
        display: none;
    }

    header .main-menu .link {
        display: block;
        padding: 0.5rem;
    }

    header .locale {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    header .mobile-nav {
        display: block;
    }

    header .bi-chevron-down {
        display: none !important;
    }

    .directory_images .carousel-indicators {
        position: relative !important;
        justify-content: left;
        margin-left: 0;
        margin-right: 0;
        margin-top: 1rem;
    }

    .directory_images .carousel-indicators button {
        width: 100%;
        height: 3px;
        margin: 0;
        background-color: #999;
    }

    .directory_images .carousel-indicators button.active {
        background-color: var(--bs-accent);
    }

    .directory_images .carousel-indicators button img {
        display: none !important;
    }

    .filter_container {
        display: none;
    }
}

.home_banner_image_cont {
    min-height: auto !important;
}

.py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-sm-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}