﻿@media (max-width: 1440px) {
    .section .wrapper {
        min-width: unset;
        width: 65%;
    }

    .sparkpos .section .title {
        margin: 80px 0 30px;
    }

    .sparkpos .section h1,
    .sparkpos .section .title h1 {
        font-size: 28px;
    }

    .sparkpos .section .title p {
        font-size: 18px;
        line-height: 26px;
    }

    .sparkpos .btn {
        width: 170px;
        height: 50px;
        font-size: 22px;
    }

    .sparkpos-banner {
        height: 520px;
    }

    .sparkpos-banner .banner-text {
        font-size: 16px;
        margin: 5px 0;
    }

    .sparkpos-banner .logo-text {
        font-size: 48px;
        line-height: 70px;
    }

    .sparkpos-banner .text-orange {
        font-size: 25px;
        margin: 0 0 10px -15px;
    }

    .section_branchTypeList {
        height: 200px;
    }

    .section_branchTypeList .list ul li {
        font-size: 18px;
        height: 120px;
    }

    .section_branchType {
        height: 580px;
    }

    .section_cloud {
        height: 542px;
    }

    .section_cloud h1 {
        margin: 50px 0 35px 0;
    }

    .section_memberManage h1 {
        margin: 80px 0 60px 0;
    }

    .section_memberManage .img-wrapper {
        width: 446px;
    }

    .section_memberManage .text-wrapper .item {
        font-size: 20px;
    }

    .section_memberManage .text-wrapper .txt1 {
        margin: 5px 0;
    }

    .section_memberManage .text-wrapper .item-left {
        transform: translate(calc(-100% + 80px),-50%);
    }

    .section_memberManage .text-wrapper .item-right {
        transform: translate(calc(100% + 160px),-50%);
    }

    .section_memberManage .text-wrapper .row2 .item-right {
        transform: translate(calc(100% + 248px),-50%);
    }

    .section_memberManage .img-wrapper {
        margin-bottom: 100px;
    }

    .section_client p {
        font-size: 18px;
    }

    .section_client .bottom {
        font-size: 20px;
    }

    .section_client .bottom .desc {
        font-size: 12px;
        transform: scale(0.8);
        width: 120%;
        line-height: 20px;
    }

    .section_client .content {
        margin-bottom: 80px !important;
    }

    .sparkpos-file .list-title, .sparkpos-save .list-title {
        height: 50px;
        line-height: 50px;
        font-size: 26px;
    }

    .sparkpos-file .left-img, .sparkpos-save .left-img {
        height: 367px;
    }

    .sparkpos-file .list-item, .sparkpos-save .list-item {
        font-size: 16px;
        margin-top: 20px;
    }

    .sparkpos-file .list-item .icon, .sparkpos-save .list-item .icon {
        width: 26px;
    }

    .sparkpos-highFrequency {
        padding-bottom: 70px;
    }

    .sparkpos-highFrequency .content img {
        width: 75%;
        margin: auto;
        display: block;
    }

    .sparkpos-slide {
        padding-bottom: 10px;
    }

    .sparkpos-slide .wrapper {
        width: 97%;
    }

    .sparkpos-slide .nav {
        margin: 20px auto;
        width: 63%;
    }

    .sparkpos-slide .nav-item {
        font-size: 22px;
    }

    .sparkpos-slide .nav-item text {
        padding: 0px 20px;
    }

    .sparkpos-slide .slide-content-wrapper {
        width: 63%;
        height: 386px;
    }

    .sparkpos-slide .right-txt1 {
        font-size: 35px;
        height: 80px;
        line-height: 65px;
    }

    .sparkpos-slide .right-txt2 {
        font-size: 18px;
        line-height: 26px;
        margin-top: 0px;
    }

    .right-txt2 .icon {
        width: 26px;
        height: 26px;
        left: -40px;
    }

    .sparkpos-slide .pre {
        left: 0;
    }

    .sparkpos-slide .next {
        right: 0;
    }

    .sparkpos-slide .slide-content .moreBtn {
        width: 160px;
        height: 45px;
        font-size: 22px;
        bottom: 37px;
    }

    .sparkpos-ai {
        height: 450px;
    }

    .sparkpos-ai .text-content {
        font-size: 16px;
    }

    .sparkpos-ai .text-content div {
        margin: 15px 0 15px 25px;
    }

    .sparkpos-wxd {
        height: 595px;
    }

    .sparkpos-offlineCashier .content img {
        width: 75%;
        margin: auto;
        display: block;
    }

    .sparkpos-file {
        padding: 80px 0;
    }

    .section_protect {
        height: 450px;
    }

    .section_protect .protect-content {
        width: 90%;
        margin: auto;
    }

    .section_protect .desc h2 {
        font-size: 22px;
        margin: 4px 0;
    }

    .section_protect .desc p {
        font-size: 14px;
        line-height: 20px;
    }

    .section_ex_equipment h1 {
        padding-bottom: 10px !important;
    }

    .section_ex_equipment .img-box img {
        width: 110px;
    }

    .section_ex_equipment .client-box .name {
        margin-top: 5px;
        font-size: 20px;
    }

    .section_ex_equipment .img-box {
        height: 110px;
    }

    .sectionJoin .wrapper {
        width: 65%;
        min-width: unset;
    }
}

@media (max-width: 1280px) {
    .sparkpos-banner .logo-text {
        font-size: 38px;
    }

    .sparkpos-banner .text-orange {
        font-size: 22px;
        margin: 0 0 10px -10px;
    }

    .section_client .bottom {
        font-size: 18px;
    }

    .section_client .bottom .desc {
        transform: scale(0.8);
        line-height: 18px;
    }

    .sparkpos-file .left-img, .sparkpos-save .left-img {
        height: 345px;
    }

    .sparkpos-file .list-title, .sparkpos-save .list-title {
        font-size: 23px;
    }

    .sparkpos-slide .nav-item {
        font-size: 18px;
    }

    .sparkpos-slide {
        padding-bottom: 0;
    }

    .sparkpos-slide .slide-content-wrapper {
        width: 80%;
    }

    .sparkpos-slide .right-txt1 {
        font-size: 28px;
        height: 60px;
        line-height: 60px;
    }

    .sparkpos-slide .right-txt2 {
        font-size: 14px;
    }

    .sparkpos-slide .slide-content .moreBtn {
        width: 160px;
        height: 45px;
        font-size: 20px;
    }

    .sparkpos-slide .slide-content .left-img {
        width: 52%;
        margin-top: 10px;
    }

    .sparkpos-ai .text-content div {
        margin: 10px 0 10px 25px;
    }

    .section_pay {
        height: 450px;
    }

    .section_pay ul {
        font-size: 16px;
    }

    .sparkpos .btn {
        font-size: 18px;
    }

    .section_protect {
        height: 450px;
    }

    .section_protect .desc h2 {
        font-size: 20px;
        margin: 0;
    }

    .section_protect .desc p {
        font-size: 12px;
        line-height: 20px;
    }
}

