@media screen and (min-width: 250px) {
    .banner { background-position: center;
        max-width: 400px;}
}

@media screen and (min-width: 320px) {
    .banner { height: 190px;}
    .banner button { top: 120px; left: 230px; }
}

@media screen and (min-width: 481px) {
    .banner { height: 255px;
        max-width: 600px;}
    .banner button {
        top: 175px;
        font-size: .9rem;
        left: 300px;
    }

    .benefits.download { grid-template-columns: 35% 75%; }
    .benefits.download .image { height: 335px; }
    .benefits .image { width: 100%; height: 280px; }
    .benefits .text { padding-left: 2.5rem; }
    .benefits .benefits_05 { height: 520px; }
}

@media screen and (min-width: 768px) {
    .banner {
        top: 60px;
        height: 435px;
        background-image: url(../image/banner/banner.png);
    }

    .banner button {
        font-size: 1.2rem;
        padding: 0.5rem 2rem;
        left: 560px;
        top: 290px;
    }

    header > .container { grid-template-columns: 15% 85%; }
    header .logo { order: unset; }

    .benefits_wrap { top: 60px; }
    .benefits { grid-template-columns: 60% 40%; }
    .benefits.reverse { grid-template-columns: 40% 60%; }
    .benefits .text { padding: 0 1.2rem; }
    .benefits.reverse .text { padding: 0 1.2rem; }
    .benefits.download .image { height: 379px; }

    .footer__info { grid-template-columns: 30% 50% 20%; }
}

@media screen and (min-width: 1024px) {
    .banner { height: 480px;
        max-width: 1400px; }
    .banner button { left: 620px; top: 340px; }

    .benefits.download { grid-template-columns: 50% 50%; }
    .benefits .benefits_05 { width: 75%; margin: 0 auto; }
    .benefits.download .image { height: 615px; }

    .donwload_button { margin: 0; }
}

@media screen and (min-width: 1200px) {
    .banner { height: 575px; }
    .banner button { left: 785px; top: 375px; }
    
    .benefits .image { height: 450px; }
    .benefits .benefits_05 { height: 675px; }
    .benefits.download .image { width: 500px; }
}

@media screen and (min-width: 1400px) {
    .benefits .benefits_05 { height: 750px; }
    .banner {padding: 90px;
    max-width: 1400px;}
}