/* Responsive styles for inbound page */

@media (max-width: 1400px) {
    section .fw {
        width: 100%;
        max-width: 1200px;
        padding-left: 20px;
        padding-right: 20px;
    }

    section.fifth-screen .fw.dark .blocks .w70.bg {
        background-position: left center;
    }
    
    section.eleventh-screen .fw .blocks .block .grafik {
        width: 320px;
    }
    
    section.eleventh-screen .fw .blocks .block .counts .count .count__text {
        font-size: 16px;
    }
    
    section.tenth-screen .fw .blocks .block {
        height: auto;
    }
}

@media (max-width: 1240px) {
    section .fw {
        max-width: 960px;
    }

    section.third-screen .blocks {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    section.third-screen .block_2,
    section.third-screen .block_3,
    section.third-screen .block_4,
    section.third-screen .block_5,
    section.third-screen .block_6 {
        margin-left: 0;
    }

    section.fourth-screen .col2__right {
        min-width: 320px;
    }

    section.fifth-screen .fw.dark .blocks .w30 {
        width: calc(50% - 25px);
    }

    section.fifth-screen .fw.dark .blocks .w70 {
        width: 100%;
    }

    section.sixth-screen .fw .blocks.col2 .w70 {
        width: 100%;
    }

    section.sixth-screen .fw .blocks.col2 .w30 {
        width: 100%;
        min-width: 0;
    }

    section.seventh-screen:before {
        display: none;
    }

    section.tenth-screen .fw .blocks {
        flex-wrap: wrap;
    }

    section.tenth-screen .fw .blocks .block {
        width: calc(50% - 10px);
    }

    section.eleventh-screen .fw .blocks .block {
        width: calc(50% - 10px);
    }

    section.twelfth-screen .fw .spoilers .spoiler.active .spoiler__text {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .bg {
        gap: 80px;
    }

    section .fw {
        max-width: 720px;
    }

    section.second-screen p,
    section.third-screen p,
    section.fourth-screen .col2__left p,
    section.fifth-screen .fw.dark p {
        width: 100%;
    }

    section.fourth-screen .col2 {
        flex-direction: column;
    }

    section.fifth-screen .fw.dark {
        padding: 40px 20px;
        border-radius: 30px;
    }

    section.sixth-screen .fw .blocks.col2 .w70 .w50 {
        width: 100%;
    }

    section.ninth-screen .fw .blocks.col-2 .block {
        width: 100%;
    }
}

@media (max-width: 768px) {
    section .fw {
        max-width: 540px;
    }

    section.first-screen h1 {
        font-size: 48px;
    }

    section.second-screen h2,
    section.third-screen h2,
    section.fourth-screen .col2__left h2,
    section.fifth-screen .fw.dark h2,
    section.sixth-screen .fw h2,
    section.eighth-screen .fw h2,
    section.ninth-screen .fw h2,
    section.tenth-screen .fw h2,
    section.eleventh-screen .fw h2,
    section.twelfth-screen .fw h2,
    section.thirteenth-screen .fw h2 {
        font-size: 32px;
    }

    section.fifth-screen .fw.dark .blocks .w30 {
        width: 100%;
    }

    section.tenth-screen .fw .blocks .block {
        width: 100%;
        height: auto;
    }

    section.eleventh-screen .fw .blocks .block {
        width: 100%;
        height: auto;
    }

    section.twelfth-screen .fw .spoilers .spoiler .spoiler__ttl {
        height: auto;
    }

    section.twelfth-screen .fw .spoilers .spoiler .spoiler__ttl .spoiler__ttl__text {
        font-size: 20px;
        flex-direction: column;
        gap: 10px;
    }

    section.twelfth-screen .fw .spoilers .spoiler .spoiler__ttl .spoiler__ttl__text span.price_new.ok {
        margin-top: 10px;
    }

    section.twelfth-screen .fw .spoilers .spoiler .spoiler__ttl .spoiler__ttl__text span.price_old.ok {
        transform: rotate(4deg);
        margin-top: -47px;
    }

    section.twelfth-screen .fw .spoilers .spoiler .spoiler__text .spoiler__text__footer {
        flex-direction: column;
        align-items: flex-start;
    }

    section.twelfth-screen .fw .spoilers .spoiler .spoiler__text .spoiler__text__footer .call-btn {
        width: 100%;
    }

    section.twelfth-screen .fw .spoilers .spoiler .spoiler__text .spoiler__text__footer .tags {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 0px;
    }

    section.thirteenth-screen .fw .form {
        width: 100%;
    }

    section.seventh-screen .fw.dark {
        height: auto;
        padding: 30px 20px;
        border-radius: 30px;
    }

    section.seventh-screen .fw.dark .price_new {
        margin: -55px 0 0 20px;
    }

    section.seventh-screen .fw.dark .call-btn {
        font-size: 18px;
    }
}

@media (max-width: 576px) {

    body {
        width: 100%;
        overflow-x: hidden;
    }

    .fw {
        width: 100%;
        max-width: 100%;
    }

    .header .fw,
    .footer .fw {
        margin: 0 20px;
        width: auto;
    }


    section .fw {
        width: 100%;
        margin: 0;
    }

    .bg {
        gap: 60px;
    }

    section.first-screen h1 {
        font-size: 36px;
    }

    section.first-screen .call-btn {
        font-size: 18px;
    }

    section.second-screen h2,
    section.third-screen h2,
    section.fourth-screen .col2__left h2,
    section.fifth-screen .fw.dark h2,
    section.sixth-screen .fw h2,
    section.eighth-screen .fw h2,
    section.ninth-screen .fw h2,
    section.tenth-screen .fw h2,
    section.eleventh-screen .fw h2,
    section.twelfth-screen .fw h2,
    section.thirteenth-screen .fw h2 {
        font-size: 28px;
    }

    section.third-screen .block_1,
    section.third-screen .block_2,
    section.third-screen .block_3,
    section.third-screen .block_4,
    section.third-screen .block_5,
    section.third-screen .block_6 {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    section.third-screen .block_1 .block_1__bg,
    section.third-screen .block_2 .block_2__bg,
    section.third-screen .block_3 .block_3__bg,
    section.third-screen .block_4 .block_4__bg,
    section.third-screen .block_5 .block_5__bg,
    section.third-screen .block_6 .block_6__bg {
        width: 100%;
        border-radius: 30px;
    }

    section.sixth-screen .fw .blocks.col2 .w30 form {
        padding: 30px 15px;
    }

    section.eleventh-screen .fw .blocks {
        padding: 0;
    }

    section.eleventh-screen .fw .blocks .block .counts .count .count__ttl {
        font-size: 10px;
    }

    section.eleventh-screen .fw .blocks .block .counts .count .count__text {
        font-size: 14px;
    }

    section.eleventh-screen .fw .blocks .block .grafik {
        width: 100%;
    }

    section.twelfth-screen .fw .spoilers .spoiler {
        height: auto;
    }

    section.thirteenth-screen .fw h2 {
        text-align: center;
    }

    section.twelfth-screen .fw .spoilers .spoiler.active:nth-child(1) {
        padding-bottom: 150px;
        background: url(/assets/img/spoiler.png) bottom right 0px no-repeat, linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.9) 100%), #EB498B;
    }

    section.sixth-screen .fw .blocks.col2 .w30 {
        max-height: none;
    }

    section.sixth-screen .fw .blocks.col2 .w30 .form_after {
        margin-bottom: 20px;
    }

    section.fifth-screen .fw.dark .blocks .w70.bg {
        padding: 20px;
    }

}