@media (min-width: 1000px) {
    #form-footer {
        width: 100%;
        background: linear-gradient(102deg, rgba(54, 54, 54, 0.50) 0%, rgba(29, 29, 29, 0.26) 37.58%, rgba(0, 0, 0, 0.00) 79.15%), url('/local/components/terem/form.form/templates/mobile.template.brigade.footer/img/desktop.jpg') no-repeat center top;
        background-size: cover;
        padding: 81px 0 80px;
    }

    #form-footer .wrapper {
        margin: 0 auto;
    }

    #form-footer .tx {
        text-align: left;
        max-width: 686px;
        margin: 0 0 39px 0;
    }

    #form-footer .h1 {
        font: 600 60px/130% var(--title-font);
        color: var(--background);
    }

    #form-footer .form-wrapper .h5.response-inner p {
        text-align: start;
        color: var(--background);
    }

    #form-footer .form-wrapper {
        max-width: 686px;
        margin-left: 0;
    }

    #form-footer .form-wrapper form {
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
    }

    #form-footer .form-wrapper .ln {
        min-width: 308px;
    }

    #form-footer .form-wrapper .ln.message,
    #form-footer .form-wrapper .ln.policy,
    #form-footer .form-wrapper .btn-wrapper {
        width: 100%;
        min-width: 100%;
    }

    #form-footer .form-wrapper .input-wrapper {
        width: 100%;
        max-width: 645px;
        border-bottom: 1px solid var(--border-color);
    }

    #form-footer .input-wrapper.focus {
        border-bottom: 2px solid var(--border-color);
    }

    #form-footer .form-wrapper input.text,
    #form-footer .form-wrapper .input-wrapper .placeholder {
        color: var(--background) !important;
        opacity: 0.8;
    }

    #form-footer .form-wrapper .ln.text {
        color: var(--background);
        text-align: left;
        margin: 33px 0 0;
    }

    #form-footer .ln.policy {
        margin: 32px 0 0;
    }

    #form-footer .ln.policy .policy-placeholder {
        color: var(--background);
    }

    #form-footer .ln a {
        color: var(--background);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--background)), to(var(--background)));
        background-image: linear-gradient(to right, var(--background) 0, var(--background) 100%);
    }

    #form-footer .ln a:hover {
        color: var(--background);
        background-image: none;
    }

    #form-footer .button {
        width: 307px;
        margin: 0;
        padding-top: 1px;
    }

    #form-footer .button:hover {
        border: 1px solid var(--background);
    }

    input:-webkit-autofill {
        transition: all 0s 50000s !important;
        box-shadow: none !important;
    }
}

@media (max-width: 999px) {
    #form-footer:before {
        content: '';
        display: block;
        width: 100%;
        height: 410px;
        background: url('/local/components/terem/form.form/templates/mobile.template.brigade.footer/img/mobile.jpg') no-repeat, lightgray 50%;
        background-size: cover;
        background-position: center;
    }

    #form-footer .wrapper {
        padding-left: 1px;
    }

    #form-footer .tx {
        margin-top: 60px;
    }

    #form-footer .tx .h1 {
        max-width: 350px;
        font-size: 30px;
        margin-bottom: 31px;
        padding: 0;
    }

    #form-footer .form-wrapper {
        max-width: 343px
    }

    #form-footer .ln.text {
        max-width: 345px;
        padding-right: 0px;
    }

    #form-footer .button.submit {
        max-width: 343px;
        padding-top: 2px;
    }
}

@media (max-width: 640px) {
    #form-footer:before {
        height: auto;
        min-height: 200px;
    }

    #form-footer .wrapper {
        padding-left: 0;
    }

    #form-footer .tx {
        margin-top: 30px;
    }

    #form-footer .tx .h1 {
        font-size: 21px;
        margin-bottom: 30px;
    }

    #form-footer .ln.text {
        margin-top: 41px;
    }

    #form-footer .button.submit {
        padding-top: 1px;
    }
}