@media (max-width: 1024px) {
    footer .footer-info-list {
        flex-direction: column;
        align-items: center;
    }

    footer .documents-list {
        justify-content: center;
    }

    footer .footer-logo {
        margin: 0 auto;
        display: block;
    }

    footer .additional-info-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        text-align: center !important;
    }

    footer .footer-text.white {
        text-align: center;
    }

    footer .footer-info-list li {
        max-width: 340px;
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 768px) {
    header .logo img {
        width: 166px;
    }

    .calculator .wrapper img {
        width: 100%;
    }

    body {
        background: url("../img/body-bg-mobile.png") no-repeat, #F5F8FF;
        background-size: cover;
        background-size: 1400px;
        height: auto;
    }

    section.for-loan ul {
        flex-direction: column;
        align-items: center;
    }

    .calculator {
        flex-direction: column;
        align-items: center;
        width: auto;
    }

    h1 {
        font-size: 28px;
    }

    .subtitle {
        font-size: 18px;
    }

    section.first-screen {
        padding-bottom: 0;
    }

    h2 {
        font-size: 24px;
        line-height: 1;
    }

    section.how-it-works ul li {
        padding: 20px 20px 40px 20px;
        height: auto;
        min-height: auto;
    }

    section.how-it-works {
        padding-bottom: 48px;
        padding-top: 64px;
    }

    section.for-loan ul li.grey {
        padding-inline: 20px;
    }

    section.first-screen {
        padding-top: 90px;
    }

    .container {
        padding: 0 12px;
    }
}

@media (max-width: 440px) {
    section.for-loan ul li {
        max-width: 400px;
    }

    footer .documents-list li {
        max-width: 500px !important;
    }

    footer .additional-info-wrapper {
        gap: 32px;
    }

    section.first-screen {
        overflow: hidden;
    }

    body {
        background-size: 1300px;
    }

    section.first-screen .calculator {
        width: 100vw;
        max-width: 1000px;
        border-radius: 10px;
    }
}