html,
body {
    overflow-x: hidden;
}
@media screen and (min-width: 1800px) {
    html {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 1800px) and (min-width: 1700px) {
    html {
        font-size: 19px !important;
    }
}
@media screen and (max-width: 1700px) and (min-width: 1600px) {
    html {
        font-size: 18px !important;
    }
}
@media screen and (max-width: 1600px) and (min-width: 1500px) {
    html {
        font-size: 16px !important;
    }
}
@media screen and (max-width: 1500px) and (min-width: 1400px) {
    html {
        font-size: 16px !important;
    }
}
@media screen and (max-width: 1400px) and (min-width: 1300px) {
    html {
        font-size: 15px !important;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1200px) {
    html {
        font-size: 14px !important;
    }
}
@media screen and (max-width: 1200px) and (min-width: 1100px) {
    html {
        font-size: 13px !important;
    }
}
@media screen and (max-width: 1100px) and (min-width: 1050px) {
    html {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 1050px) and (min-width: 992px) {
    html {
        font-size: 11px !important;
    }
}

@media screen and (min-width: 992px) {
    .big_news .news_title{
        font-weight: 800;
        font-family: Archivo, sans-serif;
        font-size: 1.875rem;
    }
}

@media screen and (max-width: 992px) {
    .mob_none{
        display: none;
    }
    .container {
        width: min(100% - 30px, 860px);
    }
    .header-wrap {
        height: auto;
    }
    .menu--show {
        display: block;
    }
    .menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 2rem 15px;
        background: rgba(7, 16, 22, 0.94);
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .card_brand {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }
    .card_parent {
        font-size: 0.9rem;
    }
    .menu a {
        display: block;
        padding: 1rem 0;
        text-align: center;
        font-size: 1.1rem;
    }
    .header-actions .btn {
        display: none;
    }
    .hero,
    .page-title,
    .article-hero {
        padding-top: 110px;
    }
    .hero-grid,
    .hero:not(.catalog-hero) .hero-grid,
    .rent-grid,
    .request-grid,
    .product-detail,
    .two-col,
    .contacts-layout,
    .featured-news {
        grid-template-columns: 1fr;
    }
    .hero:not(.catalog-hero) {
        min-height: auto;
        padding: 110px 0 70px;
    }
    .directions-section,
    .catalog-section,
    .compressors-section,
    .brands-section,
    .news-section,
    .cta-strip,
    .light-band {
        min-height: auto;
    }
    .hero-visual {
        width: min(100%, 680px);
        margin: 0 auto;
    }
    .direction-grid,
    .product-grid,
    .news-grid,
    .feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .catalog-layout {
        grid-template-columns: 1fr;
    }
    .filters {
        grid-template-columns: repeat(3, 1fr);
    }
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 42px;
    }
    .featured-news div {
        padding: 32px;
    }

    .container {
        width: calc(100% - 24px);
    }

    /*.section,*/
    /*.directions-section,*/
    /*.catalog-section,*/
    /*.compressors-section,*/
    /*.partners-section,*/
    /*.brands-section,*/
    /*.news-section,*/
    /*.request-section,*/
    /*.rent-band,*/
    /*.dark-form-band,*/
    /*.light-band {*/
    /*    padding: 56px 0;*/
    /*}*/
    .hero-actions,
    .section-head,
    .cta-strip .container,
    .footer-bottom,
    .article-cta {
        align-items: stretch;
        flex-direction: column;
    }
    .stats {
        grid-template-columns: auto 1fr;
    }
    .direction-grid,
    .product-grid,
    .news-grid,
    .feature-grid,
    .brand-grid,
    .compact,
    .filters,
    .contact-list {
        grid-template-columns: 1fr;
    }
    .check-list {
        grid-template-columns: 1fr;
    }
    .footer-grid {
        grid-template-columns: 1fr;
    }
    .footer-bottom {
        display: grid;
    }
    .hero-visual {
        display: none;
    }
    .product-card img,
    .news-card img,
    .featured-news img {
        height: 230px;
    }
    .gallery .main-photo {
        height: 320px;
    }
    .spec-grid {
        grid-template-columns: 1fr;
    }
    .ghost-btn {
        margin: 12px 0 0;
        width: 100%;
        justify-content: center;
    }



    .container{
        width: 100%!important;
        padding: 0 15px!important;
    }
    .logo img{
        width: 8rem;
    }
    .site-header .whatsapp {
        width: 2.275rem;
        height: auto;
        flex: auto;
    }
    .page_hero {
        padding-top: 6.1rem;
        padding-bottom: 3rem;
    }
    .page_hero br{
        display: none;
    }
    .page_hero_box h1 {
        font-size: 2rem;
    }
    .product_hero h1 {
        font-size: 1.5rem;
        line-height: 1.2;
    }
    h1, h2{
        line-height: 1.2;
    }
    .article{
        width: 100%;
        padding: 3rem 15px;
    }
    .btn{
        width: 100%!important;
        padding: 0!important;
        font-size: 1.1rem!important;
        height: 3.5rem!important;
    }
    .section{
        padding-top: 3rem;
    }
    .catalog_page_section {
        padding-bottom: 3rem;
    }
    .breadcrumbs {
        font-size: 0.95rem;
    }
    .article-cta {
        font-size: 1.325rem;
        text-align: center;
        line-height: 1.2;
    }
    h2, h1{
        font-size: 1.75rem;
    }
    .section-title {
        margin-bottom: 1.5rem;
    }
    .news_img {
        height: 16.625rem;
    }
    .news_date_flex {
        font-size: 1rem;
    }
    .news_date_flex span {
        padding: 0.4rem 0.7rem;
    }
    .news_title {
        font-size: 1.35rem;
    }
    .news_anons {
        font-size: 1rem;
        line-height: 1.3;
    }
    .news_item em {
        font-size: 1.1rem;
        gap: 0.45rem;
    }
    .news_item em img {
        width: 1.05rem;
    }
    .footer-logo {
        width: 10rem;
        margin: 0 auto;
        margin-bottom: 2rem;
    }
    footer{
        padding: 3rem 0;
        text-align: center;
    }
    .slogan {
        font-size: 1.1rem;
        text-align: center;
        margin: 0;
    }
    .footer-grid {
        gap: 2rem;
    }
    .site-footer a {
        font-size: 1.1rem;
    }
    .site-footer h3 {
        font-size: 1.1rem;
    }
    .socials {
        gap: 0.625rem;
        justify-content: center;
        margin: 1.4rem 0;
    }
    .footer-bottom{
        display: flex;
        flex-direction: column-reverse;
        gap: 1rem;
    }
    .footer-bottom span:last-child{
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .footer-bottom a{
        margin: 0;
    }
    .socials a {
        width: 3.375rem;
        height: 3.375rem;
        font-size: 1.2rem!important;
    }
    .eyebrow {
        font-size: 0.85rem;
    }
    .tabs button {
        padding: 0.65rem 0.9rem;
        font-size: 1rem;
    }
    .big_news .news_item{
        display: block;
    }
    .big_news .news_img {
        width: 100%;
        height: 16.625rem;
    }
    .big_news .news_pad {
        width: 100%;
    }
    main.card_page {
        padding-bottom: 4rem;
    }
    .mob_full {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .card_slider a {
        height: 21rem;
    }
    .nav_item {
        height: 7rem;
    }
    .product-info{
        padding-top: 2rem;
    }
    .product-info .btn{
        margin-top: 0.5rem;
    }
    .prod_info_brand {
        font-size: 1.1rem;
    }
    .prod_card_aval {
        font-size: 1rem;
        padding: 0.6rem 1.1rem;
    }
    .spec-grid small {
        font-size: 0.85rem;
        margin-bottom: 0.35rem;
    }
    .spec-grid b {
        font-size: 1.1rem;
    }
    .del_note img {
        width: 2.85rem;
    }
    .del_note span {
        width: calc(100% - 2.85rem);
    }
    .del_note {
        font-size: 1rem;
    }
    .del_note br{
        display: none;
    }
    .spec-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .spec-table-box {
        font-size: 1rem;
    }
    .two-col{
        gap: 0;
    }
    .card_description_bottom{
        margin-bottom: 2rem;
    }
    .chips span {
        padding: 0.7rem 0.7rem;
        font-size: 1rem;
    }
    h1 br, h2 br{
        display: none;
    }
    .dark-form-band h2 {
        font-size: 1.575rem;
    }
    .form_text {
        font-size: 1rem;
    }
    .dark-form-band .form-group label {
        font-size: 1rem;
        margin-bottom: 0.55rem;
    }
    .form_row{
        gap: 1rem;
    }
    input, select, textarea{
        height: 3.5rem;
        font-size: 1rem;
    }
    textarea{
        height: auto;
    }
    .dark-form-band {
        margin-top: 3rem;
    }
    .rent-band, .dark-form-band {
        padding: 3rem 0;
    }
    .prod_img {
        height: 22rem;
    }
    .prod_sticks span {
        padding: 0.45rem 0.75rem;
        font-size: 1rem;
    }
    .prod_brand {
        font-size: 1.1rem;
    }
    .prod_title {
        font-size: 1.3rem;
        line-height: 1.2;
    }
    .prod_anons {
        font-size: 1rem;
        line-height: 1.3;
    }
    .prod_char_item {
        font-size: 1rem;
    }
    .prod_chars {
        border-top: 1px solid #d9dcdf;
        margin-top: 1rem;
        padding-top: 1rem;
        gap: 0.7rem;
    }
    .prod_bottom .btn{
        width: 49%!important;
        font-size: 0.95rem!important;
    }
    .filters__title {
        font-size: 1.3rem;
    }
    .filters__reset {
        font-size: 1.1rem;
    }
    .filter-group__title {
        font-size: 1.1rem;
    }
    .filter-checkbox__text {
        font-size: 1.1rem;
    }
    .filter-checkbox__box {
        flex: 0 0 1.325rem;
        width: 1.325rem;
        height: 1.325rem;
    }
    .filter-checkbox input:checked + .filter-checkbox__box::after {
        left: 0.4rem;
    }
    .mob_block {
        display: block !important;
    }
    .btn.mob_filter_toggle{
        background: #2c9bab!important;
        justify-content: space-between;
        padding: 0 1.2rem!important;
        margin-bottom: 0.5rem;
    }
    .mob_filter_toggle i{
        font-size: 1rem;
        transition: all 0.35s;
    }
    .mob_filter_toggle.factive i{
        transform: rotate(-180deg);
    }
    .filters{
        display: none;
    }
    .catalog-toolbar__found{
        display: none;
    }
    .catalog-toolbar__sort > span{
        display: none;
    }
    .catalog_page_products .product-grid {
        grid-template-columns: 1fr;
    }
    .catalog-toolbar__sort select {
        height: 3rem;
        padding: 0 1.25rem 0 0.6rem;
        font-size: 1rem;
    }
    .catalog-toolbar__right {
        gap: 1rem;
        width: 100%;
        justify-content: space-between;
    }
    .hero:not(.catalog-hero) h1{
        font-size: 2rem;
    }
    .hero:not(.catalog-hero) h1 br{
        display: block;
    }
    .stats {
        max-width: unset;
        padding-top: 2rem;
    }
    .stats span {
        margin-right: 0;
        font-size: 1rem;
    }
    .hero:not(.catalog-hero) {
        min-height: 100vh;
        padding: 8rem 0 5rem;
    }
    .direction_img {
        height: 8.4rem;
    }
    .direction-card strong {
        margin: 1rem 0.7rem 0;
        font-size: 1.1rem;
    }
    .direction-card em {
        font-size: 1rem;
    }
    .direction_top span {
        font-size: 0.95rem;
        margin: 0.5rem 0.8rem 0;
        line-height: 1.3;
    }
    .direction-card em img {
        width: 1.05rem;
    }
    .direction-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .catalog-section .eyebrow, .compressors-section .eyebrow{
        margin-bottom: 1.2rem;
    }
    .compressors-section {
        padding-bottom: 3rem;
    }
    .catalog-section .tabs, .compressors-section .tabs{
        justify-content: space-between;
        gap: 0.5rem;
    }
    .catalog-section .tabs button, .compressors-section .tabs button{
        font-size: 0.9rem;
        padding: 0.65rem 0.6rem;
    }
    .catalog-section {
        padding-bottom: 3rem;
    }
    .rent_stick b {
        font-size: 1.5rem;
    }
    .checks ul li {
        position: relative;
        padding-left: 2.5rem;
        width: 100%;
        font-size: 1.1rem;
    }
    .checks ul li:after {
        width: 1.7rem;
        height: 1.7rem;
    }
    .section-head{
        gap: 0;
        margin: 0;
    }
    .light-band{
        background-attachment: unset;
        background-size: cover;
        background-position: center center;
        padding: 4rem 0;
    }
    .light-band br{
        display: none;
    }
    .metrics_item span {
        color: #f3f3f3;
        font-size: 0.95rem;
    }
    .metrics_list {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }
    .feature-grid strong {
        margin-bottom: 0.8rem;
        font-size: 1.15rem;
        line-height: 1.2;
    }
    .feature-grid p {
        font-size: 0.85rem;
        padding: 0;
    }
    .feature-grid > div {
        padding: 1.25rem;
    }
    .feature-grid, .brand-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .brands-section .section-head, .news-section .section-head{
        margin-bottom: 1.5rem;
    }
    .brand-item {
        padding: 1.25rem;
        font-size: 1.1rem;
        min-height: 5rem;
    }
    .mt_1{
        margin-top: 1.2rem;
    }
    .news-section {
        padding-bottom: 3rem;
    }
    .cta-strip {
        padding: 3rem 0;
        text-align: center;
    }
    .cta-strip p{
        margin: 0;
    }
    .request-section .section-title{
        font-size: 1.65rem;
    }
    .contact-list{
        margin-top: 0;
    }
    .cont_title {
        font-size: 0.9rem;
    }
    .contact-list {
        gap: 1.2rem;
    }
    .map-box{
        height: 18rem;
    }
    .request-grid {
        gap: 2.5rem;
    }
    .dark-form label {
        font-size: 0.95rem;
    }
    .policy {
        font-size: 0.85rem;
    }
    .modal .modal__block{
        width: 95%;
    }
    .cta-strip p br{
        display: none;
    }
}
@media screen and (max-width: 550px) {
    body {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 992px) {
    .about-banner {
        height: 20rem;
        margin-bottom: 2.5rem;
    }

    .contacts_page .page_hero h1 br{
        display: block;
    }
    .about-intro,
    .about-capabilities {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding-bottom: 3rem;
    }

    .about-values {
        grid-template-columns: 1fr;
    }

    .about-value {
        min-height: auto;
    }
}

@media screen and (max-width: 576px) {
    .about_page .page_hero_box h1 {
        font-size: 2.1rem;
    }

    .about-banner {
        height: 15rem;
        border-radius: 0.5rem;
    }

    .about-capabilities__grid {
        grid-template-columns: 1fr;
    }

    .about-value,
    .about-capability {
        padding: 1.25rem;
    }
}