@media screen and (max-width: 1440px) {
    .index-banner__content {
        margin-bottom: 60px;
    }
    h1.section-title {
        font-size: 42px;
    }
    h2.section-title {
        font-size: 24px;
    }
    .work-banner {
        width: calc(50% - 12px);
        height: 350px;
    }
    .fos-form {
        flex-direction: column;
        max-width: 315px;
    }
    .fos {
        align-items: flex-start;
    }
    .fos-form > * {
        width: 100%;
    }
    .footer-contact:last-child {
        width: 200%;
    }
    .management-swiper .swiper-slide > p {
        width: 100%;
        padding: 0 24px;
    }
    .work-header > .section-title {
        max-width: 460px;
        width: 55%;
    }
}
@media screen and (max-width: 1124px) {
    h1.section-title {
        font-size: 36px;
    }
    h2.section-title {
        font-size: 22px;
    }
    .work-header > .section-title {
        max-width: 422px;
    }
}
@media screen and (max-width: 1024px) {
    .wrapper-container {
        padding: 0 60px;
    }
    .work-banners > .swiper-wrapper {
        flex-wrap: nowrap;
        gap: 0;
    }
    .work-banner {
        width: 350px;
        height: 350px;
    }
    .management-swiper > .swiper-wrapper {
        flex-wrap: nowrap;
        gap: 0;
    }
    .management-swiper .swiper-slide {
        width: 250px;
        height: 250px;
    }
    .management-swiper {
        margin-top: 40px;
    }
}

@media screen and (max-width: 880px) {
    .work-header {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        margin-bottom: 40px;
    }
    .work-header > .section-title {
        max-width: 100%;
        width: 100%;
        margin-top: 24px;
    }
    .main-wrapper {
        gap: 150px;
        padding: 150px 0;
    }
    .header-navbar {
        position: absolute;
        z-index: 11;
        width: 100%;
        height: 100%;
        background: #fff;
        left: 100%;
        transition: 0.3s;
    }
    .header-navbar.active {
        left: 60px;

    }

    .burger {
        display: flex;
        position: relative;
        z-index: 12;
        width: 32px;
        background: #fff;
        height: 32px;
    }
    .burger::before {
        content: '';
        height: 100%;
        width: 10px;
        left: 0;
        top: 0;
        transition: .3s;
        background: #fff;
        position: absolute;
    }
    .burger > svg {
        width: 100%;
        height: 100%;
    }
    .burger path {
        transition: .3s;
    }
    .burger:hover path, .burger.active path {
        stroke: #1467BB;
    }
    .burger.active::before {
        left: -10px;
        opacity: 0.5;
    }
    .fos {
        padding: 40px;
        flex-direction: column;
        align-items: center;
    }
    .fos-header {
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }
    .fos-form {
        width: 100%;
        margin-top: 40px;
    }
    .footer {
        align-items: center;
        justify-content: center;
    }
    .footer-contacts {
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .footer-contact:last-child {
        width: 100%;
    }
    .copyright {
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin-top: 24px;
    }   
    .advanced-fos-modal {
        flex-direction: column;
        gap: 24px;
    }
    .modal-info .price {
        margin-top: 24px;
    }
}
@media screen and (max-width: 564px) {
    .main-wrapper {
        gap: 120px;
        padding: 120px 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 30.54%, rgba(98, 97, 97, 0.9) 35.11%, rgba(0, 0, 0, 0.9) 38.08%);
    }
    .wrapper-container {
        padding: 0 24px;
    }

    * {
        font-size: 16px;
    }
    h1.section-title {
        font-size: 28px;
    }
    h2.section-title {
        font-size: 18px;
    }
    .iframe-container {
        border-radius: 10px;
    }
    .footer {
        padding: 24px;
    }
    .footer > a {
        width: 100%;
        display: flex;
    }
    .index-banner__content > .button {
        max-width: 100%;   
    }
    .fos {
        padding: 32px 20px;
    }
    .fos-header > * {
        text-align: center;
    }
    .modal {
        border-radius: 0;
        height: 100%;
        padding: 80px 24px;
    }
    .advanced-fos-modal .modal-fos {
        padding: 0;
        background: none;
    }
    .advanced-fos-modal .modal-fos input {
        background: #fff;
    }

    .header-navbar {
        flex-direction: column;
        height: fit-content;
        left: 0;
        gap: 0;
        top: -100vh;
        justify-content: center;
        align-items: flex-start;   
    }
    .header-navbar.active {
        top: 0;
        left: 0;
    }
    .header-navbar-element {
        padding: 0 24px;
        height: 66px;
        display: flex;
        align-items: center;
    }
}