@media (max-width: 600px) {
    :root {
        --fontSize: 4vw;
    }

    * {
        -webkit-tap-highlight-color: transparent;
    }

    .showMobile {
        display: block !important;
    }

    .hideMobile {
        display: none !important;
    }

    .wg-flags a img.wg-flag {
        height: 15px !important;
        margin-right: inherit !important;
    }

    .wgcurrent.wg-flags a img.wg-flag {
        margin-right: 5px !important;
    }

    .weglot-container {
        top: 5px;
    }

    .weglot-container a {
        font-size: 2.5vw !important;
    }

    .wg-drop.country-selector .wgcurrent a {
        padding-right: 27px !important;
    }

    .wg-drop.weg-openleft ul {
        min-width: 60vw !important;
    }

    .wg-drop.country-selector a {
        padding: initial !important;
    }

    .floating-btn {
        margin: initial;
    }

    #top_logo {
        width: 35vw;
        top: 4.5vw;
        left: 3vw;
        z-index: 50;
    }

    #top_sec,
    #top_sec .container {
        height: 212vw;
    }

    #top_sec .textArea {
        width: 100%;
        margin-top: 51vw;
        margin-left: 0vw;
    }

    #top_bg {
        height: 100%;
        content: url(/asset/images/activity/black-friday/top_bg_m.png?v=2);
    }

    #top_sec h2 {
        font-size: 4.2vw;
        margin-top: -8vw;
    }

    #page_link {
        width: 35vw;
        left: 15vw;
        top: 129vw;
        padding: 2.6vw 2vw;
        border-radius: 50px;
    }

    #top_coffee_en {
        width: 59vw;
        right: 0vw;
        top: 103vw;
    }

    #top_title {
        width: 90vw;
    }

    #page_link p {
        font-size: 6vw;
    }

    #top_right_ballon1 {
        width: 41vw;
        top: 150vw;
        right: 40vw;
        transform: rotateY(180deg);
    }

    #top_right_con2 {
        width: 24vw;
        right: 1vw;
        top: 155vw;
    }

    #top_left_con1 {
        width: 55vw;
        left: 0vw;
        top: 20vw;
    }

    #top_left_con2 {
        width: 55vw;
        left: 5vw;
        top: 106vw;
    }

    #top_left_ballon {
        width: 27vw;
        left: 2vw;
        top: 13vw;
    }

    #top_right_con1 {
        width: 45vw;
        right: 0vw;
        top: 9vw;
    }

    /************  about_sec start  **************************************************************/

    #about_sec {
        margin-top: -3vw;
    }

    #about_sec .container {
        margin-top: 12vw;
    }

    #about_sec .textArea {
        width: 90%;
    }

    #about_sec #about_ta1 h2 {
        font-size: 5vw;
    }

    #about_ta1>div {
        display: flex;
        flex-direction: row;
        gap: .5vw;
        margin: 5vw auto;
        flex-wrap: wrap;
    }

    #about_ta1>div>div {
        display: flex;
        flex-direction: row;
        gap: .5vw;
        margin-left: 0;
    }

    #about_ta1>div>div>img {
        position: initial;
        width: 13vw;
    }

    #about_ta1>div>div>h3 {
        text-shadow: 0 0 1px white;
    }

    #about_ta2 {
        margin-top: 16vw;
        width: 90% !important;
        margin-left: 5vw;
    }

    #about_ta2 h1 {
        font-size: 6vw;
        margin-bottom: 2vw;
        margin-left: 0;
    }

    #about_ta2 p {
        margin-bottom: 3vw;
        width: 74%;
        margin-left: 0vw;
    }

    #about_sec #about_ta2 h2 {
        font-size: 3.6vw;
        margin-top: 2vw;
    }

    #about_top {
        width: 100%;
        left: 0vw;
        top: -2vw;
    }

    #about_bg {
        width: 100%;
        left: 0vw;
        top: 52vw;
        content: url(/asset/images/activity/black-friday/about_bg_m.png);
    }

    #about_ballon1 {
        width: 22vw;
        right: 6vw;
        top: -16vw;
    }

    #about_ballon2 {
        width: 17vw;
        left: 4vw;
        top: -14vw;
    }

    #about_right {
        width: 30vw;
        right: 0vw;
        top: 122vw;
        transform: rotateY(180deg);
    }

    #about_ballon3 {
        width: 22vw;
        right: 4vw;
        top: 10vw;
    }

    #about_left {
        width: 26vw;
        left: initial;
        top: 85vw;
        right: 0vw;
    }

    /************  about_sec end    **************************************************************/


    /************  campaign_sec start  **************************************************************/

    #campaign_sec {
        margin-top: 10vw;
    }


    #csc1 {
        background: #1a1a1a;
    }

    #csc1 .textArea {
        width: 90%;
        margin-top: 11vw;
    }

    #csc1 h1 {
        margin-bottom: 6vw;
        font-size: 5vw;
    }

    #csc1 p {
        margin-bottom: 5vw;
    }

    #csc1 h2 {
        margin-bottom: 8vw;
    }

    #csc2 {
        margin-top: 12vw;
    }

    #csc2>h1 {
        font-size: 6vw;
        margin-bottom: 4vw;
    }

    #campaign_bg {
        width: 100%;
        left: 0vw;
        top: 16vw;
        content: url(/asset/images/activity/black-friday/campaign_bg_m.jpg);
        height: 100%;
    }

    #items_wrapper {
        width: 70vw;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 7vw 2vw;
    }

    .item {
        width: 32vw;
        height: 32vw;
    }

    .item:nth-child(33) {
        margin-left: auto;
        margin-right: auto;
    }

    .item:nth-child(34) {
        margin-right: auto;
        margin-left: auto;
    }

    .item h1 {
        font-size: 3.8vw;
        left: 24.5vw;
        top: -0.1vw;
        rotate: -16deg;
    }

    .item div {
        left: 15%;
        top: 24.5vw;
        width: 70%;
        border-radius: 25px;
        height: 9vw;
        display: flex;
        box-shadow: 0 0 5px 1px #c07d2eb3;
    }

    .item div h2 {
        font-size: 2.2vw;
        width: 90%;
    }

    .itemImage {
        width: 14vw;
        top: 3.5vw;
        left: 9vw;
    }

    .itemDiscountBG {
        width: 20vw;
        top: -3vw;
        left: 16vw;
    }

    .itemBG {
        width: 18vw;
        top: 1.1vw;
        left: 7vw;
    }

    .itemPoduim {
        top: 17vw;
        left: 0vw;
        width: 100%;
    }

    #items_info {
        margin-top: 2vw;
        width: 80vw;
    }

    #items_info h3 {
        font-size: 4vw;
        margin-bottom: 1vw;
        margin-top: 11vw;
    }

    #items_info div {
        display: flex;
        flex-direction: column;
        width: 90vw;
        height: 24vw;
        margin-bottom: 2vw;
    }

    #items_info div h4 {
        margin-right: auto;
        font-size: 3.7vw;
        background: black;
        padding: 2vw 0vw;
        border: 2px solid black;
        border-radius: 10px 10px 0 0;
        width: 100%;
        margin-bottom: 0;
    }

    #items_info div p {
        margin-left: auto;
        font-size: 2.7vw;
        background: #FDF6ED;
        padding: 2vw 0vw;
        border: 2px solid black;
        border-radius: 0 0px 10px 10px;
        width: 100%;
        margin-top: 0;
    }

    #items_info h5 {
        width: 90%;
        margin-bottom: 21vw;
    }

    #items_tri {
        width: 6vw;
        left: 47vw;
        bottom: -2.2vw;
    }

    #campaign_left_1 {
        width: 30vw;
        left: 0vw;
        top: -7vw;
    }

    #campaign_left_2 {
        width: 29vw;
        left: 0vw;
        top: 507vw;
    }

    #campaign_right_1 {
        width: 26vw;
        right: 0vw;
        top: 152vw;
    }

    #campaign_right_2 {
        width: 29vw;
        right: 0vw;
        top: 281vw;
    }

    #campaign_ballon1 {
        width: 16vw;
        left: 5vw;
        top: 89vw;
    }

    #campaign_ballon2 {
        width: 21vw;
        right: 5vw;
        top: -13vw;
        z-index: 1;
    }

    /************  campaign_sec end    **************************************************************/


    /************  details_sec start  **************************************************************/
    #details_sec {
        height: 392vw;
        z-index: 12;
    }

    #details_sec .textArea {
        width: 90%;
        margin-top: 8vw;
    }

    #details_sec h1 {
        font-size: 6vw;
        margin-bottom: 2vw;
    }

    #details_sec>div>div>div>div p span {
        font-size: 120%;
    }

    #details_sec>div>div>div>div:nth-child(1) p:nth-child(3) {
        margin-top: 1vw;
        border-top: solid 2px #954a0d;
        padding-top: 1vw;
    }

    #details_sec>div>div>p:nth-child(2) {
        width: 80%;
    }

    #details_sec>div>div>div:nth-child(3) {
        width: 100%;
        height: 85vw;
        margin-top: 8vw;
        display: flex;
        flex-direction: row;
        gap: 5%;
    }

    #details_sec>div>div>div>div {
        width: 45%;
        background: #FDF6ED;
        padding: 2vw;
        margin-top: 0vw;
        height: 68vw;
        border-radius: 10px;
        box-shadow: 0 0 10px 1px #00000063;
    }

    #details_sec>div>div>div>div h3 {
        padding: 1vw;
        border-radius: 10px;
        font-size: 3.5vw;
        margin-bottom: 2vw;
        box-shadow: 0 0 10px 1px #00000026;
    }

    #info_table_header,
    #example_table_header {
        border-radius: 10px 10px 0 0;
        box-shadow: 0 -1px 10px 1px #00000063;
        margin-top: 16vw;
    }

    #info_table_header p,
    #example_table_header p {
        width: 33.33%;
        padding: 3vw 0vw;
    }

    #info_table {
        width: 100%;
        margin-bottom: 2vw;
        padding: 1vw;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 0 10px 1px #00000063;
    }

    #info_table tbody {
        width: 100%;
        margin-bottom: 2vw;
        padding: 2vw;
    }

    #info_table td {
        width: 33.33%;
    }

    #info_table>tbody>tr>td {
        padding-bottom: 1vw;
    }


    .separateCell {
        border-top: 2px solid #d1d1d194;
    }

    #info_table>tbody>tr:nth-child(10)>td {
        border-top: 2px solid #83410bb3;
    }

    #details_sec>div>div>h2 {
        text-align: left;
        font-size: 5vw;
        margin-top: 12vw;
    }

    #details_sec>div>div>p:nth-child(7) {
        text-align: left;
        line-height: 5.5vw;
    }

    #details_sec>div>div>h4 {
        font-size: 5.5vw;
        margin-top: 8vw;
    }

    #example_table_header {
        margin-top: 5vw;
        width: 90%;
    }

    #example_table td {
        width: 33.33%;
    }

    #example_table>tbody>tr>td {
        padding-bottom: 1vw;
    }

    #example_table {
        width: 90%;
        margin-bottom: 2vw;
        background: #FDF6ED;
        padding: 1vw;
        padding-bottom: 0;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 0 10px 1px #00000063;
    }

    #details_sec img {
        z-index: 12;
    }

    #details_sec #details_bg {
        width: 100%;
        left: 0;
        top: -6vw;
        z-index: 10;
        content: url(/asset/images/activity/black-friday/details_bg_m.png?v=1);
    }

    #details_coin1 {
        width: 16vw;
        top: 98vw;
        right: 6vw;
    }

    #details_coin2 {
        width: 17vw;
        top: 106vw;
        left: 10vw;
    }

    #details_coin3 {
        width: 21vw;
        top: 331vw;
        right: 4vw;
    }

    #details_coin4 {
        width: 14vw;
        top: 220vw;
        left: 3vw;
    }

    #details_right {
        width: 23vw;
        top: -19vw;
        right: 0vw;
        transform: rotateY(180deg);
        z-index: 10 !important;
    }

    #details_left {
        width: 24vw;
        top: -25vw;
        left: 0vw;
        transform: rotateY(180deg);
    }

    #details_ele1 {
        width: 50vw;
        top: 102vw;
        left: 25vw;
    }

    /************  details_sec end    **************************************************************/


    /************  notice_sec start  **************************************************************/


    #notice_bg1 {
        /* top: -39vw; */
        content: url(/asset/images/activity/black-friday/notice_bg1_m.png?v=1);
    }

    #notice_bg2 {
        top: 265vw;
        content: url(/asset/images/activity/black-friday/notice_bg2_m.png?v=1);
        height: 60%;
    }

    #notice_ta1 {
        margin-top: 24vw;
    }

    #notice_ta1 h2 {
        font-size: 5vw;
        margin-bottom: 1.8vw;
        margin-top: 5vw;
    }

    #notice_ta1 h3 {
        font-size: 4.4vw;
        margin-top: 2vw;
    }

    #notice_ta1 p {
        line-height: 4.6vw;
        margin-bottom: 1.8vw;
    }

    .sr5 {
        width: 95%;
        margin-left: 5%;
    }

    #notice_sec #notice_ta2 {
        margin-top: 33vw;
        width: 75%;
    }

    #notice_ta2 h2 {
        font-size: 5vw;
        margin-bottom: .4vw;
        margin-top: 12vw;
    }

    #notice_ta2 p {
        line-height: 5.6vw;
        margin-bottom: .8vw;
    }

    /************  notice_sec end    **************************************************************/
}

@media (max-width:600px) {

    @supports (-webkit-touch-callout: none) {
        :root {
            --fontSize: 3.8vw;
        }

        #about_bg {
            height: 200vw;
        }

        #campaign_sec {
            margin-top: 14vw;
        }
    }
}