@media only screen and (max-width: 600px) {
    header {
        width: 100% !important;
    }

    .header {
        padding-top: 2px !important;
        padding-bottom: 2px !important;;
    }

    .mv-property-logo {
        /* left: 50%; */
        position: relative;
    }

    .hero-container {
        /* min-height: 100% !important; */
    }
    
    .hero-container::before {
        height: 100% !important;
    }
    
    .hero-image {
        /* min-height: 100% !important; */
        /* height: 70vh !important; */
        object-fit: cover;
    }

    .hero-menu {
        display: flex;
        flex-direction: column;
        /* transform: translate(-50%, 100%) !important; */
    }

    .hero-sub-title {
        font-size: 16px !important;
        font-weight: 700 !important;
    }

    .main-content,
    .footer {
        position: relative !important;
        /* top: 70vh !important; */
    }

    .col-hero-menu-item {
        margin-bottom: 10px;
    }

    .landing-desc {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .landing-desc-image-container,
    .landing-content-image-container {
        width: 90% !important;
    }

    .overlay-image,
    .overlay-image-reverse {
        width: 95% !important;
    }

    .mv-margin-left-35 {
        margin-left: 35px;
    }

    .discover-list {
        margin-top: 0px !important;
        margin-bottom: 3rem !important;
    }

    .mv-margin-top-35 {
        margin-top: 30px !important;
    }

    .mv-flex-direction-col {
        flex-direction: column !important;
    }

    .landing-content {
        margin-top: 40px !important;
        margin-bottom: 0px !important;
    }

    .landing-content-row {
        margin-top: 0px !important;
        margin-bottom: 20px !important;
        padding: 0px 10px 0px 10px !important;
    }

    .landing-banner {
        margin-top: 0px !important;
    }

    .footer-content {
        flex-direction: column;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .footer-contact,
    .footer-address {
        text-align: center;
        margin-bottom: 40px;
    }

    .footer-menu {
        margin-bottom: 40px;
    }

    .footer-book-align-center {
        align-items: center !important;
    }

    .footer-additional-menu {
        margin-bottom: 50px !important;
        flex-direction: column;
    }

    .mv-footer-blog-border-none {
        border-right: none !important;
        border-left: none !important;
    }

    .hr-desc-start {
        width: 150px !important;
    }

    .hr-desc-end {
        width: 300px !important;
    }

    .page-desc {
        /* margin-top: 80px; */
        /* margin-bottom: 30px; */
        padding-left: 50px !important;
        padding-right: 50px !important;
        text-align: center;
    }

    .page-categories {
        flex-direction: column !important;
    }

    .mv-border-none {
        border-right: none !important;
        margin-bottom: 20px;
    }

    .service-desc {
        flex-direction: column-reverse !important;
    }

    .accommodation-image-desc {
        width: 100% !important;
        margin-top: 10px !important;
        margin-bottom: 30px !important;
        height: 200px !important;
    }

    .mv-offer-image {
        width: 100%;
    }

    .mv-dine-content {
        margin-top: 50px !important;
    }

    .contact-detail {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .mv-devider {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .explore-desc {
        padding-top: 50px !important;
        padding-left: 0px !important;
        padding-right: 50px !important;
        padding-bottom: 0px !important;
    }

    .landing-content-col {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        padding-right: 10px !important;
        padding-left: 50px !important;
    }

    .overlay-image-reverse {
        top: 30px !important;
        right: 30px !important;
    }

    .landing-content-col-left-100 {
        padding-left: 10px !important;
        padding-right: 45px !important;
    }

    .mv-explore-content {
        /* margin-top: 25px !important; */
        padding-left: 40px !important;
    }

    .line-list {
        width: 100% !important;
    }

    .mv-text-trans {
        color: transparent !important;
    }

    .mv-logo-header {
        height: 65px !important;
    }
}

@media (min-width: 576px) {
    .hero-menu {
        flex-direction: row;
        justify-content: space-around;
    }

    .hero-menu-item {
        margin: 0 10px;
    }
}