.contentWeb {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.slick-slider {
    margin-bottom: 0px !important;
}

@media screen and (max-width: 767px) {
    .mobile-container {
        display: block;
        width: 100%;
        position: relative;
    }

    .desktop-container {
        display: none;
    }

    .section1 {
        width: 100%;
        position: relative;
        padding-top: 40px;
    }

    .section1 video {
        width: 100%;
        display: block;
    }

    /* Sound */
    .popup-sound-m {
        background-color: #b6935d;
        padding: 10px;
        width: auto;
        border-radius: 25px;
        font-family: Arial, sans-serif;
        color: white;
        text-align: center;
        position: absolute;
        top: 65%;
        left: 5%;
        transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    }

    .popup-sound-m #play-btn-content-m {
        display: flex;
        align-items: center;
    }

    .popup-sound-m #play-button-m {
        background-color: transparent;
        border: none;
        cursor: pointer;
        width: 30px;
    }

    .popup-sound-m .line-m {
        width: 70%;
        margin-right: 12%;
    }

    /* Booking Box */
    .section1 .booking-area {
        position: absolute;
        top: 125%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: url(https://khastanahadiubud.com/wp-content/uploads/2024/07/BG-Sidebar-Linen-scaled.webp);
        background-size: cover;
        width: 90%;
        border-radius: 10px;
        z-index: 1;
        padding: 40px 30px;
    }

    .section1 .booking-area .booking-title {
        font: normal normal 500 22px/30px Accia Piano;
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: 35px;
        text-align: center;
        text-transform: uppercase;
    }

    .section1 .booking-area .label {
        text-align: left;
        font: normal normal 500 16px/20px Accia Piano;
        letter-spacing: 0.3px;
        color: #000000;
    }

    .section1 .booking-area .date-m,
    .section1 .booking-area .guests-no-m {
        text-align: left;
        font: normal normal 300 16px/20px Accia Piano;
        letter-spacing: 0px;
        color: #081b05;
        text-transform: capitalize;
    }

    .section1 .booking-area .date-m {
        border-bottom: 1px #000 solid;
        padding-bottom: 5px;
        margin-bottom: 15px;
    }

    .section1 .booking-area .guests-no-m {
        padding: 0px;
        border: 0px;
        background: transparent;
        width: 100%;
        border-bottom: 1px #000 solid;
        padding-bottom: 5px;
    }

    .section1 .booking-area .guests-no-m:focus {
        outline: none;
    }

    .section1 .booking-area .book-button-m {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        font: normal normal 500 16px / 25px Accia Piano;
        letter-spacing: 0px;
        color: #ffffff;
        border: 1px solid #6d4621;
        padding: 8px 5px;
        text-align: center;
        text-decoration: none;
        width: 190px;
        background: #6d4621;
        background-size: 200% 100%;
        background-position: right bottom;
        transition: all 0.5s ease-out;
        z-index: 9999999999999;
        position: relative;
        border-radius: 10px;
        margin: 40px auto 0px auto;
    }

    /* Section 2 */
    .section2 {
        position: relative;
        background-image: url(https://khastanahadiubud.com/wp-content/uploads/2024/08/Group-5766-scaled.webp);
        background-size: 100% 100%;
        padding: 105% 20px 40px 20px;
    }

    .section2 img {
        width: 100%;
        display: block;
    }

    .section2 h2 {
        text-align: left;
        font: normal normal 300 25px/35px Accia Piano;
        letter-spacing: 1.1px;
        color: #714923;
        -webkit-text-stroke: 1px #714923;
        text-transform: uppercase;
        padding: 30px 0px;
    }

    .section2 p {
        text-align: left;
        font: normal normal 500 16px/30px Avenir;
        letter-spacing: 0.38px;
        color: #714923;
    }

    .section2 .button {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        font: normal normal 300 16px / 25px Accia Piano;
        letter-spacing: 0px;
        color: #fff;
        background-color: #2D301E;
        border: 1px solid #2D301E;
        padding: 8px 5px;
        text-align: center;
        text-decoration: none;
        width: 150px;
        transition: all 0.5s ease-out;
        z-index: 1;
        border-radius: 10px;
        margin: 30px 0px 0px 0px;
    }

    /* Section 3M */
    .section3 {
        width: 100%;
        position: relative;
    }

    .section3 .head3M {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/03/bgSmallM.webp');
        background-size: cover;
        background-position: center;
        padding: 20% 20px;
    }

    .head3M h2 {
        font: normal italic 300 20px/30px Accia Piano;
        color: #714923;
        -webkit-text-stroke: 1px #714923;
        text-align: center;
    }

    .section3 .smallerM,
    .section3 .largerM {
        width: 100%;
        position: relative;
    }

    .section3 .smallerM .bgGroups,
    .section3 .largerM .bgGroups {
        width: 100%;
        display: block;
    }

    .smallerM .contentSmall {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .contentSmall h2,
    .contentLarge h2 {
        font: normal normal 400 22px/30px Recoleta;
        text-align: center;
        color: #FFFFFF;
        -webkit-text-stroke: 0.5px #FFFFFF;
        margin-bottom: 10px;
    }

    .largerM .contentLarge {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .contentSmall .btnSmallWA,
    .contentLarge .btnLargeWA {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .btnSmallWA a,
    .btnLargeWA a {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        font: normal normal 300 18px / 30px Accia Piano;
        letter-spacing: 0.5px;
        color: #714923;
        -webkit-text-stroke: 0.3px #714923;
        border: 1px solid #D7D1B2;
        padding: 5px 5px;
        text-align: center;
        text-decoration: none;
        width: 180px;
        background: #D7D1B2;
        background-size: 200% 100%;
        background-position: right bottom;
        transition: all 0.5s ease-out;
        z-index: 1;
        border-radius: 10px;
    }


}