@media only screen and (min-width: 320px) {
    /* ------------------------ */
    /* -------- Global -------- */
    /* ------------------------ */


    .cta-primary {
        padding: 14px 30px;
    }

    #retailer-header {
        width: 100%;
    }

    .text-level::after {
        content: "";
        width: 8px;
        height: 8px;
        display: block;
        background: url('../img/arrow-white-button.svg');
        background-position: center;
        background-repeat: no-repeat;
        margin: 0 10px;
    }
    .text-level:last-child::after,
    .first.text-level::after,
    .first-parent.text-level::after  {
        content: unset;
    }
    .text-level a,
    .text-level a:active,
    .text-level a:visited,
    .text-level a:focus-visible,
    .text-level a:focus {
        text-decoration: unset;
        color: var(--white);
        font-size: clamp(0.875rem, 0.8125rem + 0.1563vw, 1rem);
    }

    .text-level.first,
    .text-level.parent {
        display: none;
    }

    .text-level.first.show {
        display: flex;
    }

    .bc-mobile::before {
        content: "";
        width: 8px;
        height: 8px;
        display: block;
        background: url('../img/arrow-white-button.svg');
        background-position: center;
        background-repeat: no-repeat;
        margin: 0 10px 0 0;
        transform: rotate(180deg);
    }

    .ml-10 {
        margin-left: 10px;
    }
    .pb-30 {
        padding-bottom: 30px;
    }
    .py-10v {
        padding: 7vh 0;
    }
    .pt-10v {
        padding-top: 7vh;
    }
    .pb-10v {
        padding-bottom: 7vh;
    }

    .my-10v {
        margin: 7vh 0;
    }
    .mt-10v {
        margin-top: 7vh;
    }
    .mb-10v {
        margin-bottom: 7vh;
    }

    .cta-secondary-brown,
    .cta-secondary-brown:visited {
        margin-bottom: 40px;
    }

    /** New 2025 */
    .py-5v {
        padding: 4vh 0;
    }
    .pt-5v {
        padding-top: 4vh;
    }
    .pb-5v {
        padding-bottom: 4vh;
    }

    /* ------------------------ */
    /* -------- Header -------- */
    /* ------------------------ */
    .header-container {
        width: 100%;
        height: 80px;
    }

    .rolex-header-logo a {
        display: block;
        width: 100px;
        height: 50px;
    }

    .nav-menu {
        display: none;
    }

    ul#rolex-header-mobile {
        width: calc(100vw - 14vw);
    }

    .text-level.bc-mobile {
        display: none;
    }

    /* ------------------------ */
    /* ----- Hero Banner ------ */
    /* ------------------------ */
    #swiperHero .swiper-slide::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 134.62%
    }
    .banner-desktop {
        display: none;
    }
    .banner-mobile {
        display: block;
    }

    .wrap-intro-banner {
        position: absolute;
        z-index: 2;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .wrap-intro-banner.w60 {
        width: 100%;
        height: auto;
    }
    .wrap-intro-banner.w50 {
        width: 100%;
        height: auto;
    }
    .wrap-intro-banner.w40 {
        width: 100%;
        height: auto;
    }
    .wrap-intro-banner.w30 {
        width: 40%;
        height: auto;
    }
    .wrap-intro-banner.content-right {
        right: unset;
        /* bottom: 74px; */
        bottom: 40px;
    }
    .wrap-intro-banner.content-left {
        left: unset;
        /* bottom: 74px; */
        bottom: 40px;
    }
    .intro-banner,
    .wrap-intro-banner .no-margin {
        margin: 0 6vw;
    }
    .intro-banner p {
        margin: 0;
    }
    .intro-banner h2 {
        margin: 0 0 20px 0;
    }
    h2.article-banner__space {
        margin: 0 0 5px 0;
    }


    #swiperHero .swiper-pagination-bullet {
        width: 20px;
        height: 4px;
        border-radius: 5px;
        background-color: var(--white);
        transition: all .3s ease-out;
    }
    #swiperHero .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 50px;
    }

    #swiperHero .swiper-horizontal>.swiper-pagination-bullets, 
    #swiperHero .swiper-pagination-bullets.swiper-pagination-horizontal, 
    #swiperHero .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 20px);
    }

    #swiperHero .swiper-button-prev,
    #swiperHero .swiper-rtl .swiper-button-next {
        display: none;
    }
    #swiperHero .swiper-button-next,
    #swiperHero .swiper-rtl .swiper-button-prev {
        display: none;
    }

    /* ------------------------ */
    /* ---- Intro Section ----- */
    /* ------------------------ */
    #intro {
        width: 100%;
        padding: 7vh 0;
    }
    #intro .row-wrap .col-two p {
        margin: 0;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.6;
    }
    #intro .row-wrap .col-two p b,
    #intro .row-wrap .col-two p strong {
        font-weight: 700;
    }

    #intro .row-wrap {
        display: flex;
        flex-direction: column;
    }
    #intro .row-wrap .col-two {
        display: flex;
        align-items: start;
        width: 100%;
        margin-bottom: 0;
    }
    #intro .row-wrap .col-two:last-child {
        margin-top: 30px;
    }

    .row-wrap {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .col-two,
    .col-three {
        display: flex;
        align-items: start;
        width: 100%;
        margin-bottom: 50px;
    }
    .col-two:last-child,
    .col-three:last-child {
        margin-bottom: 0;
    }
    

    #communicate .col-two {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    /* ------------------------ */
    /* ---- Rolex Watches ----- */
    /* ------------------------ */
    .normal-section {
        padding-bottom: 7vh;
    }

    .wrp-img__section::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 100%;
    }
    .col-two .wrp-img__section::after,
    .article-wrp .wrp-img__section::after,
    .grid-rg10v__item .wrp-img__section::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 100%;
    }

    .col-three .wrp-img__section::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 66.67%;
    }

    /* ------------------------ */
    /* ---- Keep Exploring ---- */
    /* ------------------------ */
    #keep-exploring {
        width: 100%;
        padding: 7vh 0;
    }

    #swiperKeepExploring .swiper-slide {
        max-width: calc(100% / 2);
        margin-right: 6px;
        overflow: hidden;
    }


    .wrp-img__keepexploring::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 66.67%;
    }
    .ke-desktop,
    .img-desktop {
        display: none;
    }
    .ke-mobile,
    .img-mobile {
        display: block;
    }

    .ke-tool .swiper-horizontal>.swiper-pagination-bullets, 
    .ke-tool .swiper-pagination-bullets.swiper-pagination-horizontal, 
    .ke-tool .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 0);
    }

    #keep-exploring .swiper-button-prev,
    #keep-exploring .swiper-rtl .swiper-button-next {
        display: none;
    }
    #keep-exploring .swiper-button-next,
    #keep-exploring .swiper-rtl .swiper-button-prev {
        display: none;
    }

    /* ------------------------ */
    /* -------- Footer -------- */
    /* ------------------------ */
    .rlx-crown-wrap {
        width: 100%;
        height: 120px;
    }
    .crown-logo {
        width: 32px;
        height: 32px;
    }

    .rlx-btc-wrap {
        width: 100%;
        height: 60px;
    }

    #retailer-footer {
        width: 100%;
    }

    /* ------------------------ */
    /* --- Subscribe Footer --- */
    /* ------------------------ */
    #gform_fields_2 {
        width: 190px !important;
        max-width: 190px !important;
    }
}

@media only screen and (min-width: 320px) and (max-height: 568px) {

}

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

}

@media only screen and (min-width: 360px) and (max-height: 640px) {

}

@media only screen and (min-width: 360px) and (max-height: 740px) {

}

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

}

@media only screen and (min-width: 360px) and (max-height: 740px) {

}

@media only screen and (min-width: 375px) {
}

@media only screen and (min-width: 375px) and (max-height: 667px) {

}

@media only screen and (min-width: 375px) and (max-height: 812px) {

}

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

}

@media only screen and (min-width: 390px) and (max-height: 844px) {

}

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

}

@media only screen and (min-width: 412px) {
    h2.article-banner__space {
        margin: 0 0 20px 0;
    }
}

@media only screen and (min-width: 412px) and (max-height: 914px) {

}

@media only screen and (min-width: 412px) and (max-height: 915px) {

}

@media only screen and (min-width: 414px) and (max-height: 736px) {

}

@media only screen and (min-width: 414px) and (max-height: 896px) {

}

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

}

@media only screen and (min-width: 430px) and (max-height: 932px) {

}

@media only screen and (min-width: 540px) {
    /* ------------------------ */
    /* -------- Global -------- */
    /* ------------------------ */

    .cta-primary {
        font-size: 0.875rem;
        padding:11px 30px;
    }

    #retailer-header {
        width: 100%;
    }


    .text-level::after,
    .first.text-level::after,
    .first-parent.text-level::after {
        content: "";
        width: 9px;
        height: 9px;
        display: block;
        background: url('../img/arrow-white-button.svg');
        background-position: center;
        background-repeat: no-repeat;
        margin: 0 10px;
    }
    /* .text-level:last-child::after {
        content: unset;
    } */
    .text-level a,
    .text-level a:active,
    .text-level a:visited,
    .text-level a:focus-visible,
    .text-level a:focus {
        text-decoration: unset;
        color: var(--white);
        font-size: clamp(0.625rem, 0.5rem + 0.3125vw, 0.875rem);
    }
    /* .text-level:last-child a {
        color: var(--ocean-green);
    } */
    .text-level.bc-mobile {
        display: flex;
    }

    .text-level.first,
    .text-level.parent {
        display: flex;
    }

    .bc-mobile::before {
        content: "";
        display: none;
    }

    .ml-10 {
        margin-left: 10px;
    }
    .pb-30 {
        padding-bottom: 30px;
    }
    .py-10v {
        padding: 10vh 0;
    }
    .pt-10v {
        padding-top: 10vh;
    }
    .pb-10v {
        padding-bottom: 10vh;
    }

    .my-10v {
        margin: 10vh 0;
    }
    .mt-10v {
        margin-top: 10vh;
    }
    .mb-10v {
        margin-bottom: 10vh;
    }

    .cta-secondary-brown,
    .cta-secondary-brown:visited {
        margin-bottom: 0;
    }

    /** New 2025 */
    .py-5v {
        padding: 5vh 0;
    }
    .pt-5v {
        padding-top: 5vh;
    }
    .pb-5v {
        padding-bottom: 5vh;
    }

    /* ------------------------ */
    /* -------- Header -------- */
    /* ------------------------ */
    .header-container {
        width: 100%;
        height: 100px;
    }

    .rolex-header-logo a {
        display: block;
        width: 120px;
        height: 60px;
    }

    .menu-toggle {
        display: flex;
    }

    ul#rolex-header-mobile {
        width: calc(100vw - 16vw);
    }

    /* ------------------------ */
    /* ----- Hero Banner ------ */
    /* ------------------------ */
    #swiperHero .swiper-slide::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 36.46%;
    }
    .banner-desktop {
        display: block;
    }
    .banner-mobile {
        display: none;
    }

    .wrap-intro-banner {
        position: absolute;
        z-index: 2;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .wrap-intro-banner.w60 {
        width: 60%;
        height: 100%;
    }
    .wrap-intro-banner.w50 {
        width: 50%;
        height: 100%;
    }
    .wrap-intro-banner.w40 {
        width: 40%;
        height: 100%;
    }
    .wrap-intro-banner.w30 {
        width: 30%;
        height: 100%;
    }
    .wrap-intro-banner.content-right {
        right: 3%;
        bottom: unset;
    }
    .wrap-intro-banner.content-left {
        /* left: 3%;
        bottom: unset; */
        left: 50%;
        right: 50%;
        bottom: unset;
        height: 100%;
        max-width: 100%;
        transform: translate(-50%, 0);
    }
    .wrap-intro-banner.content-left ,
    .wrap-intro-banner .no-margin {
        margin-left: 0;
    }
    .intro-banner {
        margin-left: 5%;
        margin-right: 0;
    }
    .intro-banner p {
        margin: 0;
    }
    .intro-banner h2,
    h2.article-banner__space {
        margin: 0 0 20px 0;
    }



    #swiperHero .swiper-pagination-bullet {
        width: 20px;
        height: 4px;
        border-radius: 5px;
        background-color: var(--white);
        transition: all .3s ease-out;
    }
    #swiperHero .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 50px;
    }
    #swiperHero .swiper-horizontal>.swiper-pagination-bullets, 
    #swiperHero .swiper-pagination-bullets.swiper-pagination-horizontal, 
    #swiperHero .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 2px);
    }

    #swiperHero .swiper-button-prev,
    #swiperHero .swiper-rtl .swiper-button-next {
        display: flex;
        left: var(--swiper-navigation-sides-offset, 30px);
        right: auto;
    }
    #swiperHero .swiper-button-next,
    #swiperHero .swiper-rtl .swiper-button-prev {
        display: flex;
        right: var(--swiper-navigation-sides-offset, 30px);
        left: auto;
    }

    #swiperHero .swiper-button-prev,
    #swiperHero .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 10px);
        right: auto;
    }
    #swiperHero .swiper-button-next,
    #swiperHero .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, 10px);
        left: auto;
    }
    #swiperHero .swiper-button-prev,
    #swiperHero .swiper-rtl .swiper-button-next,
    #swiperHero .swiper-button-next,
    #swiperHero .swiper-rtl .swiper-button-prev {
        width: 34px;
        height: 34px;
    }

    /* ------------------------ */
    /* ---- Intro Section ----- */
    /* ------------------------ */
    #intro {
        width: 100%;
        padding: 10vh 0;
    }

    #intro .row-wrap {
        display: flex;
        flex-direction: column;
    }
    #intro .row-wrap .col-two {
        width: 100%;
    }
    #intro .row-wrap .col-two:last-child {
        margin-top: 30px;
    }

    #intro .row-wrap .col-two p {
        font-size: clamp(1.125rem, 1.0625rem + 0.1563vw, 1.25rem);
        font-weight: 300;
        line-height: 1.6;
    }


    .row-wrap {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .col-two {
        display: flex;
        align-items: start;
        width: calc(50% - 4px);
        margin-bottom: 0;
    }
    .col-three {
        display: flex;
        align-items: start;
        width: calc((100% - 16px) / 3);
        margin-bottom: 0;
    }

    /* ------------------------ */
    /* ---- Rolex Watches ----- */
    /* ------------------------ */
    .normal-section {
        padding-bottom: 10vh;
    }

    .wrp-img__section::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 33.33%;
    }
    .col-two .wrp-img__section::after,
    .col-three .wrp-img__section::after,
    .article-wrp .wrp-img__section::after,
    .grid-rg10v__item .wrp-img__section::after  {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 66.67%;
    }
    
    #communicate .col-two {
        display: flex;
        align-items: start;
        width: calc(50% - 4px);
    }

    /* ------------------------ */
    /* ---- Keep Exploring ---- */
    /* ------------------------ */
    #keep-exploring {
        width: 100%;
        padding: 10vh 0;
    }

    #swiperKeepExploring .swiper-slide {
        max-width: calc(100% / 3);
        margin-right: 8px;
        overflow: hidden;
    }


    .wrp-img__keepexploring::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 66.67%;
    }
    .ke-desktop,
    .img-desktop {
        display: block;
    }
    .ke-mobile,
    .img-mobile {
        display: none;
    }

    .ke-tool .swiper-horizontal>.swiper-pagination-bullets, 
    .ke-tool .swiper-pagination-bullets.swiper-pagination-horizontal, 
    .ke-tool .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 0);
    }

    #keep-exploring .swiper-button-prev,
    #keep-exploring .swiper-rtl .swiper-button-next {
        display: flex;
        left: var(--swiper-navigation-sides-offset, -78px);
        right: auto;
    }
    #keep-exploring .swiper-button-next,
    #keep-exploring .swiper-rtl .swiper-button-prev {
        display: flex;
        right: var(--swiper-navigation-sides-offset, -78px);
        left: auto;
    }
    #keep-exploring .ke-tool.swiper-button-prev,
    #keep-exploring .swiper-rtl .ke-tool.swiper-button-next,
    #keep-exploring .ke-tool.swiper-button-next,
    #keep-exploring .swiper-rtl .ke-tool.swiper-button-prev {
        width: 34px;
        height: 34px;
    }


    /* ------------------------ */
    /* -------- Footer -------- */
    /* ------------------------ */
    .rlx-crown-wrap {
        width: 100%;
        height: 160px;
    }
    .crown-logo {
        width: 40px;
        height: 40px;
    }

    .rlx-btc-wrap {
        width: 100%;
        height: 80px;
    }

    /* ------------------------ */
    /* --- Subscribe Footer --- */
    /* ------------------------ */
    #gform_fields_2 {
        width: 280px !important;
        max-width: 280px !important;
    }
}

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

    /* ------------------------ */
    /* ---- Keep Exploring ---- */
    /* ------------------------ */
    #keep-exploring .swiper-button-prev,
    #keep-exploring .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, -48px);
        right: auto;
    }
    #keep-exploring .swiper-button-next,
    #keep-exploring .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, -48px);
        left: auto;
    }
}

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

}

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

}

@media only screen and (min-width: 1024px) {
    /* ------------------------ */
    /* ---- Keep Exploring ---- */
    /* ------------------------ */
    #keep-exploring .swiper-button-prev,
    #keep-exploring .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, -58px);
        right: auto;
    }
    #keep-exploring .swiper-button-next,
    #keep-exploring .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, -58px);
        left: auto;
    }
}

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

    /* ------------------------ */
    /* -------- Global -------- */
    /* ------------------------ */

    .cta-primary {
        font-size: 0.875rem;
        padding: 14px 30px;
    }

    #retailer-header {
        width: 100%;
    }

    .text-level::after,
    .first.text-level::after {
        content: "";
        width: 10px;
        height: 10px;
        display: block;
        background: url('../img/arrow-white-button.svg');
        background-position: center;
        background-repeat: no-repeat;
        margin: 0 10px;
    }

    /* ------------------------ */
    /* -------- Header -------- */
    /* ------------------------ */
    /* .nav-menu {
        display: flex;
    }

    .menu-toggle {
        display: none;
    } */

    /* ------------------------ */
    /* ----- Hero Banner ------ */
    /* ------------------------ */
    #swiperHero .swiper-slide::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 36.46%;
    }
    .banner-desktop {
        display: block;
    }
    .banner-mobile {
        display: none;
    }

    .wrap-intro-banner {
        position: absolute;
        z-index: 2;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .wrap-intro-banner.w50 {
        width: 50%;
        height: 100%;
    }
    .wrap-intro-banner.w30 {
        width: 30%;
        height: 100%;
    }
    .wrap-intro-banner.content-right {
        right: 3%;
        bottom: unset;
    }
    .wrap-intro-banner.content-left {
        /* left: 3%;
        bottom: unset; */
        left: 50%;
        right: 50%;
        bottom: unset;
        height: 100%;
        max-width: 100%;
        transform: translate(-50%, 0);
    }
    .wrap-intro-banner.content-left .intro-banner {
        margin-left: 0;
    }
    .intro-banner {
        margin-left: 5%;
    }
    .intro-banner p {
        margin: 0;
    }
    .intro-banner h2 {
        margin: 0 0 20px 0;
    }
    .wrap-intro-banner .no-margin {
        margin: 0;
    }



    #swiperHero .swiper-pagination-bullet {
        width: 20px;
        height: 4px;
        border-radius: 5px;
        background-color: var(--white);
        transition: all .3s ease-out;
    }
    #swiperHero .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 50px;
    }
    #swiperHero .swiper-horizontal>.swiper-pagination-bullets, 
    #swiperHero .swiper-pagination-bullets.swiper-pagination-horizontal, 
    #swiperHero .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 6px);
    }

    #swiperHero .swiper-button-prev,
    #swiperHero .swiper-rtl .swiper-button-next {
        display: flex;
        left: var(--swiper-navigation-sides-offset, 30px);
        right: auto;
    }
    #swiperHero .swiper-button-next,
    #swiperHero .swiper-rtl .swiper-button-prev {
        display: flex;
        right: var(--swiper-navigation-sides-offset, 30px);
        left: auto;
    }
    #swiperHero .swiper-button-prev,
    #swiperHero .swiper-rtl .swiper-button-next,
    #swiperHero .swiper-button-next,
    #swiperHero .swiper-rtl .swiper-button-prev {
        width: 44px;
        height: 44px;
    }

    /* ------------------------ */
    /* ---- Intro Section ----- */
    /* ------------------------ */
    #intro {
        width: 100%;
        padding: 10vh 0;
    }

    #intro .row-wrap {
        display: flex;
        flex-direction: row;
    }
    #intro .row-wrap .col-two {
        display: flex;
        align-items: start;
        width: calc(50% - 4px);
        padding-right: 50px;
    }
    #intro .row-wrap .col-two:last-child {
        margin-top: 0;
    }

    .row-wrap {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .col-two {
        display: flex;
        align-items: start;
        width: calc(50% - 4px);
        margin-bottom: 0;
    }
    .col-three {
        display: flex;
        align-items: start;
        width: calc((100% -16px) /3 );
        margin-bottom: 0;
    }

    /* ------------------------ */
    /* ---- Rolex Watches ----- */
    /* ------------------------ */
    .normal-section {
        padding-bottom: 10vh;
    }

    .normal-section a,
    .normal-section a:hover,
    .normal-section a:focus,
    .normal-section a:focus-visible,
    .normal-section a:active {
        text-decoration: unset;
    }
    .normal-section figure {
        margin: 0;
    }
    .normal-section h2 {
        margin-bottom: 20px;
    }
    .normal-section h3 {
        margin-bottom: 5px;
    }
    .normal-section figcaption {
        color: var(--brown);
    }

    .wrp-img__section {
        width: 100%;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden;
    }
    .wrp-img__section::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 33.33%;
    }

    /* ------------------------ */
    /* ---- Keep Exploring ---- */
    /* ------------------------ */
    #keep-exploring {
        width: 100%;
        padding: 10vh 0;
    }
    #keep-exploring .container {
        position: relative;
    }
    #keep-exploring h2 {
        margin-bottom: 20px;
    }

    #swiperKeepExploring {
        overflow: hidden;
    }
    #swiperKeepExploring .swiper-wrapper {
        padding-bottom: 40px;
    }
    #swiperKeepExploring .swiper-slide {
        max-width: calc(100% / 4);
        margin-right: 8px;
        overflow: hidden;
    }
    #swiperKeepExploring .swiper-slide a,
    #swiperKeepExploring .swiper-slide a:focus,
    #swiperKeepExploring .swiper-slide a:visited {
        color: var(--brown);
        text-decoration: unset;
    }
    #swiperKeepExploring .swiper-slide a:hover,
    #swiperKeepExploring .swiper-slide a:active {
        color: var(--brown);
    }


    #swiperKeepExploring .swiper-slide figure {
        margin: 0;
    }

    .wrp-img__keepexploring {
        width: 100%;
        margin-bottom: 10px;
        position: relative;
    }
    .wrp-img__keepexploring::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 66.67%;
    }
    .wrp-img__keepexploring img,
    .wrp-img__keepexploring picture {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        object-position: center;
        z-index: 1;
    }
    .ke-desktop {
        display: block;
    }
    .ke-mobile {
        display: none;
    }

    .ke-tool .swiper-horizontal>.swiper-pagination-bullets, 
    .ke-tool .swiper-pagination-bullets.swiper-pagination-horizontal, 
    .ke-tool .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 0);
    }

    #keep-exploring .swiper-button-prev,
    #keep-exploring .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, -78px);
        right: auto;
    }
    #keep-exploring .swiper-button-next,
    #keep-exploring .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, -78px);
        left: auto;
    }
    #keep-exploring .ke-tool.swiper-button-prev,
    #keep-exploring .swiper-rtl .ke-tool.swiper-button-next,
    #keep-exploring .ke-tool.swiper-button-next,
    #keep-exploring .swiper-rtl .ke-tool.swiper-button-prev {
        width: 44px;
        height: 44px;
    }


    /* ------------------------ */
    /* -------- Footer -------- */
    /* ------------------------ */
    .rlx-crown-wrap {
        width: 100%;
        height: 160px;
    }
    .crown-logo {
        width: 40px;
        height: 40px;
    }

    #retailer-footer {
        width: 100%;
    }


    /* ------------------------ */
    /* --- Subscribe Footer --- */
    /* ------------------------ */
    #gform_fields_2 {
        width: 280px !important;
        max-width: 280px !important;
    }
}

@media only screen and (min-width: 1366px) {
    /* ------------------------ */
    /* -------- Header -------- */
    /* ------------------------ */
    .nav-menu li {
        margin-right: 1.5vw;
    }
}

@media only screen and (min-width: 1440px) {
    /* ------------------------ */
    /* -------- Header -------- */
    /* ------------------------ */
    .nav-menu li {
        margin-right: 2vw;
    }
}
@media only screen and (min-width: 1475px) {
    /* .nav-menu {
        display: flex;
    }

    .menu-toggle {
        display: none;
    } */

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

    /* ------------------------ */
    /* -------- Header -------- */
    /* ------------------------ */
    .nav-menu li {
        margin-right: 2.5vw;
    }

}

@media only screen and (min-width: 1845px) {
    /* .nav-menu {
        display: flex;
    }

    .menu-toggle {
        display: none;
    }
    :lang(ms-MY) .nav-menu {
        display: none;
    }

    :lang(ms-MY) .menu-toggle {
        display: flex;
    } */
}

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

    .nav-menu {
        display: flex;
    }

    .menu-toggle {
        display: none;
    }

    :lang(ms-MY) .nav-menu,
    :lang(th) .nav-menu {
        display: none;
    }

    :lang(ms-MY) .menu-toggle,
    :lang(th) .menu-toggle {
        display: flex;
    }
}

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

}