@media only screen and (max-width: 1400px),
only screen and (max-device-width: 1400px) {
    .top-slider-wrap .text-container {

        padding-left: 7%;
    }
}

@media only screen and (max-width: 1280px),
only screen and (max-device-width: 1280px) {

    [class*=btn-]:active,
    [class*=btn-]:focus,
    [class*=btn-]:visited,
    [class*=btn-] {
        display: inline-block;
        padding: 10px 20px;
        font-size: 14px;
    }
}

.hd {
    display: none;
}

@media only screen and (max-width: 1024px),
only screen and (max-device-width: 1024px) {
    .hd:not([class*=flex-]) {
        display: block;
    }

    .mobile-menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile-menu>li {
        border-bottom: 1px solid #dadfe3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 0px;
    }

    .mobile-menu>li>ul {
        display: none;
    }

    .scroll-menu {
        overflow: hidden;
        width: 100%;

    }

    .mobile-menu>li .icon-angle-down {
        font-size: 24px;
        transform: rotate(-90deg);
        height: 20px;
    }

    .scroll-menu .flex-menu {
        transition: .5s;
    }

    .scroll-menu .flex-menu {
        width: 200%;
    }

    .scroll-menu .flex-menu>div {
        width: 100%;
    }

    .scroll-menu a.reverserMenu {
        font-size: 18px;
        color: #000;
        display: block;
        margin-bottom: 20px;
    }

    .bodySubmenu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .bodySubmenu ul li {
        padding: 10px 0px;
        border-bottom: 1px solid #dadfe3;
    }

    .scroll-menu.active .flex-menu {
        transform: translateX(-50%);
    }

    .hd[class*=flex-] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .ht {
        display: none !important;
    }

    .button-mob-menu {
        display: block;
        width: 40px;
        height: 40px;
        border: 1px solid var(--orange);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-direction: column;
        padding: 10px;
        border-radius: 4px;
        transition: 0.5s;
    }

    .button-mob-menu span {
        width: 100%;
        height: 2px;
        background-color: var(--orange);
    }

    .fixed-header.fixed .button-mob-menu {
        height: 30px;
        padding: 5px 10px;
    }

    .sop-cart .btn .count {
        right: 6px;
    }

    .top-slider-wrap img {
        height: 500px;
    }

    .top-slider-wrap .text-container {
        padding-top: 4%;
    }

    .flex-betwen.flex-wrap.icons-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .icons-wrap .icon-list-tpl {
        width: 50%;
    }

    .category-container .list-category-wrap .category-item img {
        aspect-ratio: 1 / .45;
    }

    .footer-wrap .item-footer {
        width: calc(100% / 2 - 15px);
        padding: 20px;
    }

    .overflow .modal-container {
        min-width: 50%;
    }

    .catalog-wrap-aside .left {
        width: 100%;
    }

    .catalog-wrap-aside .right {
        width: 100%;
    }

    .filter-wrap {
        max-height: 0;
        overflow: hidden;
        transition: 0.5s;
    }

    .filter-wrap.active {
        max-height: 4000px;
    }

    .image-banner img {
        width: 100%;
        aspect-ratio: 1 / .5;
        object-fit: cover;
    }

    .articles-item-wrap .image-block a {
        display: block;
        height: 100%;
    }

    .overflow .modal-container-card {
        position: fixed;
        width: 60%;
    }

    .flex-betwen.flex-wrap.prices-wrap {
        gap: 20px;
    }

    .label-block.flex-center.flex-collumn {
        white-space: nowrap;
    }

    .soc.flex-start.gap-10 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .usluga-wrap .left {
        width: 100%;
    }

    .usluga-wrap .right {
        width: 100%;
    }

    .body-modal .contacts-block {
        padding-bottom: 40px;
    }

    .body-modal .contacts-block .logo-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .body-modal .contacts-block .soc-icons-wrap {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .body-modal .contacts-block .work-timephone {
        padding: 20px 0px;
        text-align: center;
    }

    .search-wrap>div {
        width: calc(100% / 3 - 15px);
    }
}

@media only screen and (max-width: 900px),
only screen and (max-device-width: 900px) {
    .catalog-wrap-aside .right .catalog-wrap .tovar-item {
        width: calc(100% / 2 - 14px);
    }

    .header-top .soc-icons-wrap {
        display: none;
    }

    .modal-container-card .body-modal {
        max-height: calc(100vh - 60px);
        overflow-y: auto;
    }

    .search-wrap>div {
        width: calc(100% / 2 - 20px);
    }
}

@media only screen and (max-width: 768px),
only screen and (max-device-width: 768px) {
    .header-top .soc-icons-wrap {
        display: none;
    }

    .top-slider-wrap .text-container .h2 {
        font-size: 1.5rem;
    }

    .top-slider-wrap .text-container p {
        font-size: 1.2rem;
    }

    .top-slider-wrap .text-container ul {
        font-size: 1rem;
    }

    .top-slider-wrap .text-container {
        width: 60%;
    }

    .top-slider-wrap img {
        height: 300px;
    }

    .top-slider-wrap .text-container {
        padding-bottom: 4%;
    }

    .top-slider-wrap .owl-dots {
        left: auto;
        right: 20px;
    }

    .category-container .left {
        width: 100%;
    }

    .category-container .right {
        width: 100%;
    }

    .icons-green .icons-wrap .icon-list-tpl {
        width: calc(100% / 2 - 10px);
    }

    .icons-green .icons-wrap .icon-list-tpl+.icon-list-tpl {
        border-left: none;
    }

    .catalog-wrap-aside .right .catalog-wrap .tovar-item {
        width: calc(100% / 2 - 10px);
    }

    .overflow .modal-container {
        min-width: 60%;
    }

    .initwow {
        overflow: hidden;
    }

    .list-uslugi-wrap .list-uslugi {
        width: calc(100% / 2 - 10px);
    }
}

@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
    .header-top .buttons-block {
        display: none;
    }

    .phone-block .phone {
        font-size: 1.5rem;
    }

    .top-slider-wrap .text-container {
        width: 100%;
    }

    .top-slider-wrap .owl-dots {
        top: 0px;
        right: -20px;
    }

    .icons-wrap .icon-list-tpl {
        width: 100%;
    }

    h1,
    .h1 {
        font-size: 1.8rem;
    }

    .category-container .list-category-wrap .category-item {
        width: 100%;
    }

    .icons-green .icons-wrap .icon-list-tpl {
        width: 100%;
    }

    .form-wrap-container .left {
        width: 100%;
    }

    .form-wrap-container .right {
        width: 100%;
    }

    .footer-wrap .item-footer {
        width: 100%;
    }

    .catalog-wrap-aside .right .catalog-wrap .tovar-item {
        width: 100%;
    }

    .overflow .modal-container {
        min-width: 90%;
    }

    .overflow .modal-container-card {
        width: 90%;
    }

    /* #content {
        display: none;
    } */

    /* 
    * {
        outline: 1px solid red !important;
    } */
    /* #FormContainer .left {
        display: none;
    } */
    .articles-item-wrap .image-block {
        width: 100%;
    }

    .articles-item-wrap .article-wrap {
        width: 100%;
    }

    .tovar-wrap .left {
        width: 100%;
    }

    .tovar-wrap .right {
        width: 100%;
    }

    .tab-links {
        overflow-x: auto;
    }

    .list-uslugi-wrap .list-uslugi {
        width: 100%;
    }

    .usluga-price .prices-block {
        font-size: 2rem;
    }

    .usluga-price .info-block {
        width: 100%;
    }

    .flex-betwen.flex-wrap.price-block.usluga-price {
        gap: 20px;
    }

    .pagination .page-item:last-child,
    .pagination .page-item:first-child {
        display: none;
    }

    .input-flex-2 .input-block {
        width: 100%;
    }

    .search-wrap>div {
        width: 100%;
    }
}