@media (max-width:1024px){
    body {
        font-size: 16px;
    }
    section {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    header {
        padding-block: 18px;
    }
    .logo a {
        display: block;
        width: 130px;
    }
    .hactions {
        gap: 20px;
    }
    .loginbtn a {
        padding: 0 16px;
        border-radius: 8px;
        font-size: 12px;
        line-height: 34px;
    }
    .sitemenu {
        gap: 10px;
        font-size: 14px;
    }
    .sticky header {
        padding-block: 14px;
    }
    .sticky .logo a {
        display: block;
        width: 120px;
    }
    .hbanner {
        padding-block: 217px 140px;
    }
    .hbanner h1 {
        font-size: 44px;
    }
    .hbanner p {
        font-size: 18px;
    }
    .hbanner .btn-wpr {
        gap: 20px;
        margin-top: 30px;
    }
    html .btn {
        font-size: 14px;
        --btn-line-height: 44px;
        --btn-radius: 8px;
    }
    html .btn .text {
        padding: 0 20px;
    }
    html .btn-link {
        gap: 8px;
        font-size: 14px;
        line-height: 140%;
    }
    .shop-smart .gx-5 {
        --bs-gutter-x: 30px;
    }
    .shop-smart .text img {
        width: 140px;
        margin-bottom: 20px;
    }
    .shop-smart .text h3 {
        font-size: 24px;
    }
    .cms-list {
        padding-block: 80px 120px;
    }
    .cms-list ul {
        padding-left: 30px;
        width: 510px;
    }
    .cms-list ul li {
        font-size: 24px;
        margin-bottom: 24px;
        padding-left: 22px;
    }
    .cms-list ul li:before {
        width: 8px;
        height: 8px;
        border-radius: 2px;
        left: 0px;
        top: 13px;
    }
    .support-sec {
        padding-block: 100px;
    }
    .support-sec .text {
        margin-left: 30px;
    }
    .support-sec .text img {
        width: 60px;
    }
    .support-sec .text h2 {
        font-size: 35px;
        margin-block: 20px;
    }
    .title {
        margin-bottom: 40px;
    }
    .title h2 {
        font-size: 44px;
        margin-bottom: 14px;
    }
    .myky-work-sec .g-4 {
        --bs-gutter-y: 30px;
    }
    .coin-sec {
        padding-block: 0 20px;
    }
    .coin-sec .image {
        transform: translateX(0);
    }
    .coin-sec .image:before {
        left: -50px;
        right: -50px;
        bottom: 22px;
    }
    .coin-sec .txt h2 {
        font-size: 36px;
        margin-bottom: 12px;
    }
    html .mc-crsl .owl-nav {
        width: calc(100vw - 50px);
        top: -102px;
    }
    .mtitle {
        top: 64px;
        margin-bottom: -215px;
    }
    .mtitle h2 {
        font-size: 56px;
        padding-bottom: 70px;
        width: 380px;
    }
    .merchants-sec .gx-5 {
        --bs-gutter-x: 30px;
    }
    .merchants-sec .txt h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .merchants-sec .txt p {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .merchants-sec .image {
        border: 6px solid var(--white);
        border-radius: 18px;
        height: 500px;
    }
    .ssr-sec .title h2 {
        font-size: 52px;
    }
    .ssr-sec .text p {
        padding-right: 0;
    }
    .ssr-sec .icon-box {
        gap: 14px;
        margin-bottom: 22px;
    }
    .ssr-sec .icon-box .icon {
        width: 60px;
        min-width: 60px;
        height: 60px;
        border-radius: 12px;
    }
    .ssr-sec .icon-box h5 {
        font-size: 14px;
    }
    .review-sec .title {
        margin-bottom: 60px;
        top: 80px;
    }
    .review-sec .title h2 {
        font-size: 110px;
    }
    .review-sec .g-4 {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 40px;
    }
    .review-box {
        border-radius: 12px;
        padding: 20px;
        transform: rotate(-2deg);
    }
    [class*="col"]:nth-child(3n + 3) .review-box {
        transform: rotate(2deg);
    }
    .review-box > p {
        font-size: 14px;
    }
    .review-box .rinfo {
        gap: 8px;
        margin-top: 16px;
    }
    .review-box .rinfo img {
        width: 36px;
        min-width: 36px;
        height: 36px;
    }
    .review-box .rinfo h6 {
        font-size: 14px;
        margin-bottom: 2px;
    }
    .review-box .rinfo p {
        font-size: 12px;
    }
    .faq-sec [class*="col-"]:has(.badge) {
        top: 86px;
    }
    html .badge-wp {
        margin-bottom: 20px;
    }
    html .badge {
        font-size: 18px;
        line-height: 36px;
        padding: 0 12px;
    }
    .faq-sec .title {
        margin-bottom: 60px;
    }
    .faq-sec .title h2 {
        font-size: 36px;
    }
    .faq-sec .accordion {
        padding-left: 20px;
    }
    html .accordion-button {
        font-size: 18px;
        padding: 16px 0;
    }
    html .accordion-button::after {
        width: 28px;
        min-width: 28px;
        height: 28px;
        border-radius: 6px;
    }
    html .accordion-body {
        padding-bottom: 16px;
        padding-right: 38px;
        font-size: 14px;
    }
    .nbt-sec {
        border-radius: 26px;
        margin-inline: 20px;
        padding-block: 50px;
    }
    .nbt-sec .title h2 {
        font-size: 42px;
        padding-right: 0;
    }
    .nbt-sec .btn-wpr {
        margin-top: 40px;
    }
    .nbt-sec .iconbox {
        margin-bottom: -1px;
    }
    .qrwpr {
        padding: 40px;
    }
    .qrwpr .image {
        width: 250px;
    }
    .qrwpr .image img {
        padding: 20px 28px;
    }
    .qrwpr .box {
        width: 40px;
        height: 40px;
    }
    .qrwpr .box:before {
        width: 16px;
        height: 16px;
        right: -8px;
        bottom: -8px;
    }
    .ftop {
        padding-block: 50px;
    }
    .logocol .flogo {
        width: 110px;
        margin-bottom: 22px;
    }
    .logocol h3 {
        font-size: 16px;
        margin-bottom: 6px;
    }
    .logocol .dwlink {
        width: 140px;
    }
    footer h4 {
        font-size: 22px;
        margin-bottom: 12px;
    }
    footer ul.links.menu {
        grid-template-columns: 1fr;
    }
    footer ul.links li {
        margin-bottom: 10px;
    }
    footer ul.links a {
        font-size: 12px;
        min-width: 0;
    }
    footer ul.links.menu a {
        min-width: 0;
    }
    footer ul.cinfo li {
        width: 190px;
        font-size: 12px;
        padding-left: 30px;
    }
    footer ul.cinfo li .icon {
        width: 20px;
        height: 20px;
    }
    footer ul.cinfo li a {
        min-height: 20px;
    }
    .fbottom .mtext {
        height: 40px;
    }
    .fbottom .mtext h3 {
        font-size: 54px;
    }
    .fbottom > .row {
        padding-block: 18px;
    }
    .smwpr {
        gap: 14px;
    }
    .smwpr h6 {
        font-size: 14px;
    }
    .sicons {
        gap: 6px;
    }
    .sicons a {
        width: 36px;
        min-width: 36px;
        height: 36px;
    }
    .navmenu nav {
        width: 420px;
        padding: 30px 30px 0 40px;
    }
    .navmenu nav .navclose {
        width: 40px;
        height: 40px;
    }
    .navmenu nav > ul > li > a {
        font-size: 30px;
        padding: 18px 0;
    }
    .navmenu nav > ul > li > a span {
        width: 32px;
        height: 22px;
    }
    .navmenu nav > ul > li > a span:after {
        height: 22px;
        background-size: 32px;
    }
    .navmenu nav > ul > li > a:hover span:after {
        width: 32px;
    }
    .sqr-sec .images-wpr {
        max-width: 85%;
    }
    .sqr-sec .images-wpr img {
        width: 60px;
    }
}
@media (max-width:767px){
    body {
        font-size: 14px;
    }
    html .container {
        padding: 0 20px;
    }
    section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    header {
        padding-block: 14px;
    }
    .logo a {
        width: 110px;
    }
    .hactions {
        gap: 12px;
    }
    .loginbtn a {
        padding: 0 12px;
        border-radius: 6px;
        font-size: 12px;
        line-height: 30px;
    }
    .sitemenu {
        gap: 8px;
        font-size: 13px;
    }
    .sticky header {
        padding-block: 12px;
    }
    .sticky .logo a {
        width: 100px;
    }
    .hbanner {
        padding-block: 162px 100px;
    }
    .hbanner h1 {
        font-size: 24px;
    }
    .hbanner p {
        font-size: 14px;
    }
    .hbanner .btn-wpr {
        gap: 12px;
        margin-top: 26px;
    }
    html .btn {
        font-size: 12px;
        --btn-line-height: 40px;
        --btn-radius: 6px;
    }
    html .btn-link {
        font-size: 12px;
    }
    .shop-smart {
        padding: 60px 0 0;
    }
    .shop-smart .text img {
        width: 120px;
        margin-bottom: 10px;
    }
    .shop-smart .text h3 {
        font-size: 22px;
    }
    .cms-list {
        padding-block: 60px;
        background-position: center;
    }
    .cms-list ul {
        padding-left: 0;
    }
    .cms-list ul li {
        font-size: 20px;
        margin-bottom: 16px;
        padding-left: 14px;
    }
    .cms-list ul li:before {
        width: 6px;
        height: 6px;
        border-radius: 2px;
        top: 11px;
    }
    .support-sec {
        padding-block: 60px;
        background-position: 20% center;
    }
    .support-sec .text {
        margin-left: 0;
    }
    .support-sec .text img {
        width: 50px;
    }
    .support-sec .text h2 {
        font-size: 28px;
        margin-block: 16px;
    }
    .title {
        margin-bottom: 20px;
    }
    .title h2 {
        font-size: 32px;
        line-height: 130%;
        margin-bottom: 12px;
    }
    .integrate-sec .title {
        margin-bottom: 30px;
    }
    .integrate-sec .title h2 {
        font-size: 22px;
    }
    .integrate-sec .title p {
        font-size: 14px;
    }
    .coin-sec {
        padding-block: 0 60px;
    }
    .coin-sec .image:before {
        left: -18px;
        right: -18px;
    }
    .coin-sec .txt {
        text-align: center;
    }
    .coin-sec .txt h2 {
        font-size: 32px;
        margin-bottom: 12px;
    }
    .mc-crsl-wpr {
        margin-right: 0;
    }
    html .mc-crsl .owl-nav {
        position: static;
        width: 100%;
        margin-top: 30px;
        justify-content: center;
    }
    .mtitle {
        position: static;
        margin-bottom: 30px;
    }
    .mtitle h2 {
        text-align: center;
        font-size: 44px;
        padding-bottom: 0;
        width: 100%;
        background: transparent;
    }
    .merchants-sec .item {
        position: static;
    }
    .merchants-sec .gx-5 {
        --bs-gutter-y: 20px;
    }
    .merchants-sec .txt {
        width: 100%;
    }
    .merchants-sec .txt h3 {
        font-size: 24px;
        margin-bottom: 14px;
    }
    .merchants-sec .txt p {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .merchants-sec .image {
        border: 0;
        border-radius: 12px;
        height: 350px;
    }
    .ssr-sec .title h2 {
        font-size: 50px;
    }
    .ssr-sec .title h2 {
        font-size: 50px;
    }
    .ssr-sec .iconbox-wpr {
        margin-top: 20px;
    }
    .ssr-sec .icon-box {
        gap: 12px;
        margin-bottom: 18px;
    }
    .ssr-sec .icon-box .icon {
        width: 50px;
        min-width: 50px;
        height: 50px;
        border-radius: 6px;
        padding: 10px;
    }
    .ssr-sec .icon-box h5 {
        font-size: 13px;
        font-weight: 500;
        line-height: 140%;
    }
    .ssr-sec .image {
        margin-top: 30px;
    }
    .review-sec {
        padding-block: 60px;
    }
    .review-sec .title {
        margin-bottom: 40px;
        top: 80px;
    }
    .review-sec .title h2 {
        font-size: 52px;
    }
    .review-sec .g-4 {
        --bs-gutter-y: 30px;
    }
    [class*="col"]:nth-child(3n + 3) .review-box {
        transform: rotate(-2deg);
    }
    [class*="col"]:nth-child(2n + 2) .review-box {
        transform: rotate(2deg);
    }
    .faq-sec [class*="col-"]:has(.badge) {
        position: static;
    }
    .faq-sec .title h2 {
        font-size: 40px;
    }
    .faq-sec .title h2 {
        font-size: 40px;
    }
    .faq-sec .accordion {
        padding-left: 0;
    }
    html .accordion-button {
        font-size: 16px;
        padding: 14px 0;
    }
    html .accordion-button::after {
        width: 24px;
        min-width: 24px;
        height: 24px;
        border-radius: 6px;
        background-size: 16px;
    }
    html .accordion-body {
        padding-bottom: 14px;
        padding-right: 34px;
        font-size: 13px;
    }
    .nbt-sec {
        border-radius: 14px;
        margin-inline: 20px;
        padding-block: 30px;
    }
    .nbt-sec .title h2 {
        font-size: 36px;
    }
    .nbt-sec .btn-wpr {
        margin-top: 20px;
    }
    .qrwpr {
        padding: 30px;
        margin-top: 30px;
        display: block;
        width: 100%;
    }
    .qrwpr .image {
        width: 100%;
    }
    .qrwpr .image img {
        padding: 24px;
    }
    .qrwpr .box {
        width: 30px;
        height: 30px;
    }
    .qrwpr .box:before {
        width: 14px;
        height: 14px;
    }
    .nbt-sec .iconbox {
        border-radius: 12px;
        padding: 16px;
        margin-bottom: -1px;
        min-height: 160px;
    }
    .nbt-sec .iconbox .icon {
        width: 32px;
        height: 32px;
    }
    .nbt-sec .iconbox h5 {
        font-size: 13px;
    }
    .ftop {
        padding-block: 50px 30px;
    }
    .logocol .flogo {
        width: 150px;
        margin-inline: auto;
        margin-bottom: 20px;
    }
    .logocol .dwlink {
        width: 100px;
        margin: 0 auto;
    }
    .logocol h3 {
        text-align: center;
    }
    footer ul.links a {
        font-size: 14px;
    }
    footer ul.cinfo li {
        width: 100%;
        font-size: 14px;
    }
    .fbottom .mtext {
        height: 20px;
    }
    .fbottom .mtext h3 {
        font-size: 24px;
        transform: translateY(0);
    }
    .fbottom p {
        font-size: 14px;
        text-align: center;
    }
    .smwpr {
        gap: 10px;
        justify-content: center;
        margin-bottom: 14px;
    }
    .smwpr h6 {
        font-size: 12px;
    }
    .sicons {
        gap: 4px;
    }
    .sicons a {
        width: 34px;
        min-width: 34px;
        height: 34px;
    }
    .navmenu nav {
        width: 100%;
        padding: 30px;
    }
    .navmenu nav .navclose:before {
        width: 6px;
        height: 6px;
    }
    .navmenu nav > ul > li > a {
        font-size: 26px;
        padding: 16px 0;
    }
    .navmenu nav > ul > li > a span {
        width: 26px;
        height: 18px;
    }
    .navmenu nav > ul > li > a span:after {
        height: 18px;
        background-size: 26px;
    }
    .navmenu nav > ul > li > a:hover span:after {
        width: 26px;
    }
    .sqr-sec .images-wpr {
        max-width: 95%;
    }
    .sqr-sec .images-wpr img {
        width: 40px;
    }
}