/* Large desktop adaptation without changing root rem scale */
@media (min-width: 1600px) and (max-width: 1919px) {
    body {
        line-height: 1.72 !important;
    }

    .container {
        width: 94% !important;
        max-width: 1440px !important;
    }

    .max-w-5xl {
        max-width: 68rem !important;
    }

    .max-w-6xl {
        max-width: 76rem !important;
    }

    .max-w-7xl {
        max-width: 84rem !important;
    }
}

@media (min-width: 1920px) and (max-width: 2559px) {
    body {
        line-height: 1.74 !important;
    }

    .container {
        width: 94% !important;
        max-width: 1560px !important;
    }

    .max-w-5xl {
        max-width: 70rem !important;
    }

    .max-w-6xl {
        max-width: 80rem !important;
    }

    .max-w-7xl {
        max-width: 88rem !important;
    }
}

@media (min-width: 3200px),
       (min-width: 2560px) and (min-resolution: 1.25dppx),
       (min-width: 2560px) and (-webkit-min-device-pixel-ratio: 1.25) {
    body {
        line-height: 1.76 !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.22;
    }

    .container {
        width: 94% !important;
        max-width: 1680px !important;
    }

    .section-title {
        margin-bottom: 84px;
        padding: 0 120px;
    }

    .header .header-inner {
        height: 84px;
    }

    .header .nav li a {
        padding: 30px 16px;
    }

    .button .download-btn,
    .button .experience-btn {
        width: 320px;
        height: 120px;
        line-height: 120px;
        background-size: 320px 120px;
    }

    .max-w-5xl {
        max-width: 72rem !important;
    }

    .max-w-6xl {
        max-width: 84rem !important;
    }

    .max-w-7xl {
        max-width: 94rem !important;
    }
}

@media (min-width: 3840px) {
    .container {
        max-width: 1760px !important;
    }

    .max-w-6xl {
        max-width: 88rem !important;
    }

    .max-w-7xl {
        max-width: 100rem !important;
    }
}