html {
    margin-top: 0px !important;
}

button:focus {
    outline: none !important;
}

.slick-slide {
    min-height: 0px;
}

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

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

    .desktop-container {
        display: none;
    }

    /* Section 1 */
    .section1M {
        width: 100%;
        position: relative;
        padding-top: 7%;
    }

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

    /* Section 2 */
    .section2M {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: top center;
        background-size: cover;
        padding: 15% 20px;
    }

    .section2M .bookSection{
        width: 100%;
        position: relative;
        margin-bottom: 80px;
    }

    .bookSection .headBook{
        width: 100%;
        position: relative;
        margin-bottom: 15px;
    }

    .headBook h2{
        font: normal normal 400 20px/30px Trajan Pro3;
        color: #384610;
        -webkit-text-stroke: 1px #384610;
    }

    .bookSection .contentBook{
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .contentBook .containerBook{
        width: 45%;
        position: relative;
        background: transparent;
        padding: 10px 15px;
        border-radius: 25px;
        border: 1px solid #454A30;
    }

    .containerBook h3{
        font: normal normal 400 12px/18px Trajan Pro3;
        color: #384610;
        -webkit-text-stroke: 0.5px #384610;
    }

    .containerBook .date-m{
        font: normal normal 400 20px/19px Accia Piano;
        color: #384610;
        -webkit-text-stroke: 1px #384610;
    }

    .contentBook .buttonBooks{
        width: 12%;
        display: block;
        position: relative;
    }

    .buttonBooks a{
        width: 100%;
        position: relative;
        display: block;
    }

    .buttonBooks a img{
        width: 100%;
        display: block;
    }


    .section2M .headline2M,
    .section2M .content2M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .headline2M .head2-1 {
        font: normal normal 400 25px/35px Rafaella;
        text-align: center;
        color: #384610;
        margin-bottom: 40px;
    }

    .headline2M .head2-2 {
        font: normal normal 400 25px/35px Trajan Pro3;
        text-align: center;
        color: #384610;
        -webkit-text-stroke: 1px #384610;
    }

    .content2M p {
        font: normal normal 500 16px/30px Accia Piano;
        text-align: center;
        color: #394810;
    }

    .section2M .button2M {
        width: 100%;
        position: relative;
        display: flex;
    }

    .button2M a {
        font: normal normal 400 21px / 22px Trattatello;
        text-align: center;
        text-decoration: none;
        letter-spacing: 0;
        background-color: #2D301E;
        color: #E5E1D3;
        width: 50%;
        margin-inline: auto;
        padding: 10px 5px;
        border-radius: 10px;
    }

    /* Section Poster1 */
    .sectionPoster1M {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: top center;
        background-size: cover;
    }

    .sectionPoster1M .runningTop{
        width: 100%;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 10px;
    }

    .sectionPoster1M .runningBott{
        width: 100%;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
    }

    .runningTop .runningTrack {
        display: flex;
        width: max-content;
        animation: scrollLeft 40s linear infinite;
    }

    .runningBott .runningTrack {
        display: flex;
        width: max-content;
        animation: scrollRight 40s linear infinite;
    }

    .runningTop .runningItem,
    .runningBott .runningItem
    {
        width: 200px;
        flex: 0 0 auto;
        position: relative;
        margin-right: 10px;
    }

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

    @keyframes scrollLeft {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-50%);
        }
    }

    @keyframes scrollRight {
        from {
            transform: translateX(-50%);
        }
        to {
            transform: translateX(0);
        }
    }
    

    /* Section 3 */
    .section3M {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: top center;
        background-size: cover;
        padding: 15% 20px;
    }

    .section3M .headline3M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .headline3M h3 {
        font: normal normal 400 20px/25px Trattatello;
        text-align: center;
        color: #4F2F22;
        text-transform: uppercase;
    }

    .headline3M h2 {
        font: normal normal 400 25px/35px Rafaella;
        text-align: center;
        color: #384610;
    }

    .section3M .content3M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .content3M p {
        font: normal normal 500 16px/26px Accia Piano;
        text-align: center;
        color: #394810;
    }

    .section3M .button3M {
        width: 100%;
        position: relative;
        display: flex;
    }

    .button3M a {
        font: normal normal 400 21px / 22px Trajan Pro3;
        text-align: center;
        text-decoration: none;
        letter-spacing: 0;
        background-color: transparent;
        color: #384610;
        -webkit-text-stroke: 0.5px #384610;
        width: fit-content;
        margin-inline: auto;
        padding-bottom: 5px;
        padding-inline: 8px;
        border-bottom: 2px solid #384610;
    }

    .content3M p span {
        display: inline-block;
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .content3M p span.show {
        opacity: 1;
        height: fit-content;
    }

    /* Poster 2 */
    .sectionPoster2 {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: bottom center;
        background-size: cover;
        padding-block: 10%;
    }

    .sectionPoster2 .contentPoster2 {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contentPoster2 video {
        width: 80%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        display: block;
        border-radius: 140px;
        padding: 10px;
        background-color: #faf6e9;
        overflow: hidden;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        z-index: 5;
    }

    .contentPoster2 .absPoster2L {
        width: 25%;
        position: absolute;
        top: 50%;
        left: -5%;
        transform: translateY(-50%);
    }

    .contentPoster2 .absPoster2R {
        width: 25%;
        position: absolute;
        top: 50%;
        right: -5%;
        transform: translateY(-50%);
    }

    .absPoster2L img,
    .absPoster2R img {
        width: 100%;
        display: block;
    }

    /* Section 4 */
    .section4M {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: top center;
        background-size: cover;
        padding-top: 15%;
    }

    .section4M .headline4M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
        padding-inline: 20px;
    }

    .headline4M h3 {
        font: normal normal 400 20px/25px Trattatello;
        text-align: center;
        color: #4F2F22;
        text-transform: uppercase;
    }

    .headline4M h2 {
        font: normal normal 400 25px/35px Rafaella;
        text-align: center;
        color: #384610;
    }

    .section4M .content4M {
        width: 100%;
        position: relative;
        margin-bottom: 50px;
        padding-inline: 20px;
    }

    .content4M p {
        font: normal normal 500 16px/30px Accia Piano;
        text-align: center;
        color: #394810;
    }

    .content4M p span {
        font: normal normal 400 20px/30px Trattatello;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Group-9868.webp');
        background-size: cover;
        background-position: center;
    }

    .section4M .image4M {
        width: 100%;
        position: relative;
    }

    .image4M img {
        width: 100%;
        display: block;
        box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.16);
    }

    /* Section 5 */
    .section5M {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: top center;
        background-size: cover;
        padding: 15% 20px;
    }

    .section5M .content5MT {
        width: 100%;
        position: relative;
        margin-bottom: 50px;
    }

    .content5MT .headline5M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .headline5M h3 {
        font: normal normal 400 20px/25px Trattatello;
        text-align: center;
        color: #4F2F22;
        text-transform: uppercase;
    }

    .headline5M h2 {
        font: normal normal 400 25px/35px Rafaella;
        text-align: center;
        color: #384610;
    }

    .content5MT .content5M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .content5M p {
        font: normal normal 500 16px/26px Accia Piano;
        text-align: center;
        color: #394810;
    }

    .content5MT .button5M {
        width: 100%;
        position: relative;
        display: flex;
    }

    .button5M a {
        font: normal normal 400 21px / 22px Trajan Pro3;
        text-align: center;
        text-decoration: none;
        letter-spacing: 0;
        background-color: transparent;
        color: #384610;
        -webkit-text-stroke: 0.5px #384610;
        width: fit-content;
        margin-inline: auto;
        padding-bottom: 5px;
        padding-inline: 8px;
        border-bottom: 2px solid #384610;
    }

    .content5MT p span {
        display: inline-block;
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .content5MT p span.show {
        opacity: 1;
        height: fit-content;
    }

    .section5 .content5MB{
        width: 100%;
        position: relative;
    }

    .content5MB .sliderVilla{
        width: 100%;
        position: relative;
    }

    .sliderVilla .slick-track{
        display: flex;
        align-items: center;
    }

    .sliderVilla .slick-slide img{
        width: 100%;
        display: block;
    }

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

    .content5MB .buttonVilla{
        width: 11%;
        position: absolute;
        bottom: 20%;
        right: 7%;
        z-index: 3;
    }

    .buttonVilla a {
        width: 100%;
        display: block;
        position: relative;
    }

    .buttonVilla a img{
        width: 100%;
        display: block;
    }


    /* Section 6 */
    .section6M {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: top center;
        background-size: cover;
        padding: 15% 20px;
    }

    .section6M .headline6M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .headline6M h3 {
        font: normal normal 400 20px/25px Trattatello;
        text-align: center;
        color: #4F2F22;
        text-transform: uppercase;
    }

    .headline6M h2 {
        font: normal normal 400 25px/35px Rafaella;
        text-align: center;
        color: #384610;
    }

    .section6M .content6M {
        width: 100%;
        position: relative;
        margin-bottom: 50px;
    }

    .content6M p {
        font: normal normal 500 16px/30px Accia Piano;
        text-align: center;
        color: #394810;
    }

    .section6M .button6M {
        width: 100%;
        position: relative;
        display: flex;
    }

    .button6M a {
        font: normal normal 400 21px / 22px Trattatello;
        text-align: center;
        text-decoration: none;
        letter-spacing: 0;
        background-color: #2D301E;
        color: #E5E1D3;
        width: 70%;
        margin-inline: auto;
        padding: 10px 5px;
        border-radius: 10px;
    }

}

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

    .desktop-container {
        display: none;
    }

    /* Section 1 */
    .section1M {
        width: 100%;
        position: relative;
        padding-top: 7%;
    }

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

    /* Section 2 */
    .section2M {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: top center;
        background-size: cover;
        padding: 15% 20px;
    }

    .section2M .bookSection{
        width: 100%;
        position: relative;
        margin-bottom: 80px;
    }

    .bookSection .headBook{
        width: 100%;
        position: relative;
        margin-bottom: 15px;
    }

    .headBook h2{
        font: normal normal 400 20px/30px Trajan Pro3;
        color: #384610;
        -webkit-text-stroke: 1px #384610;
    }

    .bookSection .contentBook{
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .contentBook .containerBook{
        width: 45%;
        position: relative;
        background: transparent;
        padding: 10px 15px;
        border-radius: 25px;
        border: 1px solid #454A30;
    }

    .containerBook h3{
        font: normal normal 400 12px/18px Trajan Pro3;
        color: #384610;
        -webkit-text-stroke: 0.5px #384610;
    }

    .containerBook .date-m{
        font: normal normal 400 20px/19px Accia Piano;
        color: #384610;
        -webkit-text-stroke: 0.6px #384610;
    }

    .contentBook .buttonBooks{
        width: 12%;
        display: block;
        position: relative;
    }

    .buttonBooks a{
        width: 100%;
        position: relative;
        display: block;
    }

    .buttonBooks a img{
        width: 100%;
        display: block;
    }


    .section2M .headline2M,
    .section2M .content2M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .headline2M .head2-1 {
        font: normal normal 400 25px/35px Rafaella;
        text-align: center;
        color: #384610;
        margin-bottom: 40px;
    }

    .headline2M .head2-2 {
        font: normal normal 400 25px/35px Trajan Pro3;
        text-align: center;
        color: #384610;
        -webkit-text-stroke: 1px #384610;
    }

    .content2M p {
        font: normal normal 500 16px/30px Accia Piano;
        text-align: center;
        color: #394810;
    }

    .section2M .button2M {
        width: 100%;
        position: relative;
        display: flex;
    }

    .button2M a {
        font: normal normal 400 21px / 22px Trattatello;
        text-align: center;
        text-decoration: none;
        letter-spacing: 0;
        background-color: #2D301E;
        color: #E5E1D3;
        width: 50%;
        margin-inline: auto;
        padding: 10px 5px;
        border-radius: 10px;
    }

    /* Section Poster1 */
    .sectionPoster1M {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: top center;
        background-size: cover;
    }

    .sectionPoster1M .runningTop{
        width: 100%;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 10px;
    }

    .sectionPoster1M .runningBott{
        width: 100%;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
    }

    .runningTop .runningTrack {
        display: flex;
        width: max-content;
        animation: scrollLeft 40s linear infinite;
    }

    .runningBott .runningTrack {
        display: flex;
        width: max-content;
        animation: scrollRight 40s linear infinite;
    }

    .runningTop .runningItem,
    .runningBott .runningItem
    {
        width: 200px;
        flex: 0 0 auto;
        position: relative;
        margin-right: 10px;
    }

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

    @keyframes scrollLeft {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-50%);
        }
    }

    @keyframes scrollRight {
        from {
            transform: translateX(-50%);
        }
        to {
            transform: translateX(0);
        }
    }
    

    /* Section 3 */
    .section3M {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: top center;
        background-size: cover;
        padding: 15% 20px;
    }

    .section3M .headline3M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .headline3M h3 {
        font: normal normal 400 20px/25px Trattatello;
        text-align: center;
        color: #4F2F22;
        text-transform: uppercase;
    }

    .headline3M h2 {
        font: normal normal 400 25px/35px Rafaella;
        text-align: center;
        color: #384610;
    }

    .section3M .content3M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .content3M p {
        font: normal normal 500 16px/26px Accia Piano;
        text-align: center;
        color: #394810;
    }

    .section3M .button3M {
        width: 100%;
        position: relative;
        display: flex;
    }

    .button3M a {
        font: normal normal 400 21px / 22px Trajan Pro3;
        text-align: center;
        text-decoration: none;
        letter-spacing: 0;
        background-color: transparent;
        color: #384610;
        -webkit-text-stroke: 0.5px #384610;
        width: fit-content;
        margin-inline: auto;
        padding-bottom: 5px;
        padding-inline: 8px;
        border-bottom: 2px solid #384610;
    }

    .content3M p span {
        display: inline-block;
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .content3M p span.show {
        opacity: 1;
        height: fit-content;
    }

    /* Poster 2 */
    .sectionPoster2 {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: bottom center;
        background-size: cover;
        padding-block: 10%;
    }

    .sectionPoster2 .contentPoster2 {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contentPoster2 video {
        width: 80%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        display: block;
        border-radius: 140px;
        padding: 10px;
        background-color: #faf6e9;
        overflow: hidden;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        z-index: 5;
    }

    .contentPoster2 .absPoster2L {
        width: 25%;
        position: absolute;
        top: 50%;
        left: -5%;
        transform: translateY(-50%);
    }

    .contentPoster2 .absPoster2R {
        width: 25%;
        position: absolute;
        top: 50%;
        right: -5%;
        transform: translateY(-50%);
    }

    .absPoster2L img,
    .absPoster2R img {
        width: 100%;
        display: block;
    }

    /* Section 4 */
    .section4M {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: top center;
        background-size: cover;
        padding-top: 15%;
    }

    .section4M .headline4M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
        padding-inline: 20px;
    }

    .headline4M h3 {
        font: normal normal 400 20px/25px Trattatello;
        text-align: center;
        color: #4F2F22;
        text-transform: uppercase;
    }

    .headline4M h2 {
        font: normal normal 400 25px/35px Rafaella;
        text-align: center;
        color: #384610;
    }

    .section4M .content4M {
        width: 100%;
        position: relative;
        margin-bottom: 50px;
        padding-inline: 20px;
    }

    .content4M p {
        font: normal normal 500 16px/30px Accia Piano;
        text-align: center;
        color: #394810;
    }

    .content4M p span {
        font: normal normal 400 20px/30px Trattatello;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Group-9868.webp');
        background-size: cover;
        background-position: center;
    }

    .section4M .image4M {
        width: 100%;
        position: relative;
    }

    .image4M img {
        width: 100%;
        display: block;
        box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.16);
    }

    /* Section 5 */
    .section5M {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: top center;
        background-size: cover;
        padding: 15% 20px;
    }

    .section5M .content5MT {
        width: 100%;
        position: relative;
        margin-bottom: 50px;
    }

    .content5MT .headline5M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .headline5M h3 {
        font: normal normal 400 20px/25px Trattatello;
        text-align: center;
        color: #4F2F22;
        text-transform: uppercase;
    }

    .headline5M h2 {
        font: normal normal 400 25px/35px Rafaella;
        text-align: center;
        color: #384610;
    }

    .content5MT .content5M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .content5M p {
        font: normal normal 500 16px/26px Accia Piano;
        text-align: center;
        color: #394810;
    }

    .content5MT .button5M {
        width: 100%;
        position: relative;
        display: flex;
    }

    .button5M a {
        font: normal normal 400 21px / 22px Trajan Pro3;
        text-align: center;
        text-decoration: none;
        letter-spacing: 0;
        background-color: transparent;
        color: #384610;
        -webkit-text-stroke: 0.5px #384610;
        width: fit-content;
        margin-inline: auto;
        padding-bottom: 5px;
        padding-inline: 8px;
        border-bottom: 2px solid #384610;
    }

    .content5MT p span {
        display: inline-block;
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .content5MT p span.show {
        opacity: 1;
        height: fit-content;
    }

    .section5 .content5MB{
        width: 100%;
        position: relative;
    }

    .content5MB .sliderVilla{
        width: 100%;
        position: relative;
    }

    .sliderVilla .slick-track{
        display: flex;
        align-items: center;
    }

    .sliderVilla .slick-slide img{
        width: 100%;
        display: block;
    }

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

    .content5MB .buttonVilla{
        width: 11%;
        position: absolute;
        bottom: 20%;
        right: 7%;
        z-index: 3;
    }

    .buttonVilla a {
        width: 100%;
        display: block;
        position: relative;
    }

    .buttonVilla a img{
        width: 100%;
        display: block;
    }


    /* Section 6 */
    .section6M {
        width: 100%;
        position: relative;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/10/Scroll-Group-467-scaled.webp');
        background-position: top center;
        background-size: cover;
        padding: 15% 20px;
    }

    .section6M .headline6M {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .headline6M h3 {
        font: normal normal 400 20px/25px Trattatello;
        text-align: center;
        color: #4F2F22;
        text-transform: uppercase;
    }

    .headline6M h2 {
        font: normal normal 400 25px/35px Rafaella;
        text-align: center;
        color: #384610;
    }

    .section6M .content6M {
        width: 100%;
        position: relative;
        margin-bottom: 50px;
    }

    .content6M p {
        font: normal normal 500 16px/30px Accia Piano;
        text-align: center;
        color: #394810;
    }

    .section6M .button6M {
        width: 100%;
        position: relative;
        display: flex;
    }

    .button6M a {
        font: normal normal 400 21px / 22px Trattatello;
        text-align: center;
        text-decoration: none;
        letter-spacing: 0;
        background-color: #2D301E;
        color: #E5E1D3;
        width: 70%;
        margin-inline: auto;
        padding: 10px 5px;
        border-radius: 10px;
    }

}



@media screen and (min-width: 992px) and (max-width: 1199px) {
    .desktop-container {
        width: 100%;
        position: relative;
        display: block;
    }

    .mobile-container {
        display: none;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
    .desktop-container {
        width: 100%;
        position: relative;
        display: block;
    }

    .mobile-container {
        display: none;
    }
}

@media screen and (min-width: 1500px) {
    .desktop-container {
        width: 100%;
        position: relative;
        display: block;
    }

    .mobile-container {
        display: none;
    }
}