@media (max-width: 1100px) {
    .site-header {
        width: 100%;
        z-index: 1000;
        background-color: #fafafaf7;
        border-bottom: 1px solid rgba(185, 195, 206, 0.4);
    }

    .header-main__inner {
        flex-direction: column-reverse;
        flex-wrap: wrap;
        gap: 1em;
    }

    .header-main__nav {
        flex-wrap: nowrap;
        width: 100%;
    }

    .search-wrapper {
        max-width: none;
    }

    .header-top__left,
    .header-top__right,
    .header-main__nav-links,
    .header-main__actions {
        display: none !important;
    }
  
    .mobile-menu-button {
        display: flex !important;
    }

    .footer-container {
        flex-wrap: wrap;
        padding: 30px 20px;
    }

    .footer-subscribe {
        align-items: center;
        width: 100%;
    }

    .interior-solutions-row {   
        flex-wrap: wrap;
    }

    .large-mode,
    .small-mode {
        width: 100%;
    }
    
    .horeca-body {
        flex-wrap: wrap;
        justify-content: center;
        gap: 2em;
        padding: 2em;
    }

    .horeca-text {
        align-items: center;
    }

    .horeca-right {
        justify-content: center;
        width: 100%;
        max-width: 640px;
        height: 640px;
    }

    .tab-sub {
        text-align: center;
    }
    
    .horeca-left {
        height: auto;
        gap: 3em;
        align-items: center;
    }
    
    .horeca-left-top {
        align-items: center;
    }

    .horeca-left-bottom {
        align-items: center;
        gap: 2em;
    }

    .tab-title {
        text-align: center;
    }

    .about-us-slide {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .about-us-left {
        justify-content: center;
        align-items: center;
    }

    .about-us-image-wrapper {
        width: 100%;
        height: auto;
    }

    .about-us-image {
        width: 100%;
        height: auto;
    }

    .about-us-right {
        align-items: center;
        min-height: auto;
        gap: 3em;
    }

    .about-us-header {
        align-items: center;
    }

    .about-us-other-content {
        align-items: center;
    }

    .about-us-content {
        align-items: center;
    }

    .about-us-text {
        text-align: center;
    }

    .about-us-nav {
        justify-content: center;
    }
    
    .contact-block {
        flex-direction: column;
        gap: 2em;
    }
}

@media (max-width: 1340px) and (min-width: 1100px) {
    .horeca-body {
        flex-wrap: wrap;
        justify-content: center;
        gap: 2em;
    }

    .horeca-text {
        align-items: center;
    }

    .horeca-right {
        justify-content: center;
        width: 100%;
        height: 640px;
    }

    .tab-sub {
        text-align: center;
    }
    
    .horeca-left {
        height: auto;
        gap: 3em;
    }
    
    .horeca-left-top {
        align-items: center;
    }

    .horeca-left-bottom {
        align-items: center;
        gap: 2em;
    }

    .horeca-tabs .tab-btn {
        width: 100%;
    }

    .tab-title {
        text-align: center;
    }
}
  
@media (min-width: 1100px) {
    .mobile-menu-button {
        display: none !important;
    }
}
 
@media (max-width: 768px) { 
    .collection-static-overlay {
        padding: 20px;
    }
    
    .collection-title {
        font-size: 24px !important;
    }
    
    .slide-title {
        font-size: 60px !important;
    }
    
    .collection-bottom-content {
        flex-wrap: wrap;
        gap: 20px;
    }

    .go-collection-button {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .large-fabric-block {
        padding: 0 1em;
    }

    .interior-solution-title {
        width: 100%;
        margin-bottom: 1em;
        font-size: 42px;
    }

    .horeca-block {
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
        gap: 3em;
    }

    .horeca-left {
        height: auto;
        gap: 3em;
    }

    .horeca-left-bottom {
        align-items: center;
    }
}


@media (max-width: 480px) {
    .site-header {
        top: 0;
    }

    .slide-title {
        font-size: 40px !important;
    }
    
    .progress-dot {
        width: 20px;
    }

    .new-collection-block {
        padding: 1em;
        margin-bottom: 2em;
    }

    .new-collection-title {
        width: 400px;
        font-size: 44px;
    }

    .large-fabric-block {
        padding: 0 1em;
    }

    .large-fabric-slide-content {
        padding: 1em;
    }

    .lf-slide-title {
        font-size: 52px;
        line-height: 100%;
    }

    .interior-solution-block {
        gap: 2em;
    }

    .interior-solution-title {
        width: 100%;
        margin-bottom: 0;
        font-size: 32px;
    }

    .horeca-head {
        max-width: none;
    }

    .horeca-head > img {
        display: none;
    }

    .horeca-body {
        gap: 2em;
        padding: 0;
    }

    .horeca-left {
        justify-content: end;
        gap: 2em;
    }

    .horeca-left-top {
        align-items: center;
        gap: 2em;
    }

    .horeca-left-bottom {
        align-items: center;
        gap: 2em;
    }

    .horeca-left {
        gap: 3em;
    }

    .horeca-tabs {
        flex-direction: column;
        max-width: none;
    }

    .horeca-tabs .tab-btn {
        width: 100%;
    }

    .tab-title {
        text-align: center;
    }

    /* Contacts */

    .page-contact {
        padding: 20px 10px;
        gap: 1em;
        align-items: center;
    }

    .contact-title {
        text-align: center;
    }

    .contact-block {
        flex-direction: column;
        gap: 0;
    }

    .contacts-block {
        padding: 20px;
        gap: 3em;
    }

    .office-card__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .office-card__title {
        text-align: left;
    }

    .contact-form {
        padding: 20px;
    }

    .wpcf7-form {
        width: auto;
        max-width: max-content;
        padding: 30px;
    }

    .region-options .wpcf7-radio {
        flex-direction: column;
    }
}