@media (max-width: 1024px) {
    section.first-screen .first-screen__wrapper {
        flex-direction: column;
        align-items: center;
        gap: 32px;
        text-align: center !important;
    }

    section.first-screen {
        background-position: bottom;
        background-size: cover;
        padding-top: 120px;
        padding-bottom: 80px;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 36px;
        line-height: 1;
    }

    h4 {
        font-size: 20px;
    }

    h3 {
        font-size: 24px;
    }

    section.how-it-works {
        padding: 48px 0;
    }

    section.how-it-works ul {
        margin-top: 32px;
    }

    section.how-it-works ul {
        gap: 16px;
    }

    section.how-it-works ul li {
        padding: 30px 24px;
    }

    section.safety .safety__wrapper {
        flex-direction: column;
    }

    section.safety {
        padding: 48px 0;
    }

    section.how-to-get {
        padding: 48px 0;
    }

    section.how-to-get ul {
        margin-top: 32px;
    }

    section.how-to-get ul li {
        padding: 30px 24px;
    }

    footer {
        padding: 48px 0 10px 0;
        text-align: center !important;
    }

    footer h2 {
        margin-bottom: 48px;
    }

    footer .footer__wrapper {
        flex-direction: column;
        align-items: center;
        padding: 30px 24px;
    }

    footer h2 {
        font-size: 32px;
    }

    .container {
        padding: 0 12px;
    }

    .calculator {
        padding: 30px 24px;
    }

    .calculator .discount-wrapper .percent {
        font-size: 32px;
    }

    .calculator .discount-wrapper p {
        font-size: 14px;
    }

    .calculator .discount-wrapper {
        padding: 16px;
    }

    section.safety h2 {
        text-align: center;
        font-size: 32px;
    }

    footer .footer__wrapper .wrapper {
        flex-direction: column;
        align-items: center;
    }

    footer .contacts-wrapper {
        justify-content: center;
    }

    footer .contacts-wrapper .contact-item {
        justify-content: center;
    }

    footer .footer-logo {
        margin-inline: auto;
    }

    footer .documents-list {
        gap: 16px;
    }

    footer .additional-info-wrapper.mobile {
        display: block;
    }

    footer .additional-info-wrapper.desk {
        display: none;
    }
    h1 {
        text-align: left;
    }
}

@media (max-width: 500px) {
    section.first-screen {
        background: url("../img/first-screen-mobile-bg.png") bottom right no-repeat, #FFFFFF;
        padding-top: 80px;
        background-size: 500px 600px;
    }

    .btn.btn-transparent {
        height: 44px;
    }

    header .logo img {
        width: 130px;
    }

    footer {
        background: url("../img/footer-bg-img-mobile.png") bottom right no-repeat, linear-gradient(180deg, #E7EFFF 0%, #FFFFFF 100%);
    }
}