@media only screen and (max-width: 400px) {
    .header-bar-wrap .header-phone a {
        font-size: 14px;
        letter-spacing: 2px;
    }
    .front-categories {
        grid-template-columns: 1fr;
    }
    .banner-h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .youtube-button {
        height: 60px;
    }
    .youtube-button .icon {
        width: 60px;
    }
    .advantages-block .value {
         font-size: 35px;
        line-height: 40px;
    }
    .front-banner-line-wrap {
        padding: 115px 70px 25px 50px;
    }
    .front-categories li a {
        font-size: 13px;
    }
    .promo-products > .title,
    .similar-products .title {
        font-size: 15px;
    }
    .promo-products .popular-title {
        margin-left: 25px;
    }
    .main-container {
        padding-top: 20px;
    }
    .front-products {
        padding: 25px 10px 30px;
    }
    .main-container .front-text h1 {
        font-size: 27px;
        line-height: 33px;
    }
    .front-advantages {
        padding: 30px 15px;
    }
    .advantages-body .text-item h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .advantages-body .text-item p {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 0;
    }
    .advantages-body .advantage-item {
        padding: 15px 10px;
        grid-template-columns:1fr;
        grid-gap: 20px;
        text-align: center;
    }
    .advantages-body .advantage-item i {
        margin: 0 auto;
    }
    .advantages-body .advantage-item h4 {
        padding-bottom: 0;
    }
    .front-contacts-text h3 {
        font-size: 22px;
    }
    .front-apps-text {
        margin: 35px 0 35px 20px;
        width: auto;
    }
    .front-apps .title {
        font-size: 20px;
        line-height: 30px;
    }
    .mobile-links > div {
        min-height: 350px;
    }
    .rozstroy-text {
        padding: 20px 20px 20px 20px;
    }
    .rozstroy-text .title {
        font-size: 18px;
        line-height: 25px;
    }
    .footer-line {
        padding: 25px 13px 20px;
    }
    .footer-block ul a {
        font-size: 13px;
        line-height: 16px;
        display: block;
    }
    .footer-line-wrap {
        column-gap:7px
    }
    .catalog-wrapper {
        padding: 0 10px;
    }
    .category-tags {
        padding: 12px 10px;
        margin-bottom: 20px;
    }
    .tag-values {
        gap: 7px 8px;
    }
    .tag-values .sotbit-seometa-tag-link {
        padding: 6px 9px;
    }
    .mobile-filter {
        margin-bottom: 20px;
        line-height: 45px;
    }
    .subsection-body .one-click {
        font-size: 13px;
        padding: 0 10px;
    }
    .subsection-body .bx_catalog_item_controls_blockone {
        grid-template-columns: 25px 35px 25px;
    }
    .subsection-body .buy-block {
        grid-template-columns: 1fr 1fr 20px;
    }
    .subsection-body {
        gap: 8px;
    }
    .subsection-body .bx_catalog_item {
        padding: 12px 12px 12px;
        gap: 10px;
    }
    .mobile-value-title {
        font-size: 12px;
        line-height: 18px;
    }
    .category-description h2 {
        font-size: 19px;
        line-height: 25px;
    }
    .category-description p {
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 15px;
    }
    .category-description h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .category-description h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .category-description li {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 15px;
    }
    .breadcrumbs {
        font-size: 10px;
    }
    .breadcrumbs .delimiter {
        margin: 0 7px;
    }
    .bx-catalog-element {
        padding: 0 10px;
    }
    .bx-catalog-element .image-item.active:after {
        border: 1px solid #ffa6a6;
        position: absolute;
        top: -2px;
        bottom: -2px;
        right: -2px;
        left: -2px;
        border-radius: 8px;
    }
    .bx-catalog-element .image-item a {
        width: 70px;
        height: 70px;
    }
    .more-images {
        grid-template-columns: repeat(4,70px);
        grid-gap: 5px;
    }
    .bx-catalog-element .product-childs {
        padding: 18px 10px 0 10px;
    }
    .bx-catalog-element .buy-top {
        padding: 15px 10px 13px 10px;
    }
    .bx-catalog-element .in-stock {
        font-size: 12px;
    }
    .bx-catalog-element .product-childs .title {
        font-size: 14px;
    }
    .product-childs-body .child-item {
        padding: 0 10px;
        line-height: 30px;
        font-size: 12px;
    }
    .cart-buy-block {
        padding: 25px 10px 15px 10px;
        grid-gap: 10px;
        grid-template-columns: 128px 1fr;
    }
    .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus {
        height: 45px;
        background: transparent;
        width: 40px;
    }
    .bx-catalog-element .product-buy-button {
        line-height: 45px;
    }
    .product-item-amount-field {
        max-width: 35px;
    }
    .bx-catalog-element .detail-one-click {
        line-height: 45px;
    }
    .detail-short-text {
        font-size: 14px;
        line-height: 23px;
    }
    .tabs_contents .description-content h2 {
        font-size: 18px;
    }
    .tabs_contents .description-content {
        font-size: 14px;
        line-height: 23px;
    }
    .detail-mobile-tabs .active .tabs_contents {
        display: block;
        padding: 5px 10px 25px;
    }
    .tabs_contents .description-content li {
        padding-bottom: 10px;
    }
    .tabs_contents .description-content h3 {
        font-size: 16px;
    }
    .detail-mobile-tabs .tab_title {
        font-size: 16px;
    }
    .detail-mobile-tabs > ul {
        gap: 10px;
    }
    .similar-products .title {
        font-size: 17px;
    }
    .pricelist-important{
        display: grid;
        background-color: #000;
        gap: 15px;
    }
    .pricelist-important-body p:first-child {
        font-size: 14px;
        line-height: 22px;
    }
    .pricelist-important i {
        min-width: 50px;
        margin: 0 auto;
    }
    .price-list-select-wrapper {
        display: grid;
        gap: 20px;
        padding: 0 10px;
    }
    .price-list-link {
        order: 0;
    }
    .price-category-select {
        order:1;
    }
    .price-list-categories {
        padding: 0 10px;
    }
    .price-list-page-container {
        padding: 0 10px;
        font-size: 13px;
        line-height: 20px;
    }
    .company-page {
        padding: 0 10px;
    }
    .company-page .company-header p {
        font-size: 17px;
        line-height: 22px;
    }
    .company-page h2 {
        font-size: 19px;
        line-height: 24px;
        margin: 0 0 15px;
    }
    .company-page .company-header {
        grid-gap: 20px;
        margin-bottom: 20px;
    }
    .company-page .company-info {
        grid-gap: 10px;
        margin-bottom: 30px;
        grid-template-columns: 1fr;
    }
    .company-info .info-text {
        font-size: 14px;
        line-height: 22px;
        grid-column: unset;
    }
    .company-info .white-block {
        font-size: 15px;
        padding: 12px 15px 20px;
        min-height: unset;
    }
    .company-page-advantages h3 {
        font-size: 17px;
        line-height: 22px;
    }
    .company-page-advantages-text li {
        padding: 0 0 0 18px;
        margin-bottom: 15px;
    }
    .company-page-advantages-text ul {
        column-count: 1;
    }
    .company-page-advantages-text {
        padding-bottom: 10px;
    }
    .about-assortments {
        padding: 25px 10px 30px;
    }
    .about-assortments ul a {
        padding: 10px 5px;
        font-size: 13px;
        min-height: 40px;
    }
    .about-assortments ul {
        grid-gap: 10px;
    }
    .about-gallery {
        padding: 30px 15px 60px;
    }
    .page-rezka {
        padding: 0 10px 10px;
    }
    .active-price-wrap .table-header {
        line-height: 25px;
        font-size: 13px;
        font-weight: 500;
        min-height: 45px;
        align-items: center;
    }
    .active-price-wrap .left-table {
        width: 40px;
        height: 40px;
    }
    .active-price-wrap .right-table {
        width: 40px;
        height: 40px;
    }
    .active-price-wrap .table-header span {
        font-size: 22px;
        font-weight: 700;
    }
    .delivery-table-body th {
        line-height: 16px;
        padding: 5px 0 5px 10px;
    }
    .delivery-page {
        padding: 0 10px;
    }
    .page-delivery {
        padding: 0 10px 40px;
    }
    .page-delivery h2 {
        font-size: 21px;
        margin-bottom: 0;
    }
    .page-delivery .car-type__txt {
        font-size: 12px;
        line-height: 17px;
        height: unset;
        padding: 0 5px 10px;
    }
    .page-delivery p {
        font-size: 13px;
        line-height: 20px;
    }
    .page-delivery li {
        font-size: 13px;
        line-height: 20px;
    }
    .block-important-information {
        padding: 15px 13px 15px 15px;
        margin-bottom: 20px;
        font-size: 13px;
        line-height: 20px;
    }
    .pay-page {
        padding: 0 10px 30px;
    }
    div.news-list div.news-item {
        gap: 12px;
        grid-template-columns: 100px auto;
    }
    div.news-list .image-box {
        height: 100px;
        width: 100px;
    }
    div.news-list .title {
        font-size: 13px;
        line-height: 17px;
    }
    div.news-list .title-box {
        padding-bottom: 15px;
    }
    .review-body p {
        font-size: 12px;
        line-height: 16px;
    }
    div.review-add-title {
        font-size: 20px;
    }
    div.review_form_footer {
        flex-direction: column;
        gap: 10px;
        align-items: baseline;
    }
    div.review_form_footer .review_form-personal {
        font-size: 11px;
        line-height: 18px;
    }
    div.review_form_footer input {
        line-height: 40px;
        margin: 0 auto;
    }
    .reviews-buttons a {
        font-size: 15px;
    }
    .reviews-buttons span {
        font-size: 20px;
    }
    .contacts-page {
        padding: 0 10px;
    }
    .contact-tiles .contact-tile {
        padding: 20px 5px 15px;
    }
    .contact-tile.phone p,
    .contact-tile.email p,
    .contact-tile.schedule p {
        font-size: 15px;
        line-height: 22px;
    }
    .contact-tile .phone-link {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .contact-tiles {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
    .form-feedback-theme {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }
    .contact-feedback-body .col1 input {
        line-height: 35px;
    }
    .contact-feedback-body {
        padding: 30px 10px;
        border-radius: 0;
    }
    .mobile-menu-header {
        height: 50px;
        margin-bottom: 0;
    }
    .mobile-menu-categories > ul {
        padding: 0 20px 0 25px;
    }
    .mobile-menu-main {
        margin: 10px 20px 35px 25px;
    }
    .mobile-menu-main ul {
        padding: 18px 20px;
    }
    .mobile-menu-phone {
        margin: 10px 10px 40px 25px;
        padding-bottom: 50px;
    }
    .header-phone-icon {
        margin-right: 15px;
        width: 40px;
        height: 40px;
    }
    .header-phone a {
        font-size: 18px;
        letter-spacing: 1px;
    }
    .header-callme {
        font-size: 12px;
        line-height: 17px;
    }
    .popup-window.popup-window-with-titlebar {
        padding: 30px 15px 15px;
    }
    .popup-window-titlebar-text, .popup-window-titlebar-text-version {
        font-size: 16px;
    }
    .popup-product-body {
        width: 230px;
    }
    .popup-window-buttons .btn {
        font-size: 14px;
        line-height: 45px;
    }
    .popup-window-buttons {
        grid-gap: 15px;
    }
    .bx-filter .bx-filter-title {
        padding-left: 25px;
    }
    .bx-filter .bx-filter-parameters-box{
        padding: 25px 25px 25px 25px;
    }
    .bx-filter-button-box .bx-filter-parameters-box-container {
        padding: 0 0 25px;
    }
    .bx-filter .bx-filter-section {
        margin-top: 40px;
    }
    .filter-close {
        top: 20px;
    }
    #basket-root {
        grid-gap: 20px;
        padding: 0 10px;
    }
    .basket-items-list-item-container {
        padding: 10px;
        row-gap: 10px;
    }
    .basket-item-actions-remove {
        width: 35px;
        height: 35px;
    }
    .basket-item-block-info .basket-item-actions-remove {
        right: -4px;
    }
    .basket-items-list-table {
        grid-gap: 10px;
    }
    .basket-item-block-image {
        padding-right: 10px;
        min-width: 110px;
    }
    .basket-item-info-name, .basket-item-info-name-link {
        font-size: 14px;
    }
    .basket-item-amount-btn-plus, .basket-item-amount-btn-minus {
        width: 40px;
        height: 40px;
    }
    .basket-item-amount-filed, .basket-item-block-amount.disabled .basket-item-amount-filed:hover {
        width: 40px;
        height: 40px;
    }
    .basket-item-block-price {
        margin-bottom: 0;
    }
    .basket-checkout-container {
        padding: 20px 20px 20px;
    }
    .basket-checkout-block-total-title {
        margin-top: 10px;
        line-height: 25px;
        font-size: 17px;
    }
    .basket-checkout-block-total-description {
        font-size: 17px;
    }
    .basket-coupon-block-total-price-current {
        margin-bottom: 20px;
        font-size: 33px;
    }
    .basket-btn-checkout {
        line-height: 50px;
    }
    div.news-list .title-box{
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }
    .promo-categories .category-items{
        gap:7px 8px;
    }
    .promotion-item {
        grid-gap: 10px;
        grid-template-columns: 120px auto;
    }
    .promotion-text {
        padding: 7px 7px 5px 0;
        gap: 5px;
    }
    .promotion-text .name {
        font-size: 12px;
        font-weight: 400;
    }
    .promotions-body .title {
        font-size: 15px;
    }
    .promo-products .add-to-cart {
        width: 48px;
    }
    .detail-cut-info{
        padding: 10px 10px 10px 10px;
        line-height: 18px;
    }
}