.l-wrapper {
    @media (min-width: 768px) {
        .mobile {
            display: none;
        }
    }
    @media (max-width: 768px) {
        min-width: calc(100% - 30px) !important;
        width: calc(100% - 30px);

        &.l-wrapper_main {
            min-width: 100% !important;
        }

        .l-container {
            font-size: 12px;
        }

        h1, .h1 {
            font-size: 38px;
        }

        .desktop {
            display: none !important;
        }

        .l-header__inner {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 20px;
        }

        .header__inner a.logo {
            display: inline-block;
            width: 135px;
            padding: 8px 0 18px 0;
        }
        img.logo {
            width: 100%;
            height: auto;
        }
        .header__inner .phone {
            margin-bottom: 10px;
        }
        .header__inner .phone span {
            font-size: 16px;
        }
        .header__inner .phone span.f-small {
            font-size: 10px;
        }
        .header__inner .phone a {
            font-size: 12px;
        }

        .top-menu__item_with-children:hover {
            background: transparent;
        }
        .top-menu__item_with-children:hover .top-menu__link:hover {
                color: #2c3e50;
        }
        .top-menu {
            display: none;
            flex-direction: column;
            transition: all 0.5s;
            top: 5px;
        }
        .top-menu.open {
            display: flex;
        }
        .top-menu__submenu.top-submenu {
            position: relative;
            display: block;
            background: #fff;
            margin-left: 0;
        }
        li.bottom-menu__item a, li.top-menu__item a {
            display: inline-block;
            max-width: 100%;
            white-space: break-spaces;
        }

        .menu-icon {
            display: inline-block;
            width: 19px;
            height: 19px;
            position: relative;
            cursor: pointer;
        }
        .menu-icon span,
        .menu-icon span::before,
        .menu-icon span::after {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 2px;
            background: #df002f;
            transition: 0.3s;
            border-radius: 2px;
        }
        .menu-icon span {
            top: 50%;
            transform: translateY(-50%);
        }
        .menu-icon span::before {
            top: -7px;
        }
        .menu-icon span::after {
            top: 7px;
        }
        .mobile.menu-icon.open span {
            background: transparent;
        }
        .mobile.menu-icon.open span::before {
            top: 0;
            transform: rotate(45deg);
        }
        .mobile.menu-icon.open span::after {
            top: 0;
            transform: rotate(-45deg);
        }

        .header__inner .main-navigation {
            margin-top: -13px;
            padding: 0;
            flex: 0 0 100%;
        }

        .cart-line {
            top: 130px;
            left: 50px;
        }
        .cart-line__link {
            font-size: 13px;
        }
        .cart-line__link_personal {
            margin-right: 20px;
        }
        .cart-line__products-num {
            font-size: 12px;
            padding: 0;
            margin-left: -12px;
            margin-top: -10px;
        }

        .footer__inner {
            padding-left: 15px;
        }
        .bottom-menu {
            padding: 0 10px;
        }
        .footer__inner .copyright {
            font-size: 20px;
            padding-top: 70px;
        }
        .footer .sm {
            top: 118px;
        }
        .footer__inner .links {
            width: 100%;
        }


        #main-slider .arrows {
            display: none;
        }
        #main-slider .navigation a {
            display: none;
        }
        #main-slider .navigation a.current {
            display: inline-block;
        }
        #main-slider .slide {
            background-position: -50px center;
        }
        #main-slider .slide .whom {
            left: 25px;
        }
        #main-slider .slide .slogan {
            left: 27px;
            width: 90%;
            font-size: 28px;
        }
        #main-slider .slide .description {
            left: 25px;
            width: 90%;
        }

        #main-catalog-slider-container, #main-catalog-slider {
            width: 100%;
        }
        .subheader-with-link, .subheader-with-link-negative {
            font-size: 28px;
        }
        .subheader-with-link a, .subheader-with-link-negative a {
            font-size: 18px;
        }
        #main-catalog-pdf {
            font-size: 14px;
            padding: 5px 0px 0 0;
            margin: 12px 0;
        }

        #main-news-container-inner {
            width: 100%;
        }
        #main-news-list {
            padding: 10px 15px;
            display: flex;
            flex-direction: column;
        }
        #main-news-list .news-item {
            width: 100%;
            padding: 0;
            background-image: none;
        }
        .news-item-text {
            width: 220px;
            padding-left: 20px;
        }
        #main-news-list .news-item .title {
            font-size: 16px;
        }
        #main-news-list .news-item .date {
            font-size: 32px;
        }
        #main-news-list .news-item:last-child {
            display: block;
        }
        #main-subscribe-form {
            margin: -8px 0px 20px;
            width: 100%;
            float: left;
            zoom: 1;
            background-position: left top;
        }

        .l-middle {
            padding-right: 40px;
            padding-left: 10px;
        }
        .l-content {
            width: calc(98% - 10px);
        }
        img {
            max-width: 100%;
            height: auto;
        }

        .obj-news__image + .obj-news__content {
            margin: 0;
            margin-top: 40px;
        }
        .obj-news__date._string {
            font-size: 32px;
        }
        .obj-news__content._title {
            font-size: 14px;
        }
        .obj-news__content._block {
            margin: 0 0 25px 10px;
        }
        .obj-news__date._block {
            float: left;
            width: 100%;
        }
        .subheader-with-link-negative, .subscribe-form {
            width: 100%;
        }

        .certificates-list-item {
            display: flex;
            width: 100%;
        }

        .catalog-section {
            width: 100%;
        }
        .catalog-special-offers-container {
            display: none;
        }

        .catalog-content-wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;

            & .catalog-item-teaser {
                width: 100%;
            }

            & .catalog-item-teaser-info span {
                position:  relative;
                font-size: 14px;
            }

            & .catalog-item-teaser-info a {
                width: 100%;
                padding: 10px 0;
                font-size: 14px;
            }

            & .catalog-section a {
                font-size: 14px;
            }
        }
        .product__name {
            font-size: 28px;
        }

        .bl-tabs__controller__list {
            display: flex;
            overflow-x: scroll;
        }
        .bl-tabs__controller__item {
            white-space: nowrap;
        }
        .tied-element__title {
            line-height: normal;
            font-size: 12px;
        }
        .product-property__title {
            width: 100%;
        }
        .product-property__value {
            padding: 5px 0;
            width: 100%;
            font-size: 12px;
        }
        .obj-product .bl-tabs__controller__btn {
            font-size: 11px;
        }

        .obj-product__info.grid-on .col-xs-4 {
            width: 100% !important;
        }
        .property__value-container,  .property__value-container.property__value-container_2 {
            width: 100% !important;
            min-width: 100%;
        }
        .property__value-container.property__value-container_5 .property__value {
            min-width: 65px;
        }

        .actions__archive-link {
            right: 0;
            font-size: 20px;
        }

        .obj-news__image._img {
            max-width: 100%;
            width: 100%;
        }
        .obj-dealers__list {
            column-count: 1;
            -webkit-column-count: 1;
            -moz-column-count: 1;
        }

        .left-sidebar {
            left: -310px;
        }
        .l-left-sidebar {
            width: 245px;
        }
        .left-sidebar_shown {
            left: 0;
        }

        .login_page .input_text_style, .bx_profile input[type="text"], .bx_registration_page input[type="text"], .bx_profile input[type="password"], .bx_registration_page input[type="password"]  {
            width: 100%;
        }

        .footer__inner .contacts {
            width: 90%;
        }

        .property__value-container.property__value-container_4 {
            width: 100% !important;
        }
        .property__value-name {
            font-size: 14px;
        }

        .calculator .top .box.arts-box {
            max-width: 100%;
        }
        .translate-form {
            width: 100%;
        }
        .info-list-item__link {
            font-size: 14px;
        }
        .info-list-item {
            max-width: 90%;
        }
        .top-submenu__link_selected {
            color: #e40428;
        }

        .product__image-container {
            max-width: 100%;
            height: auto;
            aspect-ratio: 34/35;
        }
        .obj-product__info-string-number {
            font-size: 24px;
        }
    }
    @media (max-width: 363px) {
        .header__inner .main-navigation {
            margin-top: -32px;
        }
    }
}
@media (max-width: 768px) {
    .callback__form .form__title, #request-price-list .form__title, #request-file .form__title, #request-standard .form__title, #request-drawing .form__title {
        font-size: 22px !important;
    }

    table.mobile-flex, table.basket__table {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;

        & tbody, thead {
            display: contents;
        }
        & tr {
            display: contents;

            & td.td-1 {
                width: 100%;
            }
            & td.td-2 {
                width: 50px;
            }
        }

        & span.basket-item__param {
            padding: 5px 0px;
            display: inline-block;
        }

    }

    table.basket__table td {
        padding: 5px 8px 5px 0px;
    }
    .basket__headers {
        display: none !important;
    }

    table.mobile-zoom {
        max-width: 100%;
        zoom: .6;
    }
    #main-subscribe-form {
        zoom: .8;
    }
    .obj-pagination {
        max-width: 100%;
    }
}

.callback-button {
    z-index: 400 !important;
}

.basket__submit-button {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    border: none;
    font-weight: bold;
    font-family: 'Bender Black', serif;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    background: #19B5FE;
    cursor: pointer;
    padding: 8px 7px;
    margin-top: 30px;
}