@media (max-width: 1399px) {
    .site-header .container-header,
    .site-header.scrolled .container-header,
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1199px) {
    .home .main-navigation a {
        font-size: 12px;
    }
}

@media (min-width: 1300px) and (max-width: 1400px) {
    .home-top-block {
            padding: 32px 0 150px;
            min-height: calc(100vh - 182px);
    }
}

@media (min-width: 1000px) and (max-width: 1300px) {
    .home-top-block {
            padding: 32px 0 100px;
            min-height: calc(100vh - 132px);
    }
}

@media (max-width: 991px) {
    .main-navigation {
        position: absolute;
        top: 100px;
        right: 0;
        background: #fff;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }

    .site-header.scrolled .main-navigation {
        top: 50px;
    }

    .menu-toggle.active .burger-line:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
        width: 30px;
    }

    .menu-toggle.active .burger-line:nth-child(2) {
        transform: rotate(-45deg) translate(3px, -1px);
        width: 30px;
    }

    .main-navigation.open {
        max-height: 300px;
    }

    .main-navigation.open a {
        color: #000;
    }

    .main-navigation ul {
        flex-direction: column;
        padding: 15px;
        gap: 10px;
    }

    .menu-toggle {
        display: flex;
    }

    .site-header.scrolled {
        top: 0;
    }

    .home-top-title {
        font-size: 28px;
        max-width: unset;
    }

    .button-style-1 .button-text {
        font-size: 16px;
        padding: 17px 16px 13px 16px;
    }

    .choose-us-block,
    .services-block,
    .works-block,
    .timeline-block,
    .reviews-block,
    .contact-form-block,
    .text-image-block,
    .commitment-block,
    .steps-block,
    .pre-footer-block,
    .accordion-block,
    .offer-block,
    .our-services-block,
    .left-right-block,
    .portfolio-block,
    .categories-block,
    .location-block,
    .contacts-block {
        padding-top: 60px;
    }

    .block-top-title {
        font-size: 12px;
    }

    .block-title {
        font-size: 24px;
    }

    .choose-us-block .block-top-wrap,
    .services-block .block-top-wrap,
    .works-block .block-top-wrap,
    .text-image-block .block-top-wrap,
    .steps-block .block-top-wrap,
    .accordion-block .block-top-wrap,
    .offer-block .block-top-wrap,
    .categories-block .block-top-wrap {
        flex-direction: column;
        gap: 16px;
    }

    .choose-us-block .block-top-right,
    .services-block .block-top-right,
    .works-block .block-top-right {
        max-width: unset;
    }

    /*.site-header {*/
    /*    position: absolute;*/
    /*}*/

    .services-block .services-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .timeline-block .row-block {
        flex-direction: column;
        gap: 16px;
    }

    .timeline-block .row-title {
        font-size: 20px;
    }

    .timeline-block .row-text {
        font-size: 14px;
    }

    .reviews-block .reviews-slide-wrap {
        flex-direction: column;
        padding: 20px;
    }

    .reviews-block .reviews-title {
        margin-bottom: 5px;
    }

    .form-checkbox-block {
        max-width: unset;
    }

    .site-footer {
        margin-top: 60px;
    }

    .footer-menu .main-navigation,
    .footer-menu-privacy .main-navigation {
        position: unset;
        background: transparent;
        overflow: visible;
        max-height: unset;
        box-shadow: none;
    }

    .footer-menu .main-navigation ul,
    .footer-menu-privacy .main-navigation ul {
        padding: 0;
    }

    .footer-menu .main-navigation a,
    .footer-menu-privacy .main-navigation a {
        font-size: 14px;
    }

    .footer-menu-privacy .main-navigation ul {
        flex-direction: row;
    }

    .home .burger-line {
        background: #fff;
    }

    .page-top-block {
        padding-top: 90px;
        overflow-x: hidden;
    }

    .page-top-block .image-wrap {
        margin-top: 32px;
    }

    .text-image-block .image-wrap {
        height: 203px;
    }

    .block-text {
        font-size: 16px;
    }

    .commitment-block .block-wrap {
        flex-direction: column;
        gap: 32px;
        padding-bottom: 0;
        border-bottom: none;
    }

    .commitment-block .block-left {
        min-width: auto;
    }

    .commitment-block .block-right {
        padding-left: 0;
        border-left: none;
        gap: 24px;
    }

    .commitment-block .row-title {
        font-size: 20px;
    }

    .commitment-block .row-text {
        font-size: 14px;
    }

    .commitment-block .row-block {
        border-top: none;
        border-bottom: 1px solid #000;
        padding-top: 0;
    }

    .commitment-block .row-block:first-child {
        border-bottom: 1px solid #000;
    }

    .commitment-block .row-block:last-child {
        padding-bottom: 21px;
    }

    .steps-block .steps-slide-wrap {
        flex-direction: column-reverse;
    }

    .steps-block .image-wrap {
        min-width: auto;
        height: 174px;
    }

    .steps-block .step-title {
        font-size: 18px;
    }

    .steps-block .step-text {
        font-size: 16px;
    }

    .steps-block .steps-wrap .swiper-button-next, .steps-block .steps-wrap .swiper-button-prev {
        background-size: contain;
    }

    .steps-block .swiper-button-wrap {
        gap: 15px;
    }

    .pre-footer-block {
        margin-top: 0;
    }

    .pre-footer-block .block-title {
        font-size: 24px;
    }

    .pre-footer-block .block-text {
        font-size: 16px;
    }

    .pre-footer-block .block-wrap {
        min-height: 564px;
        justify-content: end;
        padding: 25px 16px;
    }

    .pre-footer-block .button-style-1 .button-text {
        font-size: 14px;
    }

    .accordion-block .accordion {
        font-size: 18px;
    }

    .accordion-block .panel {
        flex-direction: column;
    }

    .accordion-block .panel .image-wrap {
        width: 100%;
        min-height: 207px;
        height: 207px;
    }

    .accordion-block .accordion-item.active .panel {
        padding: 24px 16px;
    }

    .offer-block .block-items-wrap {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }

    .left-right-block .block-top-wrap {
        flex-direction: column;
    }

    .left-right-block .image-wrap {
        min-width: unset;
        height: 335px;
    }

    .left-right-block .block-top-wrap {
        gap: 0;
    }

    .portfolio-list {
        margin: 32px 0;
    }

    .portfolio-block .grid-bottom {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .portfolio-block .item-large img,
    .portfolio-block .grid-bottom img {
        height: 222px;
        object-fit: cover;
    }

    .categories-block .categories-wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .page-top-block.style_2 .block-top-wrap {
        flex-direction: column;
    }

    .location-block .block-top-wrap {
        flex-direction: column;
        gap: 32px;
    }

    .location-block .image-wrap {
        min-width: unset;
    }

    .location-block .locations-wrap svg {
        min-width: 27px;
        top: 0;
    }

    .contacts-block .block-top-center {
        flex-direction: column;
        gap: 16px;
    }

    .contacts-block .image-wrap {
        height: 220px;
    }

    .wp-singular .site-content {
        padding-top: 0;
    }

    .popup.active {
        overflow-y: auto;
        top: var(--wp-admin--admin-bar--height, 0);
    }

    .popup.active .popup__content {
        transform: translateY(229px);
    }
}

@media (max-width: 767px) {
    .choose-us-block .block-bottom-wrap {
        flex-direction: column-reverse;
        gap: 32px;
    }

    .choose-us-block .block-bottom-left {
        max-width: unset;
    }

    .services-block .services-wrap {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .works-block .swiper-button-wrap {
        justify-content: end;
    }

    .home {
        background-position: calc(100% - -180px) calc(100% - 150px);
    }

    .form-input-block {
        flex-direction: column;
    }

    .footer-top {
        flex-direction: column;
        gap: 40px;
    }

    .footer-logo-wrap {
        text-align: center;
    }

    .footer-info-wrap {
        justify-content: center;
    }

    .footer-bottom {
        flex-direction: column-reverse;
        gap: 24px;
        align-items: center;
    }

    .reviews-block .image-wrap {
        min-width: unset;
        height: 183px;
    }

    .site-branding {
        max-width: 171px;
    }

    .site-branding img {
        width: 100%;
    }

    .page-top-block .image-wrap img {
        height: 378px;
        object-fit: cover;
    }

    .page-top-block .block-bottom-wrap {
        flex-direction: column;
        margin-top: 32px;
        gap: 24px;
    }

    .page-top-block .row-block {
        border: none;
        border-bottom: 1px solid #771312;
        padding-bottom: 24px;
    }

    .page-top-block .row-title {
        font-size: 20px;
    }

    .page-top-block .row-title br {
        display: none;
    }
}

@media (max-width: 575px) {
    .footer-info-wrap {
        flex-direction: column;
        gap: 32px;
    }

    .footer-contacts-info {
        max-width: unset;
        font-size: 14px;
    }

    .footer-menu-privacy .main-navigation ul {
        gap: 0;
    }

    .footer-menu-privacy li {
        padding: 0 5px;
    }

    .home {
        background-position: calc(100% - -180px) calc(100% - 450px);
    }

    .works-block .swiper-slide {
        width: 100%;
    }

    .works-block .image-wrap {
        height: 223px;
    }
}