@media screen and (max-width: 1300px) { 
    #header ,
    .f-7 .floating-text ,
    #page #main .main-content .region--front-page > *:not(.no-padding),
    .page-node-type-article main,
    .node-11 main,

    .g-1 {
        padding: 0 10px;
    }
    .f-6 .block__content , .f-3 .block__content {padding: 0 10px;}
    .site-footer {
        padding: 40px 10px;
    }

    .node-12 main .f-11,
    .node-12 main .f-2 {
        padding: 0 10px;
    }
    .node-12 main .f-11 {padding: 40px 10px;}
}

@media screen and (max-width:1200px) {
    .page-node-type-article #page #main .region--article-page, .page-node-type-article #page #main .region--article-sidebar {
        flex: 0 0 100%;
        padding: 0;
        border: 0;
    }
}
@media screen and (max-width:1100px) {
    .f-2 .cards {grid-template-columns: repeat(2, 1fr); gap: 1rem;}
    footer .footer-links { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
}
@media screen and (max-width:1000px) {
    
    #header-nav {display: none;}
    #header .main-menu , #header .inner_container { display: none; }
    .robben {display: block;}
    .f-7 .floating-text .autocomplete-text { font-size: clamp(1.5rem, 3vw, 2rem); line-height: 30px; text-align: center; padding: 20px;}
    .f-3 .card-data .row {padding: 50px;     min-width: unset;}
    .centeralOffice {display:flex;flex-direction: column;}
    .f-10 .showMap {position: relative;}
    .f-10 .office-info {width: 100%;}

}

@media screen and (max-width:900px) {
    .f-3 .block__content .card-data {grid-template-columns: repeat(2, 1fr); gap: 1rem;}
    footer .copyright .block__content { flex-direction: column-reverse; text-align: center; gap: 2rem; }
    .f-5 .cards {gap: 1rem;}
    .f-5 .cards {grid-template-columns: repeat(2, 1fr);}
    .g-1 .grid {grid-template-columns: repeat(1, 1fr); }
    .j-2 form { grid-template-columns: repeat(1, 1fr); }
    .g-1 .btns button { width: 100%; padding: 20px 43px;}
    .j-2 {padding: 0px; border: 0;}
    .article .views-row .article-title {font-size: 25px; line-height: 35px; }


}

@media screen and (max-width:800px) {
    .top-header {display: none;}
    .f-7 .video-box video { height: 75vh;}
    .f-3 .right * {font-size: 100px;}
    body:not(.path-frontpage) #main-wrapper {
        margin-top: 100px;
    }
    body.node-12 #main-wrapper {
        margin-top: 80px !important;
    }
}

@media screen and (max-width: 700px) {
    .f-1 .cards {grid-template-columns: repeat(1, 1fr); gap: 1rem;}
    .f-3 .block__content .goods-counter {flex-direction: column;gap: 4rem;}
    .f-5 .cards .card .info-wrapper .title {min-height: unset;  max-height: unset;}
    .f-2 .cards .card {flex-direction: column; align-items: center; gap: 1rem;}
    .f-2 .cards .card .content , .f-2 .cards .card .image {width: 100%;}
    .f-3 .card-data .row {padding: 40px;}
    .region--front-page > .block {margin-bottom: 40px;}
    footer .footer-links { grid-template-columns: repeat(1, 1fr); }
    .f-10 .showMap {display: none;}
    .j-1 .card .content {flex-direction: column; gap: 2rem; align-items: center; }
}

@media screen and (max-width: 600px) {
    .f-5 .cards {grid-template-columns: repeat(1, 1fr);}
    .f-3 .card-data .row .number {font-size: 35px;margin-bottom: 15px;}
    .f-2 .cards .card .name ,
    .f-3 .card-data .row .text {font-size: 18px;}
    .f-3 .card-description span , .title-header div {font-size: 13px}
}
@media screen and (max-width: 500px) {
    
}

@media screen and (max-width: 400px) {
    .f-2 .cards { grid-template-columns: repeat(1, 1fr);}
}