@media (max-width: 1440px) {
    .width-container {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer__nav {
        gap: 24px;
    }

    .footer__content {
        padding-bottom: 24px;
        border-bottom: 1px solid var(--color-white-30);
        display: grid;
        grid-template-columns: minmax(306px, 1fr) minmax(306px, 1fr) minmax(400px, 1fr);
        gap: 24px;
        justify-content: space-between;
    }

    .logo-wrapper {
        padding: 0 0 0 16px;
    }

    .header-bar__col {
        padding: 12px 16px;
    }

    .select-city-btn {
        padding: 8px 16px;
    }

    .header-soc {
        gap: 8px;
    }
    .category-page{
        grid-template-columns: 280px 1fr;
        gap: 12px;
    }
    .characteristics-table th,
    .characteristics-table td{
        padding: 6px;
    }
    .characteristics-action{
        min-width: 240px;
        max-width: 240px;
    }

}

@media (max-width: 1120px) {
    body {
        font-size: 0.875rem;
    }

    .footer__bottom,
    .footer__nav,
    .footer__contents,
    .footer__copyright .footer__nav-list,
    .error-buttons,
    .mailing-form,
    .popup__form-action,
    .contacts-soc__cards,
    .popular-categories-section,
    .product-card__shear-buttons{
        flex-direction: column;
    }

    .footer__categories,
    .footer__content,
    .info-section__content,
    .about-section__content,
    .popular-categories,
    .product-gallery-section,
    .characteristics-list-grid,
    .content-layout{
        grid-template-columns: 100%;
    }

    /*header*/
    .stop-scroll-mobile{
        overflow: hidden;
    }

    .logo-wrapper {
        padding: 0;
    }

    .mobil-header{
        flex-direction: column;
    }

    .mobil-header__top {
        height: 56px;
    }

    .mobile-menu-burger {
        width: 44px;
        height: 44px;
        min-height: 44px;
    }

    .burger__line {
        height: 2px;
        width: 24px;
        transform: rotate(0deg);
        transition: transform 300ms;
    }

    .mobile-menu-burger .burger__line:nth-child(2) {
        margin-right: 0;
        transition: margin-right 300ms;
    }

    .open-menu .mobile-menu-burger .burger__line:nth-child(1) {
        transform: rotate(-45deg);
        position: absolute;
    }

    .open-menu .mobile-menu-burger .burger__line:nth-child(2) {
        margin-right: -70px;
    }

    .open-menu .mobile-menu-burger .burger__line:nth-child(3) {
        transform: rotate(45deg);
        position: absolute;
    }

    .cities-list{
        grid-template-columns: 100%;
    }

    .stop-scroll-mobile{
        overflow: hidden;
    }
    body.popup-open{
        padding-right: 0;
    }

    .mobile-menu{
        height: calc(100vh - 54px);
        position: absolute;
        left: 0;
        top: 54px;
        overflow-y: auto;
        padding-top: 12px;
        padding-bottom: 40px;
        display: none;
    }
    .open-menu .mobile-menu {
        display: flex;
    }

    .header-nav__list a{
        display: flex;
        padding: 8px;
        color: var(--color-light-gray);
    }


    .mobile-popup-type.active{
        transform: none;
        top: 54px;
        left: 0;
        bottom: 0;
        overflow:initial;
        position: fixed;
        width: 100%;
        background-color: var(--color-black);
        z-index: 11;
    }
    .cities__popup.active .popup-content{
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }
    .cities__popup.active .popup__form{
        flex: 1;
        overflow: hidden;
    }
    .cities__popup.active .cities-list{
        display: flex;
        flex-direction: column;
        max-height: 100%;
    }
    .popup__go-back{
        margin-top: 24px;
    }
    .mobile-type-search-wrapper{
        padding: 20px;
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .body-overlay{
        display: none !important;
    }
    .search-result-box{
        position: initial;
        flex: 1;
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
        padding-top: 0;
    }
    .search-results{
        display: flex;
        flex-direction: column;
        padding-right: 4px;
    }
    .list-style-reset__wrapper{
        display: flex;
        flex-direction: column;
        overflow: hidden;
        max-height: fit-content;
    }
    .list-style-reset__wrapper,
    .mobile-type-search-top .search-box{
        border: 1px solid var(--color-white-30);
    }

    .empty-search-result{
        flex-direction: column;
    }
    .search-box__mobile-title{
        padding-left: 14px;
    }

    .mobile-type-catalog{
        padding-top: 24px;
        padding-bottom: 10px;
    }
    .mobile-catalog-list{
        overflow-y: auto;
        max-height: 450px;
    }
    .mobile-catalog-list .subcategories-icon{
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-catalog-wrapper{
        flex: 1;
        overflow: hidden;
    }

    .mobile-subcategory-wrapper{
        display: none;
        padding: 24px 0 24px;
    }
    .mobile-subcategory-wrapper.active{
        display: flex;
        position: fixed;
        width: 100%;
        background-color: var(--color-black);
        left: 0;
        top: 54px;
        bottom: 0;
    }

    .mobile-subcategory-wrapper.active .catalog__subcategories-list{
        display: flex;
        flex-direction: column;
        gap: 12px;
        overflow-y: auto;
        flex: 1;
    }

    .catalog__subcategories-list,
    .catalog__subcategories__subcategories{
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .subcategory-to-back-btn{
        height: 40px;
    }

    .mobile-subcategory{
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow: hidden;
    }

    .catalog__list-item,
    .catalog__subcategories-list__title,
    .catalog__subcategories__subcategories a{
        display: flex;
        padding: 8px 0;
    }




        /*END Header*/
    /*footer*/
    .footer__bottom,
    .footer__contents{
        align-items: start;
    }

    .footer__nav {
        gap: 0;
    }

    .footer__developer {
        margin-top: 8px;
    }

    footer {
        margin-top: 48px;
    }

    /*END Footer*/

    .error-buttons .btn-xl {
        max-width: 100%;
    }

    .error-image__wrapper {
        max-width: 160px;
    }

    .breadcrumbs {
        padding: 8px 0 24px;
        gap: 8px;
    }
    .breadcrumbs a:after{
        margin-left: 8px;
    }

    .info-card {
        padding: 20px;
        gap: 12px;
    }

    .info-section__additional {
        margin-bottom: 16px;
    }

    /*about*/
    .about__description {
        padding: 20px;
    }

    .about__top {
        grid-template-columns:100%;
        gap: 16px;
    }

    .play-icon {
        height: 44px;
        width: 44px;
    }

    .play-icon svg {
        height: 20px;
        width: 20px;
    }

    .advantages__content {
        gap: 4px;
    }

    .advantages__item {
        padding: 16px;
    }

    .advantages {
        margin-top: 16px;
        gap: 12px;
    }

    .request-call-form {
        gap: 16px;
    }

    .content-layout__r {
        grid-template-columns: 100%;
        gap: 24px;
    }

    .layout__form-wrapper {
        margin-top: 32px;
    }
    /*NED about*/
    /*news*/
    .news__list {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .news-card__title {
        margin: 12px 0 16px;
    }

    .catalog-section {
        grid-template-columns: repeat(3, 1fr);
    }

    .catalog-card__description.active {
        display: block;
    }

    .mailing-section {
        flex-direction: column;
        padding: 24px;
    }

    .mailing-input input {
        padding: 16px;

    }

    .news-article__hero {
        gap: 8px;
    }

    .news-article {
        flex-direction: column;
        align-items: start;
        padding: 20px;
    }

    .news-article__content {
        margin-top: 24px;
    }
    /*END news*/
    /*contacts*/
    .contacts {
        grid-template-columns: 100%;
        gap: 16px;
    }

    .contacts-item__top {
        gap: 8px;
    }

    .contacts__actions {
        flex-direction: column;
        gap: 16px;
    }

    .contacts-item {
        padding: 20px;
    }

    .contacts__phone {
        gap: 24px;
    }

    .map-section{
        margin-top: 56px;
    }

    .map-section__top{
        padding: 20px 20px 80px;
    }
    /*END contacts*/

    /*pop up*/
    .popup-content{
        padding: 20px;
    }

    .popup__form-action,
    .popup__form-inputs-wrapper{
        gap: 12px;
    }

    .popup__form-input{
        gap: 8px;
    }

    .popup__form-input input{
        padding: 16px;
    }

    .success-popup__content{
        gap: 24px;
    }

    .result-popup-content{
        max-width: 280px;
    }
 /*END pop up*/

    /*home page*/
    .contacts-card{
        padding: 20px;
        border-radius: 16px;
        min-height: 178px;
    }
    .contacts-section__content{
        grid-template-columns: 100%;
        gap: 12px;
    }

    .contacts-card__soc{
        flex-direction: row;
    }

    .about-section__description-text{
        padding-left: 32px;
        background-size: 56px;
    }

    .about-section__description-item{
        padding: 0 32px;
    }

    .products-card{
        border-radius: 16px;
    }
    .product-card__content{
        gap: 12px;
    }

    .slider-button{
        display: none;
    }
    .bestsellers-section__top{
        flex-direction: column;
        align-items: start;
    }

    .popular-categories__title{
        max-width: 100%;
        padding: 16px 0;
    }

    .gallery-preview__btn{
        left: unset;
        top: 50%;
        transform: translate(0, -50%);
        z-index: 2;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .slider-button--b{
        bottom: unset;
        right: 4px;
    }
    .slider-button--b svg{
        transform: rotate(-90deg);
    }

    .slider-button--t{
        left: 4px;
    }
    .slider-button--t svg{
        transform: rotate(90deg);
    }

    .gallery-preview__btn.swiper-button-disabled{
        display: none;
    }

    .gallery-preview-image{
        height: 48px;
        width: 72px;
    }

    .main-banner__img img{
        border-radius: 16px;
    }

    .main-banner__swiper-pagination{
        gap: 4px;
    }

    .main-banner__swiper-pagination .swiper-pagination-bullet{
        width: 24px;
    }

    .main-banner__img img{
        border-radius: 16px;
    }

    .main-banner__wrapper{
        padding: 0;
        margin-top: 24px;
    }
    /*END home page*/

    /*product card page*/
    .product-page-top-content{
        flex-direction: column;
        gap: 20px;
        max-height: unset;
    }
    .product-page__gallery {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: 8px;
    }

    .gallery-preview__thumbnails,
    .card__by-btn{
        width: 100%;
    }

    .gallery-preview__wrapper{
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .characteristics-list-grid li:nth-child(4n+1),
    .characteristics-list-grid li:nth-child(4n+2){
        background-color: transparent;
    }

    .characteristics-list-grid li:nth-child(odd) {
        background-color: var(--color-dark-gray);
    }
    .documents-wrapper{
        grid-template-columns: 100%;
        gap: 8px;
    }

    .characteristics-containers{
        margin-top: 16px;
    }

    .characteristics-table{
        border-collapse: separate;
    }

    .characteristics-table tbody{
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .characteristics-table thead,
    .characteristics-table tbody tr:nth-child(even) {
        background-color: transparent;
    }

    .characteristics-table tbody td {
        display: none;
    }

    .characteristics-table tbody tr td:last-child{
        display: block;
        height: unset;
        text-align: left;
        padding: 16px;
    }

    .characteristics__mobile-title{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .characteristics__mobile-button{
        height: fit-content;
    }

    .characteristics__mobile-button:after{
        content: url("/assets/images/icons/arrow-bottom-icon.webp");
        display: flex;
        height: 20px;
        transform: scale(1, 1);
        transition:  transform 300ms;
    }
    .characteristics-content{
        display: flex;
        flex-direction: column;
        gap: 4px;
        max-height: 0;
        margin-top: 0;
        overflow: hidden;
        transition: max-height 300ms, margin-top 300ms;
    }
    .open .characteristics__mobile-button:after{
        transform: scale(1, -1);
    }
    .open .characteristics-content{
        margin-top: 8px;
    }
    /*END product card pag*/



    /*category page*/
    .category-page{
        grid-template-columns: 100%;
    }
    .subcategory-item__top{
        flex-direction: column;
    }
    .sorting-category-form{
        margin: 24px 0;
        max-width: 100%;
    }
    .characteristics-action{
        max-width: 100%;
        min-width: 200px;
    }
    .characteristics-action__button{
        width: 100%;
    }
    .characteristics-action__buttons{
        margin-top: 12px;
    }

    .characteristics-top{
        margin-bottom: 8px;
    }

    /*END category page*/

    /*basket*/
    .popup__form-inputs-inner{
        flex-direction: column;
        gap: 12px;
    }
    .basket-btn-wrapper{
        right: 10px;
    }
    .basket-products-card__description,
    .basket-products-card__content{
        flex-direction: column;
        gap: 16px;
    }
    .basket-products__delete-btn{
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .basket-products-card__quantity{
        max-width: 100%;
    }

    /*END basket*/

    /*service page*/
    .service-images{
        margin: 24px 0;
        gap: 16px;
    }
    .service-content h3{
        margin-top: 24px;
    }
    .service-content h2{
        margin-top: 56px;
    }
    .service-content .characteristics-list-grid li span{
        width: 50%;
    }
    .service-content .characteristics-list-grid li span:last-child{
        text-align: end;
    }
    .characteristics__service-images{
        display: flex;
        flex-direction: column-reverse;
    }
    .service-content__layout-form{
        margin-top: 0;
    }
    /*END service page*/

    /*service new page*/
    .serviceView-containers{
        margin-top: 24px;
    }

    .services-cards{
        grid-template-columns: 100%;
    }

    .services-card{
        padding: 20px;
        gap: 24px;
        min-height: unset;
    }

    .services-card__list{
        /*max-height: 188px;*/
        height: 188px;
        gap: 8px;
    }

    .machines-brands{
        margin-top: 16px;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .machines-brand{
        padding: 12px;
        height: 48px;
    }

    .serviceView-description__top{
        flex-direction: column;
    }

    .serviceView__panes{
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .overflowAuto__wrapper{
        padding-left: 20px;
        padding-right: 20px;
        height: 41px;
    }

    .serviceView-description__img{
        max-width: 100%;
        max-height: 250px;
    }

    .serviceView-documents{
        grid-template-columns: 100%;
        gap: 8px;
    }

    .content-layout.serviceView-layout{
        gap: 56px;
    }

    .service-equipments__item{
        grid-template-columns: 100%;
    }

    .service-equipments{
        gap: 24px;
    }

    /*END service new page*/

    .dw-catalog__cards{
        margin-top: 24px;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }


    .mb-hide {
        display: none;
    }

    .mb-show {
        display: flex;
    }
}


@media (max-width: 992px){
    .dw-catalog__cards{
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}



@media (max-width: 650px) {
    .news__list,
    .catalog-section{
        grid-template-columns: 100%;
    }

    .catalog-section .catalog-card {
        min-height: unset;
    }

    .catalog-card__top {
        padding: 12px;
    }

    .serviceView-gallery{
        grid-template-columns: 100%;
    }

    .dw-catalog__cards{
        grid-template-columns: 100%;
    }

    .pagination{
        margin-top: 24px;
    }
}