@media (min-width: 80rem) and (max-width: 90rem) {
    .container {
        margin: 0 30px;
    }

}

@media (min-width: 120.01rem) {
    .page-template-page-download section.intro .intro__image {
        max-width: 75vh;
        margin-top: 5rem;
    }
}

/* 1441 - 1920 */
@media (min-width: 90.01rem) and (max-width: 120rem) {
    .page-template-page-download section.intro .intro__image {
        max-width: 90vh;
    }


}

/* 1367 - 1440 */
@media (min-width: 85.376rem) and (max-width: 90rem) {
    .page-template-page-download section.intro .intro__image {
        max-width: 90vh;
    }

}

/* 1281 - 1366 */
@media (min-width: 80.01rem) and (max-width: 85.375rem) {
    .page-template-page-download section.intro .intro__wrapper {
        gap: 150px;
    }

    .page-template-page-download section.intro .intro__image {
        max-width: 80vh;
    }


}

/* 1024 - 1280 */
@media (min-width: 64.01rem) and (max-width: 80rem) {
    section.hero .hero__content .hero__title h1 {
        font-size: 47px;
        line-height: 1.4;
    }

    .container {
        padding: 0 2rem;
    }

    .page-template-page-download section.why-choose-down .why-choose-down__wrapper,
    .versions__wrapper,
    section#why-choose-our-version .why-choose__wrapper {
        gap: 150px;
    }

    section#cta-download .cta__image {
        min-height: 100vh;
    }

    section#cta-download .cta__content {
        max-width: unset;
    }

    .page-template-page-download section.intro .intro__wrapper,
    .system-requirements__wrapper {
        gap: 60px;
    }

    .page-template-page-download section.intro .intro__image {
        max-width: 85vh;
        top: 50px;
    }
}

@media (max-width: 64rem) {
    .header__open-menu span {
       display: none;
    }
    .header__logo .header__logo-image {
        width: 180px;
        margin-top: 5px;
    }

    .header__open {
        left: -300px;
        width: 300px;
        height: 100vh;
        background-color: var(--BLACK);
        padding: 140px 30px;
    }


    section.hero .hero__content .hero__title h1 br {
        display: none;
    }

    .title-line span {
        font-size: 37px;
        line-height: 1.4;
    }

    section.hero .hero__content {
        left: 0%;
        transform: translateY(-50%);
        padding: 0 1rem;
        top: 45%;
    }

    .system-requirements__wrapper,
    .page-template-page-download section.intro .intro__wrapper,
    .page-template-page-download section.why-choose-down .why-choose-down__wrapper,
    .versions__wrapper,
    .about-game__wrapper,
    section#why-choose-our-version .why-choose__wrapper {
        grid-template-columns: 1fr;
        gap: 90px;
    }

    footer .footer__wrapper {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .page-template-page-download section.why-choose-down .why-choose__title {
        margin-bottom: 30px;
    }

    .system-requirements__list strong {
        font-size: 22px;
    }

    section#cta-download .cta__content {
        left: 0;
        transform: translateY(-50%);
        max-width: unset;
        padding: 0 15px;
    }

    section#cta-download .cta__image {
        min-height: 100vh;
    }

    .page-template-page-download section.intro .intro__image img {
        height: 350px;
    }

    .page-template-page-download section.intro .intro__image {
        top: 50px;
        bottom: 10px;
        position: relative;
        margin-top: -150px;
        max-height: 500px;
        text-align: center;
    }

    .page-template-page-download section.why-choose-down {
        padding: 100px 0 100px;
    }

    section.blog-posts .blog-posts__list {
        grid-template-columns: 1fr;
    }

    section.blog-posts .blog-posts__list article .wp-post-image {
        height: 250px;
    }

    .system-requirements__title {
        font-size: 40px;
        line-height: 1.5;
    }

    .system-requirements__image {
        text-align: center;
    }

}