/*========== MIN ==========*/
@media (min-width:576px) {
    
    .visible-mobile-sm { display: none !important;}

} 

@media (min-width:768px) {
    
    .visible-mobile { display: none !important;}

    /* GENERAL */
    .sc-container > .w-fix-sm {
        max-width: 628px;
    }
    /* FORM */
    .field.half {
        width: calc(50% - var(--spacing-2xs)/2);
    }

    /* POPUP */
    .modal-columns {
        display: flex;
        width: 100%;
    }
    .modal-columns .modal-cover {
        width: 44.3902439024%;
    }
    .modal-columns .modal-cover .object-fit {
        height: 100%;
    }
    .modal-columns .modal-cover .object-fit:before {
        padding-bottom: 123.6263736264%;
        min-height: 100%;
    }
    .modal-columns .modal-content {
        flex: 1;
    }
    .modal-columns .modal-content .entry-content {
        padding-right: var(--spacing-xl);
    }

    /* MODULES */
    *[data-modal="support"] .modal-body .fields-grid {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - var(--spacing-lg)));
        grid-gap: var(--spacing-sm) 0;
        justify-content: space-between;
        grid-auto-flow: dense;
        margin-bottom: 0;
    }
    *[data-modal="support"] .modal-body .fields-grid > .field {
        margin-bottom: 0 !important;
    }
    *[data-modal="support"] .modal-body .fields-grid > .field-textarea {
        grid-row: 1 / span 3;
        grid-column: 2;
    }
    *[data-modal="support"] .modal-body .fields-grid > .field-textarea > .input {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    *[data-modal="support"] .modal-body .fields-grid > .field-textarea > .input > * {
        width: 100%;
    }
    *[data-modal="support"] .modal-body .fields-grid > .field-textarea > .input > textarea {
        flex: 1;
    }

}

@media (min-width:992px) {
    
    .visible-device-sm { display: none !important;}
    .alignwide-on-device { width: 100% !important;}

    .visible-device-sm + *:not(:first-child) {
        margin-top: 0 !important;
    }
    
    /* GENERAL */
    .container {
        padding-left: var(--spacing-lg);
        padding-right: var(--spacing-lg);
    }
    .container.xl {
        max-width: calc(1360px + var(--spacing-lg)*2);
    }
    .container.lg {
        max-width: calc(1140px + var(--spacing-lg)*2);
    }
    .container.md {
        max-width: calc(1040px + var(--spacing-lg)*2);
    }
    .container.sm {
        max-width: calc(790px + var(--spacing-lg)*2);
    }    
    .f-left {
        margin-left: 0;
    }
    .f-right {
        margin-right: 0;
    }

    /* FOOTER */
    .footer-nav > .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: var(--spacing-sm) var(--spacing-lg);
        justify-content: space-between;
    }
    .footer-brand {
        grid-row: 1;
        grid-column: 1 / span 2;
    }
    .footer-contact {
        grid-row: 2;
        grid-column: 1;
        width: 370px;
        max-width: 100%;
    }
    .footer-directory {
        grid-row: 2;
        grid-column: 2;
    }
    .footer-directory > ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr auto;
        grid-gap: var(--spacing-sm);
    }
    .footer-directory > ul > li > ul {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transition: none !important;
    }
    .footer-directory > ul > li > *:not(:first-child),
    .footer-directory > ul > li > ul > li:not(:first-child) {
        margin-top: var(--spacing-3xs) !important;
    }
    .footer-directory > ul > li > .toggle {
        display: none !important;
    }
    .footer-legal {
        grid-row: 3;
        grid-column: 1 / span 2;
        padding-top: var(--spacing-sm);
    }

    /* FILTER */
    .fn .select2-dropdown,
    .fn .fn-panel {
        max-width: calc(50vw - var(--spacing-lg)) !important;
    }

    /* SECTION */
    .sc-elevator {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        position: -webkit-sticky;
        position: sticky;
        top: calc(var(--header-height) + var(--spacing-lg));
    }
    
    .sc-layout {
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    .sc-layout > *:not(:first-child) {
        margin-top: 0 !important;
        margin-left: calc(var(--spacing-lg)*2);
    }
    .sc-layout > .sc-sidebar {
        width: 28.8888888889%;
    }
    .sc-layout > .sc-main {
        flex: 1;
    }

    .sc-columns {
        display: flex;
        justify-content: space-between;
    }
    .sc-columns.v-baseline {
        align-items: baseline;
    }
    .sc-columns.v-center {
        align-items: center;
    }
    .sc-columns > *:not(:first-child) {
        margin-top: 0 !important;
    }
    .sc-column {
        width: calc(50% - var(--spacing-xl)/2);
    }
    .sc-column.v-baseline {
        align-self: baseline;
    }
    .sc-column.v-center {
        align-self: center;
    }
    .sc-column.spacing-y {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
    }
    .sc-column.content {
        width: calc(50% - var(--spacing-xl));
    }
    .sc-column.content > .w-fix {
        width: calc(100% - var(--spacing-lg));
    }
    .sc-column.cover {
        width: 50%;
    }
    .sc-column.cover:before,
    .sc-column.cover:after {
        content: "";
        display: table;
        clear: both;
    }
    .sc-column.cover > .sc-cover.float {
        width: 50vw !important;
        float: right;
    }
    .sc-column.cover > .sc-cover.float,
    .sc-column.cover > .sc-cover.float .object-fit {
        height: 100%;
    }
    .sc-column.cover > .sc-cover.float .object-fit:before {
        min-height: 100%;
    }
    .sc-column.frame > .sc-frame.float {
        width: calc(50vw - var(--spacing-2xl)) !important;
        float: right;
    }

    *[data-dir-alt="start-rtl"] .sc-columns:nth-child(odd) {
        flex-direction: row-reverse;
    }
    *[data-dir-alt="start-rtl"] .sc-columns:nth-child(odd) .sc-column.cover > .sc-cover.float,
    *[data-dir-alt="start-rtl"] .sc-columns:nth-child(odd) .sc-column.frame > .sc-frame.float {
        float: left;
    }

    /* MODULES */
    .voucher-category .ctrl {
        display: none !important;
    }
    .voucher-category ul {
        position: relative;
        height: auto !important;
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
        justify-content: center;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 100%;
        margin: 0 auto;
        background: #EFEFEF;
        border-radius: 50vw;
        overflow: hidden;
    }
    .voucher-category ul > li {
        position: relative;
        z-index: 1;
    }
    .voucher-category ul > li.selector {
        display: block;
        height: 100%;
        background: #fff;
        border-radius: 50vw;
        overflow: hidden;
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        transition: var(--transition-x2);
        pointer-events: none;
    }
    .voucher-category ul > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 var(--spacing-md);
        width: auto;
        height: 44px;
    }
    
    *[data-section="highlight"] {
        background-size: 100% calc(100% - var(--spacing-2xl));
        padding-bottom: var(--spacing-2xl);
        overflow: hidden;
    }
    *[data-section="highlight"] + section > .sc-inner {
        padding-top: 0 !important;
    }
    *[data-section="highlight"] .sc-column.cover + .sc-column.content {
        padding-left: var(--spacing-lg);
    }
    *[data-section="highlight"] .sc-column.content {
        padding-top: var(--spacing-sm);
    }
    *[data-section="highlight"] .sc-column.content .sc-heading.ellipsis {
        -webkit-line-clamp: 2;
    }
    *[data-section="highlight"] .swiper-buttons {
        left: calc(50% + var(--spacing-xl) + var(--spacing-lg));
    }

    *[data-section="contact"] .sc-column.cover > .sc-cover {
        width: 50vw !important;
        float: right !important;
    }
    *[data-section="contact"] .sc-column.cover > .sc-cover,
    *[data-section="contact"] .sc-column.cover > .sc-cover .object-fit {
        height: 100%;
    }
    *[data-section="contact"] .sc-column.cover > .sc-cover .object-fit:before {
        min-height: 100%;
    }

    .app-wrapper .app-screen {
        width: 42.1052631579%;
        margin: 0 auto;
    }
    .app-wrapper .app-desc {
        position: absolute;
        width: calc((100% - 42.1052631579%)/2 );
    }
    .app-wrapper .app-desc[data-pos="left"] {
        left: 0;
        top: 20%;
        text-align: right;
    }
    .app-wrapper .app-desc[data-pos="right"] {
        right: 0;
        bottom: 17%;
        text-align: left;
    }
    .app-wrapper .app-coin {
        position: absolute;
    }
    .app-wrapper .app-coin[data-pos="left"] {
        width: 16%;
        left: 10%;
        top: 100%;
        transform: translateY(-75%);
    }
    .app-wrapper .app-coin[data-pos="left"] .object:nth-child(1) {
        width: 41%;
        margin-right: auto;
    }
    .app-wrapper .app-coin[data-pos="left"] .object:nth-child(2) {
        width: 61%;
        margin-left: auto;
        margin-top: 30px;
    }
    .app-wrapper .app-coin[data-pos="right"] {
        width: 14%;
        right: 5%;
        top: 25%;
    }
    .app-wrapper .app-coin[data-pos="right"] .object:nth-child(1) {
        width: 46.25%;
        margin-left: auto;
    }
    .app-wrapper .app-coin[data-pos="right"] .object:nth-child(2) {
        width: 58.75%;
        margin-right: auto;
        margin-top: 60px;
    }

    .privilege {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .privilege-phone,
    .privilege > .cover {
        width: calc(100% - 424px);
    }
    .privilege-phone .object,
    .privilege .cover .object-fit {
        width: calc((1140px - 424px - var(--spacing-lg)) + ((100vw - 1140px)/2)) !important;
        max-width: calc(100vw - 424px - var(--spacing-lg)*2) !important;
        margin-left: auto !important;
        margin-right: 0 !important;
    }
    .privilege-phone .object {
        padding: 5vw 0 0 8vw;
    }
    .privilege-phone .object > * {
        margin-left: var(--spacing-lg);
    }
    .privilege > .caption {
        width: 424px;
        padding-top: calc(var(--spacing-xl) + var(--spacing-sm));
    }
    
    /* ABOUT:START */
    *[data-section="about-download"] .app-wrapper .app-screen {
        width: 38.5964912281%;
    }
    /* ABOUT:END */

    /* BUNDLE */
    .sc-banner .sc-cover .object-fit,
    .sc-banner .sc-cover .object-fit > *,
    *[data-section="blog-single"] .sc-cover .object-fit,
    *[data-section="blog-single"] .sc-cover .object-fit > * {
        border-radius: 20px;
        overflow: hidden;
    }

    .sc-banner .sc-cover.magic {
        width: calc(100vw + 40px);
        max-width: calc(100vw + 40px);
        margin-left: calc(50% - (100vw + 40px)/2);
        margin-right: calc(50% - (100vw + 40px)/2);
    }
    /* .sc-banner .sc-cover.magic .object-fit,
    .sc-banner .sc-cover.magic .object-fit > * {
        border-radius: 0;
        overflow: visible;
    } */

}

@media (min-width:1025px) {
    
    .visible-device { display: none !important;}

    /* HEADER */
    .header-nav {
        grid-template-columns: 1fr auto 1fr;
        grid-column-gap: var(--spacing-lg);
    }
    .header-brand {
        grid-row: 1;
        grid-column: 1;
        align-self: center;
        justify-self: start;
    }
    .header-system {
        grid-row: 1;
        grid-column: 3;
        justify-self: end;
    }
    .header-menu-ctrl,
    .header-menu .more-menu,
    .header-menu .tools {
        display: none !important;
    }
    .header-menu {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
    }
    .header-menu .panel,
    .header-menu .wrap,
    .header-menu .inner,
    .header-menu .menu {
        height: 100%;
    }
    .header-menu .menu {
        display: flex;
        justify-content: center;
    }
    .header-menu .menu > li {
        position: relative;
    }
    .header-menu .main-menu > li {
        display: flex;
        align-items: center;
    }
    .header-menu .main-menu > li:not(:last-child) {
        margin-right: var(--spacing-lg);
    }
    .header-menu .main-menu > li > a {
        position: relative;
        padding: var(--spacing-2xs) 0;
    }
    .header-menu .main-menu > li > a:after {
        content: "";
        display: block;
        height: 5px;
        width: 22px;
        margin: 0 auto;
        background: var(--color-theme-aqua);
        border-top-left-radius: 50vw;
        border-bottom-right-radius: 50vw;
        overflow: hidden;
        opacity: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .header-menu .main-menu > li > a.active:after {
        opacity: 1;
    }
    
}

@media (min-width:1200px) {
    
    .visible-device-lg { display: none !important;}

    /* MODULES */
    .voucher-category ul > li > a {
        padding: 0 var(--spacing-lg);
    }

    .privilege > .caption {
        padding-top: var(--spacing-2xl);
    }
    .privilege .caption .entry-content {
        font-size: var(--font-size-xl);
    }

}

@media (min-width:1440px) {

    /* SECTION */
    .sc-banner .sc-inner {
        min-height: 400px;
    }

    /* MODULES */
    *[data-card="voucher"] .card .caption .entry-title {
        font-size: var(--font-size-xl);
    }
    *[data-card="voucher"] .card .caption .entry-desc.ellipsis {
        -webkit-line-clamp: 3;
    }
    .card-marquee3k *[data-card="voucher"] .card {
        width: 428px;
    }

    *[data-section="index-intro"] .sc-heading {
        font-size: 100px !important;
        line-height: 1 !important;
    }

    .app-wrapper .app-desc[data-pos="right"] > * {
        width: calc(100% + var(--spacing-xl));
    }
    
}

/*========== MAX ==========*/
@media (max-width:1199px) {
    
    .hidden-device-lg { display: none !important;}

    :root {
        --font-size-2xl: 20px;
        --font-size-h6: 24px;
        --font-size-h5: 28px;
        --font-size-h4: 32px;
        --font-size-h3: 40px;
        --font-size-h2: 48px;
        --font-size-h1: 54px;
    }

    /* MODULES */
    *[data-card="voucher"].type-grid {
        grid-template-columns: repeat( 2, calc((100% - var(--spacing-lg))/2) );
    }

    *[data-section="index-roadmap"] .sc-content .phase {
        font-size: 100px;
    }
    
}

@media (max-width:1024px) {
    
    .hidden-device { display: none !important;}

    :root {
        --header-spacing: (var(--spacing-2xs)*2);
        --header-height: calc(50px + var(--header-spacing));
    }

    /* HAMBURGER */
    .hamburger {
        position: relative;
        display: block;
        width: 15px;
        height: 15px;
        padding: 8px 0;
    }
    .hamburger .bars,
    .hamburger .bars:before,
    .hamburger .bars:after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1.5px;
        border-radius: 50vw;
        background: var(--color-theme);
        transition: var(--transition);
    }
    .hamburger .bars {
        display: block;
        font-size: 0;
        line-height: 0;
        top: 50%;
        transform: translateY(-50%);
        transition-property: background-color, transform;
}
    .hamburger .bars:before,
    .hamburger .bars:after {
        display: block;
        content: "";
    }
    .hamburger .bars:before {
        top: -5px;
        transition-property: background-color, top;
        transition-delay: 0s, .10s;
    }
    .hamburger .bars:after {
        bottom: -5px;
        transition-property: background-color, bottom, transform;
        transition-delay: 0s, .10s, 0s;
    }
    .ctrl.active > .hamburger .bars {
        transform: translateY(-50%) rotate(45deg);
        transition-delay: 0s, .10s;
    }
    .ctrl.active > .hamburger .bars:before {
        top: 0;
        opacity: 0;
    }
    .ctrl.active > .hamburger .bars:after {
        bottom: 0;
        transform: rotate(-90deg);
        transition-delay: 0s, 0s, .10s;
    }
    .ctrl:not(.active) > .hamburger {
        width: 10px;
    }
    .ctrl:not(.active) > .hamburger .bars:before,
    .ctrl:not(.active) > .hamburger .bars:after {
        width: 150%;
    }
    
    /* HEADER */
    #header {
        padding-left: var(--spacing-3xs);
        padding-right: var(--spacing-3xs);
    }

    #header-backdrop,
    .header-menu {
        width: calc(100% - var(--spacing-3xs)*2);
    }
    #header-backdrop,
    .header-nav {
        border-radius: 50vw;
    }
    .header-nav {
        grid-template-columns: 1fr auto 1fr;
        grid-column-gap: var(--spacing-xs);
        max-width: 100% !important;
        padding-left: var(--spacing-2xs) !important;
        padding-right: var(--spacing-2xs) !important;
    }

    .header-brand,
    .header-menu-ctrl,
    .header-system {
        position: relative;
        z-index: 101;
    }
    
    .header-brand {
        grid-row: 1;
        grid-column: 2;
        align-self: center;
        justify-self: center;
    }
    .header-brand .brand .logo {
        height: 32px;
    }
    
    .header-menu-ctrl {
        grid-row: 1;
        grid-column: 1;
        justify-self: start;
        align-self: center;
    }
    .header-menu-ctrl .ctrl {
        min-width: 74px;
        justify-content: flex-start;
    }
    
    .header-menu {
        display: none;
        position: fixed;
        z-index: 100;
        left: 0;
        right: 0;
        top: var(--header-height);
        height: auto;
        margin: 0 auto;
        color: var(--color-body);
        background: #fff;
        border-radius: 25px;
        box-shadow: 0px 4px 20px rgba(0,0,0,0.1);
        overflow: hidden;
        transition: none;
    }
    .header-menu .panel {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        display: block;
    }
    .header-menu .wrap {
        width: auto;
        max-width: none;
        height: 100%;
        max-height: calc(100vh - var(--header-height) - var(--header-spacing)/2);
        max-height: calc((var(--vh, 1vh) * 100) - var(--header-height) - var(--header-spacing)/2);
        padding: 0 25px 0 0;
        margin-right: -25px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    @supports (-webkit-touch-callout:none) {
        .instagram-browser .header-menu .wrap {
            max-height: calc(100vh - var(--header-height) - var(--header-spacing)/2);
        }
    }
    .header-menu .inner {
        position: relative;
        width: 100%;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        text-align: left;
        padding-top: var(--spacing-md);
        padding-bottom: var(--spacing-md);
    }
    .header-menu .inner > * {
        width: 100%;
    }
    .header-menu .inner > *:not(:last-child) {
        margin-bottom: var(--spacing-sm);
    }
    .header-menu .inner,
    .header-menu .menu,
    .header-menu .tools {
        padding-left: var(--spacing-2xs);
        padding-right: var(--spacing-2xs);
    }
    .header-menu .menu > li:not(:last-child) {
        margin-bottom: var(--spacing-2xs);
    }
    .header-menu .main-menu:not(:last-child) {
        padding-bottom: var(--spacing-sm);
        border-bottom: 1px solid var(--color-gray-light);
    }
    html.header-menu-enabled {
        overflow: hidden !important;
    }

    .header-system {
        grid-row: 1;
        grid-column: 3;
        justify-self: end;
    }
    .header-system .menu-tool,
    .header-system .lang-tool {
        display: none !important;
    }
    
}

@media (max-width:991px) {
    
    .hidden-device-sm { display: none !important;}
    .alignfull-device-sm { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;}
    
    .hidden-device-sm + *:not(:first-child) {
        margin-top: 0 !important;
    }

    :root {
        --font-size-h2: 40px;
        --font-size-h1: 40px;
    }

    /* GENERAL */
    .container {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
    }

    /* FOOTER */
    .footer-nav > .container {
        padding-top: var(--spacing-md);
        padding-bottom: var(--spacing-lg);
    }
    .footer-nav > .container > *:not(:first-child) {
        margin-top: var(--spacing-md);
    }
    .footer-legal:not(:first-child) {
        margin-top: var(--spacing-lg);
    }
    .footer-directory {
        font-size: var(--font-size-xs);
    }
    .footer-directory > ul > li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--color-gray-light);
    }
    .footer-directory > ul > li > * {
        padding: var(--spacing-2xs) 0;
        color: inherit;
    }
    .footer-directory > ul > li:first-child > * {
        padding-top: 0;
    }
    .footer-directory > ul > li > a:hover {
        color: var(--color-theme);
    }
    .footer-directory > ul > li > .toggle {
        flex: 1;
        text-align: right;
        line-height: 1;
    }
    .footer-directory > ul > li > a[href="javascript:;"]:not(.toggle) {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .footer-directory > ul > li > a[href="javascript:;"]:not(.toggle) + .toggle {
        display: none;
    }
    .footer-directory > ul > li > .toggle:after,
    .footer-directory > ul > li > a[href="javascript:;"]:not(.toggle):after {
        display: block;
        font-family: 'iconfont';
        content: "\e90c";
        font-size: 83.3333333333%;
    }
    .footer-directory > ul > li.active > .toggle:after,
    .footer-directory > ul > li.active > a[href="javascript:;"]:not(.toggle):after {
        content: "\e90b";
    }
    .footer-directory > ul > li:not(:hover) > .toggle,
    .footer-directory > ul > li > a[href="javascript:;"]:not(.toggle):not(:hover):after {
        color: var(--color-body);
    }
    .footer-directory > ul > li > ul {
        color: inherit !important;
        padding: var(--spacing-3xs) 0 var(--spacing-sm);
        width: 100%;
        display: none;
    }
    .footer-directory > ul > li > ul > li:not(:first-child) {
        margin-top: var(--spacing-2xs);
    }

    /* SECTION */
    .sc-menu:not(.destroy-device-sm) {
        width: 100vw !important; 
        max-width: 100vw !important; 
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
    .sc-menu.destroy-device-sm .swiper-wrapper,
    .sc-menu.destroy-device-sm .swiper-slide {
        transform: none !important;
        width: 100% !important;
        flex-direction: column;
    }
    .sc-menu.destroy-device-sm .swiper-slide {
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .sc-menu.destroy-device-sm .swiper-slide:not(:last-child) {
        padding-right: 0;
    }

    .sc-banner {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    .sc-banner .sc-inner {
        min-height: 106.6666666667vw;
    }
    *[data-section="banner"]:last-child > .sc-inner {
        padding-bottom: 0 !important;
    }

    .sc-frame {
        width: calc(100% - 6vw);
        margin-left: auto;
        margin-bottom: var(--spacing-xl);
    }
    .sc-frame .coin {
        width: 12vw;
        min-width: 66px;
    }

    .sc-column.cover .sc-cover[data-cover="highlight"] {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-right: var(--spacing-lg);
    }
    .sc-column.cover .sc-cover[data-cover="highlight"]:before {
        width: calc(100% - var(--spacing-sm));
        top: var(--spacing-sm);
    }
    *[data-dir-alt="start-rtl"] .sc-columns:nth-child(odd) .sc-column.cover .sc-cover[data-cover="highlight"] {
        padding-right: 0;
        padding-left: var(--spacing-lg);
    }
    *[data-dir-alt="start-rtl"] .sc-columns:nth-child(odd) .sc-column.cover .sc-cover[data-cover="highlight"]:before {
        left: var(--spacing-sm);
    }
    
    .sc-boxes {
        grid-template-columns: 100%;
        grid-column-gap: 0;
    }
    .sc-box .sc-cover .object-fit:before {
        padding-bottom: 101.1805555556%;
    }
    .sc-box .sc-inner {
        padding: 0;
    }
    .sc-box .sc-container {
        padding: var(--spacing-md);
    }

    /* MODULES */
    *[data-card="voucher"] + *[data-card="voucher"] {
        margin-top: var(--spacing-sm);
    }
    *[data-card="voucher"].type-grid {
        grid-gap: var(--spacing-sm) 0;
        grid-template-columns: 100%;
    }
    *[data-card="voucher"] .card:hover {
        transform: translateY(var(--spacing-2xs-minus));
    }
    .voucher-category .ctrl {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 var(--spacing-sm);
        width: 100%;
        height: var(--input-height);
        border-radius: 50vw;
        background: #fff;
        color: var(--color-theme);
        cursor: pointer;
    }
    .voucher-category .ctrl:after {
        font-family: 'iconfont';
        content: "\e90c";
        font-size: var(--font-size-md);
        font-weight: normal;
        line-height: 1;
    }
    .voucher-category.active .ctrl:after {
        content: "\e90b";
    }
    .voucher-category ul {
        width: 100%;
        height: auto;
        max-height: 40vh;
        padding: var(--spacing-sm);
        border-radius: 20px;
        border: 0;
        background: #fff;
        color: var(--color-body);
        overflow-y: auto;
        position: absolute;
        top: calc(100% + var(--spacing-2xs));
        left: 0;
        right: 0;
        display: none;
    }
    .voucher-category ul > li.selector {
        display: none !important;
    }
    .voucher-category ul > li:not(:last-child) {
        margin-bottom: var(--spacing-xs);
    }

    *[data-card="blog"].type-grid {
        grid-gap: var(--spacing-sm) 0;
        grid-template-columns: 100%;
    }
    *[data-card="blog"].type-slider {
        margin: 0 var(--spacing-3xs-minus);
    }
    *[data-card="blog"].type-slider .swiper-slide {
        padding: 0 var(--spacing-3xs);
        width: 100% !important;
    }
    
    *[data-card="team"].type-grid {
        grid-column-gap: var(--spacing-sm);
        grid-template-columns: repeat( 2, calc((100% - var(--spacing-sm))/2) );
    }
    *[data-card="team"] .card:before {
        width: calc(100% + var(--spacing-sm));
    }
    *[data-card="team"] .card:hover .cover {
        transform: translateY(var(--spacing-2xs-minus));
    }

    *[data-section="highlight"] > .sc-inner {
        padding-top: var(--header-spacing);
    }
    *[data-section="highlight"] .sc-column.cover .sc-cover[data-cover="highlight"] {
        padding-right: var(--spacing-2xs);
    }
    *[data-section="highlight"] .sc-column.cover .sc-cover[data-cover="highlight"]:before {
        display: none !important;
    }

    *[data-section="404"] .sc-cover .object > * {
        height: auto;
        max-height: 126.9333333333vw;
    }
    
    *[data-section="contact"] .sc-inner {
        padding-top: 0 !important;
    }
    *[data-section="contact"] .sc-column.cover .sc-cover {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-right: var(--spacing-3xs);
    }

    *[data-section="index-intro"] *[data-intro="cover"] .sc-heading {
        font-size: 54px;
    }
    *[data-section="index-intro"] *[data-intro="cover"] .sc-heading .opacity-light {
        display: inline-block;
    }
    *[data-section="index-intro"] *[data-intro="cover"] .sc-cover {
        width: 198.9333333333vw;
        max-width: 198.9333333333vw;
        margin: 0 calc(50% - 198.9333333333vw/2);
    }
    *[data-section="index-intro"] *[data-intro="cover"] .sc-cover .intro-frame .object-fit {
        height: 100%;
        transform: none;
    }
    
    .app-wrapper .app-screen {
        width: calc(100% - var(--spacing-lg)*2);
        max-width: 480px;
        margin: 0 auto var(--spacing-lg);
    }
    .app-wrapper .app-coin {
        display: none !important;
    }
    .app-wrapper .app-desc {
        text-align: center;
    }

    .privilege > *:not(:first-child) {
        margin-top: var(--spacing-md);
    }
    .privilege-phone {
        width: 103vw;
        max-width: 103vw;
        margin: 0 calc(50% - 103vw/2);
        left: 14vw;
        top: 12vw;
    }
    .privilege .cover .object-fit {
        width: 125vw;
        max-width: 125vw;
        margin: 0 calc(50% - 125vw/2);
    }
    .privilege-container.type-slider .swiper-buttons {
        transform: translateY(100%);
    }

    *[data-section="index-video"] .object-fit:before {
        padding-bottom: 66.6666666667%;
    }

    *[data-section="index-roadmap"] .sc-content .phase {
        font-size: 19.2vw;
    }
    *[data-section="index-roadmap"] .swiper-slide {
        width: 100% !important;
        padding: 0 var(--spacing-sm);
    }

    /* ABOUT:START */
    .method-container.type-grid {
        grid-template-columns: 100%;
        grid-column-gap: 0;
    }
    .method-container.type-slider .swiper-slide {
        width: 100% !important;
    }
    /* ABOUT:END */

}

@media (max-width:767px) {
    
    .hidden-mobile { display: none !important;}

    /* POST */
    .entry-content .wp-block-gallery .blocks-gallery-grid {
        grid-template-columns: repeat(2,1fr) !important;
    }
    .entry-content .wp-block-gallery .blocks-gallery-grid:nth-child(odd):last-child {
        grid-column: span 2 !important;
    }

    /* FOOTER */
    .footer-bar > .container {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-bar > .container > *:not(:first-child) {
        margin-top: var(--spacing-3xs);
    }

    /* MODULES */
    .support-control {
        flex-direction: column;
    }
    .support-control .ctrl:not(:last-child) {
        margin-right: 0;
        margin-bottom: var(--spacing-sm);
    }

    .support-block {
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    *[data-modal="support"] {
        padding-left: 0;
        padding-right: 0;
    }
    *[data-modal="support"] .modal-header, 
    *[data-modal="support"] .modal-body {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }

    /* ABOUT:START */
    *[data-section="about-intro"] .intro-wrapper {
        width: 157vw;
        max-width: 157vw;
        margin: 0 calc(50% - 157vw/2);
    }
    *[data-section="about-intro"] .intro-wrapper .coin[data-id="1"] {
        width: 46.6666666667vw;
        max-width: none;
        min-width: 0;
    }
    *[data-section="about-network"] .network-wrapper {
        width: 100vw;
        max-width: 100vw;
        margin: 0 calc(50% - 50vw);
    }
    *[data-section="about-network"] .network-wrapper .coin {
        width: 46.6666666667vw;
        max-width: none;
        min-width: 0;
    }
    /* ABOUT:END */
    
}

@media (max-width:575px) {
    
    .hidden-mobile-sm { display: none !important;}

    /* MODULES */
    *[data-card="voucher"] .card .caption {
        padding: var(--spacing-3xs) var(--spacing-xs); 
    }
    *[data-card="voucher"] .card .caption .entry-title {
        margin: 0 !important;
    }
    *[data-card="voucher"] .card .caption .entry-desc.ellipsis {
        -webkit-line-clamp: 2;
    }
    *[data-card="voucher"].type-grid .card-wrapper {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: var(--spacing-2xs);
        padding-right: var(--spacing-2xs);
    }
    
    .card-marquee3k *[data-card="voucher"] .card {
        width: calc(100vw - var(--spacing-sm));
    }
    
}

@media (max-width:414px) {
    
    /* POPUP */
    .modal-columns .modal-content {
        min-height: 96vw;
    }
    
}

@media (max-width:375px) {

    *[data-section="index-intro"] *[data-intro="cover"] .sc-heading {
        font-size: 14.4vw;
    }

}

/*========== MIN and MAX ==========*/
@media (min-width:576px) and (max-width:1199px) {
    
    /* MODULES */
    *[data-card="voucher"].type-grid .card .caption .entry-title {
        font-size: var(--font-size-xl);
    }
    *[data-card="voucher"].type-grid .card .caption .entry-desc.ellipsis {
        -webkit-line-clamp: 3;
    }

}

@media (min-width:576px) and (max-width:991px) {
    
    /* MODULES */
    *[data-card="voucher"].type-grid .card .caption {
        font-size: var(--font-size-sm);
    }
    *[data-card="voucher"].type-grid .card .caption > * {
        padding: var(--spacing-sm) 0;
    }

}