@media (max-width: 1499px) {
    .header-menu .menu,
    .header-contact {
        gap: 30px;
    }
}
@media (max-width: 1199px) {
    html {
        margin-top: 0!important;
    }
    html #wpadminbar {
        display: none;
    }
    .page-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        background-color: #fff;
        z-index: 999;
        padding: 0;
    }
    .page-header .row {
        height: 64px;
    }
    .header-logo {
        z-index: 2;
        margin: auto;
    }
    .header-logo img {
        width: auto;
        height: 32px;
    }
    .header-menu-toggler {
        position: absolute;
        top: 22px;
        right: 30px;
        display: block;
        background-image: url('data:image/svg+xml,<svg width="31" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.764 23.755v6.096H8.541v-3.965L6.908 29.85h-.926L4.34 25.886v3.965H3.117v-6.096h1.389l1.939 4.533 1.94-4.533h1.38Zm5.708 3.572c0 .175-.012.332-.035.472h-3.538c.03.35.152.623.367.82.215.199.48.298.795.298.454 0 .777-.195.97-.585h1.318c-.14.465-.407.85-.803 1.153-.396.297-.882.445-1.459.445-.466 0-.885-.102-1.258-.306a2.25 2.25 0 0 1-.865-.882c-.203-.378-.305-.815-.305-1.31 0-.5.102-.94.305-1.319.204-.378.49-.67.856-.873a2.564 2.564 0 0 1 1.267-.306c.46 0 .87.099 1.232.297.366.198.649.48.847.847.204.361.306.777.306 1.25Zm-1.267-.35c-.006-.314-.12-.564-.34-.75a1.196 1.196 0 0 0-.813-.289c-.303 0-.559.094-.769.28-.203.18-.329.434-.375.76h2.297Zm4.84-2.034c.577 0 1.043.183 1.398.55.355.36.533.867.533 1.52v2.838h-1.223V27.18c0-.385-.096-.679-.288-.883-.192-.21-.454-.314-.786-.314-.338 0-.606.105-.804.314-.192.204-.288.498-.288.883v2.672h-1.223v-4.839h1.223v.603c.163-.21.37-.372.62-.489.256-.122.536-.183.839-.183Zm7.662.07v4.838h-1.232v-.611c-.157.21-.363.376-.62.498-.25.116-.524.175-.82.175a2.08 2.08 0 0 1-1.005-.236 1.754 1.754 0 0 1-.69-.708c-.163-.314-.245-.687-.245-1.118v-2.839h1.223v2.665c0 .384.096.68.288.89.192.204.454.306.786.306.338 0 .603-.102.795-.306.192-.21.288-.506.288-.89v-2.665h1.232Z" fill="%23000"/><path d="M1.72 1h27.395M11.598 8.61h17.517M1.72 8.61h4.551M1.72 16.22h27.395" stroke="%23000" stroke-width="1.985" stroke-linecap="round"/></svg>');
        width: 31px;
        height: 32px;
        cursor: pointer;
        margin-left: auto;
        z-index: 2;
    }
    .header-menu-toggler.active {
        background-image: url('data:image/svg+xml,<svg width="31" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.764 23.755v6.096H8.541v-3.965L6.908 29.85h-.926L4.34 25.886v3.965H3.117v-6.096h1.389l1.939 4.533 1.94-4.533h1.38Zm5.708 3.572c0 .175-.012.332-.035.472h-3.538c.03.35.152.623.367.82.215.199.48.298.795.298.454 0 .777-.195.97-.585h1.318c-.14.465-.407.85-.803 1.153-.396.297-.882.445-1.459.445-.466 0-.885-.102-1.258-.306a2.25 2.25 0 0 1-.865-.882c-.203-.378-.305-.815-.305-1.31 0-.5.102-.94.305-1.319.204-.378.49-.67.856-.873a2.564 2.564 0 0 1 1.267-.306c.46 0 .87.099 1.232.297.366.198.649.48.847.847.204.361.306.777.306 1.25Zm-1.267-.35c-.006-.314-.12-.564-.34-.75a1.196 1.196 0 0 0-.813-.289c-.303 0-.559.094-.769.28-.203.18-.329.434-.375.76h2.297Zm4.84-2.034c.577 0 1.043.183 1.398.55.355.36.533.867.533 1.52v2.838h-1.223V27.18c0-.385-.096-.679-.288-.883-.192-.21-.454-.314-.786-.314-.338 0-.606.105-.804.314-.192.204-.288.498-.288.883v2.672h-1.223v-4.839h1.223v.603c.163-.21.37-.372.62-.489.256-.122.536-.183.839-.183Zm7.662.07v4.838h-1.232v-.611c-.157.21-.363.376-.62.498-.25.116-.524.175-.82.175a2.08 2.08 0 0 1-1.005-.236 1.754 1.754 0 0 1-.69-.708c-.163-.314-.245-.687-.245-1.118v-2.839h1.223v2.665c0 .384.096.68.288.89.192.204.454.306.786.306.338 0 .603-.102.795-.306.192-.21.288-.506.288-.89v-2.665h1.232Z" fill="%23000"/><path d="M1.72 1h27.395M11.598 8.61h17.517M1.72 8.61h4.551M1.72 16.22h27.395" stroke="%23000" stroke-width="1.985" stroke-linecap="round"/></svg>');
    }
    .header-menu {
        display: none;
        position: fixed;
        top: 64px;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        flex-direction: column;
        padding: 0 30px 30px;
        overflow-y: auto;
        margin: 0;
        gap: 20px;
        justify-content: center;
    }
    .header-menu.active {
        display: flex;
    }
    .header-menu .menu {
        flex-direction: column;
        margin: 0;
        gap: 20px;
    }
    .header-contact {
        display: none;
    }
    .header-contact-mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .site-content {
        padding-top: 64px;
    }
    .page-temporary .hero .title {
        font-size: 63px;
        line-height: 64.5px;
    }
    .page-temporary .hero .title small {
        font-size: 40px;
    }
    .page-temporary .counters {
        gap: 30px;
    }
    .page-temporary .counter .number {
        font-size: 40px;
        line-height: 45px;
    }
    .page-temporary .footer {
        gap: 20px;
        justify-content: space-around;
        padding: 50px 0;
    }
    .section-hero .title {
        font-size: 63px;
        line-height: 64.5px;
    }
    .section-hero .subtitle {
        font-size: 40px;
        line-height: 64.5px;
    }
    .section-counters .counter .number {
        font-size: 40px;
        line-height: 45px;
    }
    .section-offer .items,
    .section-portfolio .items,
    .block-gallery .items {
        gap: 30px;
    }
    .section-offer .item,
    .section-portfolio .item,
    .block-gallery .item {
        flex-basis: calc((100% - 60px) / 3);
    }
    .block-image_and_text {
        gap: 30px;
    }
}
@media (max-width: 991px) {
    .page-temporary .hero {
        margin-bottom: 35px;
    }
    .page-temporary .hero .title {
        font-size: 40px;
        line-height: 45px;
    }
    .page-temporary .hero .title small {
        font-size: 30px;
    }
    .page-temporary .description {
        margin-bottom: 35px;
    }
    .page-temporary .counters {
        flex-direction: column;
        margin-bottom: 35px;
    }
    .page-temporary .counter .number {
        font-size: 30px;
        line-height: 35px;
    }
    .page-temporary .icons {
        flex-direction: column;
        margin-bottom: 35px;
        align-items: center;
    }
    .page-temporary .footer {
        padding: 30px 15px;
        flex-direction: column;
        gap: 15px;
        align-items: center;
        text-align: center;
    }
    .container {
        width: calc(100% - 50px);
    }
    .header-menu-toggler {
        right: 25px;
    }
    .header-menu {
        padding: 25px;
    }
    .section {
        margin: 50px 0;
    }
    .section-hero .title {
        font-size: 40px;
        line-height: 45px;
    }
    .section-hero .subtitle {
        font-size: 30px;
        line-height: 45px;
    }
    .section-counters .counter .label {
        font-size: 16px;
        line-height: 21px;
    }
    .section-icons .item .icon {
        height: 60px;
    }
    .section-icons .item .text {
        font-size: 18px;
        line-height: 27px;
    }
    .section-description .container {
        max-width: calc(100% - 50px);
    }
    .section-description .icons .item {
        flex-basis: 100%;
        height: 112px;
        padding-left: 40px;
        justify-content: flex-start;
        gap: 20px;
        flex-direction: row;
    }
    .section-description .icons .item .icon {
        width: 55px;
        height: auto;
    }
    .section-description .icons .item .text {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }
}
@media (max-width: 819px) {
    body {
        font-size: 14px;
        line-height: 21px;
    }
    .section {
        margin: 30px 0;
    }
    .section-hero .title {
        font-size: 34px;
        line-height: 35px;
    }
    .section-hero .subtitle {
        font-size: 22px;
        line-height: 35px;
    }
    .section-image_and_text .row,
    .section-image_and_text .row.invert {
        flex-direction: column-reverse;
    }
    .section-image_and_text .title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 13px;
    }
    .section-image_and_text .text {
        gap: 16px;
    }
    .section-image_and_text .image-container {
        max-width: 100%;
        min-width: 100%;
    }
    .section-image_and_text .image-container img {
        width: 100%;
        height: auto;
        aspect-ratio: 343 / 207;
        object-fit: cover;
    }
    .section-counters .row {
        gap: 20px;
        justify-content: flex-start;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .section-counters .counter {
        aspect-ratio: initial;
        height: 170px;
        flex: auto;
    }
    .section-icons .row {
        gap: 30px;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .section-icons .item {
        min-width: 100%;
        gap: 16px;
    }
    .section-description {
        background-color: #EDEDED;
    }
    .section-description .container {
        overflow: visible;
    }
    .section-description .row,
    .section-description .row.invert {
        flex-direction: column;
        gap: 30px;
        justify-content: flex-start;
        background-color: #EDEDED;
    }
    .section-description .image-container {
        min-width: calc(100% + 50px);
        max-width: calc(100% + 50px);
        display: block;
        position: relative;
        left: -25px;
    }
    .section-description .image-container img {
        width: 100%;
        height: auto;
        aspect-ratio: 394 / 277;
        object-fit: cover;
    }
    .section-description .text-container {
        max-width: 100%;
        margin: 0;
        padding: 0 0 30px;
    }
    .section-description .title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 13px;
    }
    .section-description .text {
        gap: 16px;
    }
    .section-description .icons {
        margin: 0 0 20px;
        gap: 20px;
    }
    .section-description .icons-title {
        margin-bottom: 0;
    }
    .section-offer .title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 13px;
        text-align: left;
    }
    .section-offer .text {
        text-align: left;
        max-width: 100%;
        margin: 0;
    }
    .section-offer .item .text {
        font-size: 16px;
        line-height: 24px;
        margin-top: 10px;
    }
    .section-offer .btn {
        margin: 0;
    }
    .section-portfolio {
        padding: 30px 0;
    }
    .section-portfolio .title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 13px;
        text-align: left;
    }
    .section-portfolio .text {
        text-align: left;
        max-width: 100%;
        margin: 0;
    }
    .section-portfolio .btn {
        margin: 0;
    }
    .section-contact .row {
        flex-direction: column;
        gap: 30px;
        justify-content: flex-start;
    }
    .section-contact .text-container {
        min-width: 100%;
    }
    .page-textpage {
        padding-top: 30px;
    }
    .page-textpage .page-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: -10px;
    }
    .page-image {
        width: 100%;
        height: auto;
        aspect-ratio: 375 / 100;
        object-fit: cover;
    }
    .block {
        margin: 30px 0;
    }
    .block .text {
        gap: 16px;
    }
    .block-image_and_text,
    .block-image_and_text.invert {
        flex-direction: column-reverse;
        gap: 20px;
    }
    .block-image_and_text .image {
        max-width: 100%;
        min-width: 100%;
        object-fit: cover;
        aspect-ratio: 1 / 1;
    }
    .block .text ul {
        padding-left: 15px;
    }
}
@media (max-width: 767px) {
    .page-temporary .hero .title {
        position: static;
        transform: none;
        color: #000;
        margin-top: 35px;
    }
    .page-temporary .hero .title {
        font-size: 30px;
        line-height: 35px;
    }
    .page-temporary .hero .title small {
        font-size: 20px;
    }
    .section-offer .items, .section-portfolio .items, .block-gallery .items {
        margin: 30px 0 30px;
        gap: 20px;
        row-gap: 20px;
    }
    .section-offer .item, .section-portfolio .item, .block-gallery .item {
        flex-basis: 100%;
    }
    .section-offer .item .image {
        aspect-ratio: 343 / 100;
    }
}