@media (max-width: 1100px) {
    .font20 {
        font-size: 16px;
        letter-spacing: -0.5px;
    }
    .site-footer .padding32 {
        padding: 32px;
    }
    .padding32 {
        padding: 24px;
    }
    .padding16 {
        padding: 10px;
    }
    .gap6 {
        gap: 6px
    }
    .gap8 {
        gap: 8px
    }
    .gap12 {
        gap: 12px
    }
    .gap16 {
        gap: 16px
    }
    .gap24 {
        gap: 24px
    }
    .gap32 {
        gap: 16px;
    }
    .gap48 {
        gap: 48px
    }
    .w350 {
        width: 280px;
    }
    .padding20 {
        padding: 20px;
    }
    .padding16 {
        padding: 10px;
    }
    .padding12 {
        padding: 10px;
    }
    .box {
        border-radius: 28px;
        top: 12px;
        left: 12px;
    }
    .box1 {
        border-radius: 28px;
        top: 36px;
        left: 36px;
    }
    h4, .h4 {
        font-size: 20px;
        letter-spacing: -0.33px;
    }
    h3, .h3 {
        font-size: 26px;
        letter-spacing: -0.25px;
    }
    .btn {
        gap: 8px;
        padding: 16px;
    }
    .tabs {
        padding: 4px;
    }
    .tab.active, .tab:hover {
        border-radius: 16px;
    }
    body,
    button,
    input,
    select,
    optgroup,
    textarea {
        font-size: 14px;
        letter-spacing: -0.5px;
    }
    .height56 {
        height: 52px;
    }
    .mob-wrap {
        flex-wrap: wrap;
    }
    .news-mobile .flex1 {
        flex: unset;
    }
    .news-item {
        width: calc(50% - 12px);
    }
    .font12 {
        font-size: 12px;
    }
    .cat {
        padding: 4px 8px;
    }
    .news-img {
        height: 23vw;
    }
    .main-navigation, .site-header .not-mob.consult {
        display: none;
    }
    .mobile-menu {
        display: block;
    }
    .h920 {
        height: 700px;
    }
    .box1 .h4 {
        font-size: 16px;
    }
    .icon {
        padding: 5px;
    }
    .plan  .w651, .plan .flat-info {
        width: 100%;
        min-width: 100%;
    }
    .plan .section-inner {
        flex-direction: column;
    }
    h2, .h2 {
        font-size: 32px;
        letter-spacing: -0.25px;
    }
    h1, .h1 {
        font-size: 48px;
        letter-spacing: -0.33px;
        line-height: 100%;
    }
    .site-header .section-inner {
        height: 80px;
    }
    .hero-banner {
        margin-top: -80px;
    }
    .small-text, .news-count {
        font-size: 14px;
    }
    .border16 {
        border-radius: 16px;
    }
    .padding72 {
        padding: 48px 0;
    }
    .border24 {
        border-radius: 24px;
    }
    .border32 {
        border-radius: 32px;
    }
    .site-branding .logo svg {
        height: 48px;
        width: auto;
    }
    .dropdown-menu ul {
        font-size: 18px;
        gap: 16px;
    }
    .cont-cookie-popup {
        right: 32px;
        bottom: 32px;
        width: 500px;
    }
    .separator {
        padding: 0 10px;
    }
    .flat-slider .slider-item img {
        height: 400px;
    }
}
@media (max-width: 800px) {
    .dark1 .mobile-menu  svg path {
        fill: var(--dark);
        transition: all 0.4s;
    }
    .dark1 {
        background: rgba(255, 255, 255, 1);
    }
    .dropdown-menu {
        width: 100%;
    }
    h4, .h4 {
        font-size: 16px;
        letter-spacing: -0.5px;
    }
    .slide-item .w651 {
        width: 100%;
        min-width: 100%;
        margin-top: 48px;
    }
    .advantage {
        height: 500px;
    }
    .avd-slider, .avd-slider .slick-track, .avd-slider .slick-list, .avd-slider .slick-slide, .avd-slider .slick-slide > div, .avd-slider .slide-item  {
        height: 100%;
    }
    .flat-info-grid {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px 0px;
    }
    .info-row {
        width: 33%;
    }
    .padding72 {
        padding: 32px 0;
    }
    .map-controls {
        position: relative;
        background: var(--light);
        left: 0;
        top: 0;
        width: 100%;
        margin: 0 auto;
    }
    .contact .map-controls {
        width: calc(100% - 32px);
    }
    .contact {
        flex-direction: column;
        display: flex;
        gap:8px;
        padding: 32px 0;
    }
    .map-controls .icon {
        background: #fff;
    }
    .section-inner, .h920 {
        width: calc(100% - 32px);
    }
    .h920 {
        border-radius: 32px;
        margin: 0 auto;
        height: 343px;
        order: 1;
    }
    .attr {
        gap: 8px;
    }
    .h900 {
        height: 91.47vw;
    }
    .column-mob {
        flex-direction: column;
    }
    .news .gap48 {
        gap: 24px;
    }
    .map-container {
        order: 1;
    }
    .icon {
        height: 56px;
        width: 56px;
        min-width: 56px;
    }
    .hero-banner br {
        display: none;
    }
    .copyright {
        flex-direction: column;
        gap: 72px;
        align-items: flex-start;
    }
    .copyright .item-end {
        justify-content: center;
        width: 100%;
    }
    .main-menu, .site-footer ul {
        gap: 20px;
    }
    .tab[data-short] {
        font-size: 0;
    }
    .tab[data-short]::before {
        content: attr(data-short);
        font-size: 12px;
        letter-spacing: -0.375px;
        color: var(--grey);
    }
    sw-button {
        width: 100px !important;
        height: 100px !important;
        font-size: 12px !important;
    }
    sw-button .sw-button__wrapper {
        width: 90px !important;
        height: 90px !important;
    }
    .load svg {
        width: 100%;
        height: auto;
    }
    .load {
        width: 18%;
        max-width: 50px;
    }
    .cube {
        height: 30vw;
        width: 30vw;
    }
    .top15 {
        top: 0.9vw;
    }
    .left35 {
        left: -2.823vw;
    }
    .right35 {
        right: -2.823vw;
    }
}
@media (max-width: 600px) {
    .flat-slider .slider-item img {
        height: 250px;
    }
    .cont-cookie-popup {
        right: 16px;
        bottom: 16px;
        width: calc(100% - 32px);
        margin: 0 auto;
    }
    .cont-cookie-popup .icon {
        height: 42px;
        width: 42px;
        min-width: 42px;
    }
    .plan .padding32 {
        padding: 16px;
    }
    .projects-grid {
        gap: 8px;
    }
    .info-row {
        width: 100%;
        border-bottom: 1px solid rgba(120, 120, 128, 0.16);
        border-right: none;
        padding-bottom: 16px;
    }
    .info-row:nth-last-child(1) {
        border-bottom: none;
    }
    .news-img {
        height: 66.67vw;
    }
    .news-item {
        width: 100%;
    }
    .footer-first {
        flex-direction: column;
        gap: 32px
    }
}