@media (max-width: 1239px) {
    /*--------------------------*/
    .l-main--column .main__wrapper {
        flex-wrap: wrap;
    }
    .l-main--column .main__col-left {
        width: 100%;
        padding-right: 0;
    }
    .l-main--column .main__col-content {
        width: 100%;
    }
    /*--------------------------*/
    .b-benefits-catalog  {
        font-size: 14px;
        line-height: 1.5;
    }
    .b-benefits-catalog .benefits-catalog__item {
        padding-bottom: 25px;
    }
    .b-benefits-catalog .benefits-catalog__imgbox {
        width: 70px;
    }
    .b-benefits-catalog .benefits-catalog__content {
        width: calc(100% - 70px);
    }
    .b-benefits-catalog .benefits-catalog__title {
        margin-bottom: 10px;
        font-size: 18px;
    }
    /*--------------------------*/
}
/*------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1239px) {
    /*--------------------------*/
    h1, .b-title-h1 {
        margin-bottom: 43px;
        font-size: 36px;
    }
    /*--------------------------*/
    .hide-on-tablet {
        display: none !important;
    }
    /*--------------------------*/
    .g-text-center-tablet {
        text-align: center;
    }
    .g-text-left-tablet {
        text-align: left;
    }
    .g-text-right-tablet {
        text-align: right;
    }
    /*--------------------------*/
    .l-header {
        height: 101px;
    }
    .l-header .header__wrapper {
        padding: 0 30px;
    }
    /*--------------------------*/
    .l-main .main__wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
    /*--------------------------*/
    .l-main--content .main__wrapper {
        padding: 30px;
    }
    /*--------------------------*/
    .b-logo {
        top: 28px;
        left: 73px;
    }
    /*--------------------------*/
    .b-header-text .header-text__text-1 {
        top: 25px;
        right: 188px;
    }
    .b-header-text .header-text__text-2,
    .b-header-text .header-text__text-3,
    .b-header-text .header-text__text-4 {
        display: none;
    }
    /*--------------------------*/
    .swiper-site-theme .swiper-button-next,
    .swiper-site-theme .swiper-button-prev {
        top: -76px;
    }
    /*--------------------------*/
    .page-header {
        height: 101px;
        margin-bottom: 0;
    }
    .header-main-content .search-block,
    .header-main-content .b-site-button,
    .header-main-content .b-head-mail,
    .header-main-content .sitenav-wrap {
        display: none;
    }
    .header-main-content .header-contacts {
        right: 210px;
        top: 24px;
    }
    .header-main-content .brand .brand-name {
        top: 26px;
        left: 73px;
    }
    .top-line-content .top-line-item.compare {
        top: 27px;
        right: 91px;
    }
    .top-line-content .top-line-item.basket {
        top: 27px;
        right: 30px;
    }
    .top-line-content .top-line-item.account-authorized,
    .top-line-content .top-line-item.account-not-authorized {
        top: 38px;
        right: 152px;
    }
    /*-----------------------------*/
    .container {
        padding: 0 30px;
    }
    /*-----------------------------*/
    .catalog-at-side {
        display: none;
    }
    /*-----------------------------*/
    h2 {
        font-size: 30px;
        margin-bottom: 40px;
    }
    /*-----------------------------*/
    .b-sandwich {
        top: 35px;
        left: 20px;
    }
    /*-----------------------------*/
    .b-all-catalog .all-catalog__pic {
        height: 192px;
    }
    .b-all-catalog .all-catalog__pic img {
        width: auto;
        height: 100%;
        max-width: initial;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
    }
    /*-----------------------------*/
    .b-footer {
        height: 468px;
    }
    .b-footer .footer__menu {
        display: none;
    }
    .b-footer .container {
        padding: 0 30px;
    }
    .b-footer:after {
        height: 114px;
    }
    .b-footer:before {
        display: none;
    }
    .b-footer-logo {
        bottom: 36px;
        left: 30px;
    }
    .b-copyright {
        left: auto;
        right: 30px;
        bottom: 60px;
    }
    .b-conf {
        bottom: 30px;
        right: 290px;
    }
    .b-copyright-dev {
        bottom: 30px;
        right: 30px;
    }
    .b-copyright-dev,
    .b-conf,
    .b-copyright {
        font-size: 12px;
    }
    .b-payments {
        bottom: 190px;
        left: 30px;
        padding-left: 0;
    }
    .b-footer .phone-wrap {
        left: 30px;
        bottom: auto;
        top: 74px;
    }
    .b-footer .phone-wrap__item a {
        line-height: 1.2;
    }
    .b-footer .b-head-mail {
        bottom: auto;
        left: 30px;
        top: 142px;
    }
    .b-footer-form {
        top: 70px;
        left: 248px;
    }
    /*-----------------------------*/
    .to-top {
        right: 30px;
        bottom: 120px;
    }
    /*-----------------------------*/
    .b-benefits .benefits__item {
        width: 50%;
    }
    .b-benefits .benefits__content {
        padding: 61px 64px;
        font-size: 14px;
        line-height: 1.714;
    }
    .b-benefits .benefits__title {
        margin-bottom: 11px;
    }
    .b-benefits .benefits__icon {
        height: 66px;
        margin-bottom: 24px;
    }
    /*-----------------------------*/
    .b-content-wide-bg .content-wide-bg__inner {
        padding-top: 85px;
    }
    /*-----------------------------*/
    .b-text-main {
        margin-bottom: 60px;
    }
    /*-----------------------------*/
    /*-----------------------------*/
}