@media screen and (min-width: 1240px) {
    .column__header--slkm {
        min-height: 58px;
        max-width: 220px;
        /*line-height: 58px;*/
    }
}

@media screen and (max-width: 1060px) {
    menu,
    ol,
    ul {
        padding-left: 30px;
    }

    h1,
    h2 {
        margin-top: 50px;
    }
    .global {
        min-height: auto;
    }
    .wrap {
        padding: 0 30px;
        width: auto;
display: block;
    }

    .mainpic {
        display: none;
    }
    .mainpic-mob {
        display: block;
        line-height: 0;
    }
    .mainpic-mob img,
    .mainpic-mob-small img {
        width: 100%;
    }

    .header {
        height: 137px;
        z-index: 16;
    }
    .header > .wrap {
        z-index: 2;
    }
    .header__logo {
        top: 15px;
        left: 30px;
    }
    .header__logo .logo {
        width: 237px;
        height: 29px;
        background-size: contain;
    }
    .header__phone {
        text-align: left;
        top: 63px;
        left: 30px;
        right: auto;
    }
    .header__phone span:not(.phone-big) {
        font-size: 14px;
        line-height: 16px;
    }
    .header__call {
        top: 76px;
        left: 50%;
        margin-left: -80px;
    }
    .header__mail {
        top: 81px;
        right: 30px;
    }
    .header__menu-btn {
        position: absolute;
        display: block;
        top: 10px;
        right: 20px;
        width: 44px;
        height: 40px;
        background: 50% url('images/burger-menu.svg') transparent no-repeat;
        cursor: pointer;
        padding: 10px;
    }
    .header .menu {
        display: none;
        width: 320px;
        padding: 0 15px 35px 15px;
        margin: 0;
        left: auto;
        right: 0;
        top: 44px;
        height: auto;
        background-color: #fff;
        z-index: 2;
    }
    .header .menu .wrap {
        width: 100%;
        padding: 0;
    }
    .header .menu .menu__items {
        margin: 0;
    }
    .header .menu .menu__item {
        display: block;
        padding: 0;
    }
    .header .menu .menu__item > a {
        margin: 10px 0;
        font-weight: 700;
        display: inline-block;
        width: auto;
    }
    .header .menu .menu__sub {
        position: static;
        padding: 0 0 0 20px;
    }
    .header .menu .sub_item {
        margin: 0;
        padding: 10px 0;
    }
    .header .menu .menu__item--active {
        background-color: transparent;
    }
    .header .menu .menu__sub {
        background-color: transparent;
    }
    .header .menu .menu__item--active .menu__sub {
        white-space: normal;
        display: none;
    }
    .header .menu .menu__item--selected {
        background-color: transparent;
    }

    .catalog__columns {
        display: block;
    }
    .catalog__column {
        display: block;
        /*vertical-align: top;*/
        /*width: calc(50% - 20px);*/
        width: auto;
        /*float: left;*/
        margin-right: 0;
        margin-top: 40px;
    }
    .catalog__column:nth-child(1),
    .catalog__column:nth-child(2) {
        margin-top: 0;
    }
    .catalog__column:nth-child(2n) {
        /*float: right;*/
    }

    .catalog__column--5 {
        position: static;
        width: 100% !important;
    }

    .main-catalog {
        padding-top: 100px;
    }
.main-catalog .wrap {
display: block;
}
    .column__header--ozm07 {
        height: inherit;
        line-height: inherit;
    }

    .hotlinks {
        margin-bottom: 50px;
    }

    .hotlink {
        width: calc(33.3% - 20px);
        margin-bottom: 30px;
        margin-right: 30px;
    }
    .hotlink:nth-child(3n) {
        margin-right: 0;
    }

    .articles {
        overflow: hidden;
        float: none;
        width: 100%;
    }

    .routes {
        float: none;
        margin: 50px auto 0 auto;
        width: 465px;
    }
    .features {
        margin-top: 50px;
        /*background-size: initial;*/
    }
    .features h3 {
        display: block;
    }
    .features__tabs,
    .features .clear {
        display: none !important;
    }

    .features .ui-accordion-header {
        font-size: 16px;
        line-height: 22px;
        color: #F7FAFF;
        padding: 20px 30px 20px 50px;
        border: solid 1px #8CB6E4;
        border-radius: 3px;
        background-color: #629AD8;
        outline: none;
        margin: 0 0 10px 0;
        cursor: pointer;
    }
    .features .ui-accordion-header-active {
        color: #186499;
        background-color: #F7FAFF;
        margin-bottom: 0;
        border-radius: 3px 3px 0 0;
        border: none;
    }
    .features .ui-accordion-content {
        font-size: 14px;
        line-height: 20px;
        padding: 5px 35px 40px 50px;
        background-color: #F7FAFF;
        margin-bottom: 10px;
    }

    .footer {
        padding-top: 55px;
        padding-bottom: 60px;
        overflow: hidden;
        min-height: auto;
    }
    .footer__column--1,
    .footer__column--2 {
        display: none;
    }

    .footer__column--3,
    .footer__column--4 {
        width: 40%;
    }

    .iso {
        min-height: 65px;
    }
    .footer__legal--mob {
        display: inline-block;
        line-height: 18px;
        margin-bottom: 19px;;
    }

    .search-overlay--show {
        z-index: 19;
    }
    .main-search {
        z-index: 14;
        transition: all .3s, z-index 0s;
    }
    .main-search.focused {
        z-index: 20;
    }

    .main-search .search__example {
        transition: all .3s;
    }

    .mob-catalog {
        display: block;
        width: 100%;
        font-size: 24px;
        line-height: 55px;
        color: #fff;
        font-family: 'bebas_neuebold', 'Arial Narrow', Arial;
        font-weight: 700;
        letter-spacing: 2px;
        position: absolute;
        z-index: 15;
        padding: 0 30px;
        cursor: pointer;
    }
    .mob-catalog:before {
        position: absolute;
        content: '';
        width: 15px;
        height: 8px;
        background: 50% url('images/mob-catalog-arrow.svg') transparent no-repeat;
        top: 24px;
        right: 30px;
        transition: all .2s;
    }
    .mob-catalog.opened:before {
        transform-origin: center;
        transform: rotate(180deg);
    }
    .catmenu {
        position: relative;
        padding-top: 55px;
        z-index: 14;
        height: auto;
        background-position: 69% 0;
        background-size: cover;
        max-height: 0;
        overflow: hidden;
        transition: all .3s;
        margin-bottom: 25px;
    }
    .catmenu.opened {
        max-height: none;
    }
    .catmenu > .wrap {
        position: relative;
        /*z-index: 18;*/
        width: 100%;
        padding: 0;
    }
    .catmenu__item {
        position: static;
        float: none;
        width: 100%;
    }
    .catmenu__link {
        text-align: left;
        padding: 0 30px;
        font-size: 18px;
        transition: background .2s;
    }
    .catmenu__item .catmenu__sub {
        /*display: block;*/
        opacity: 1;
        position: static;
    }
    .catmenu__item:hover .catmenu__sub {
        display: none;
    }
    .catmenu__link--current {
        background: none;
    }
    .header--not-main {
        height: 150px;
    }

    .wrap--contacts .left,
    .wrap--articles .left {
        float: none;
        width: 100%;
        padding: 0;
    }
    .wrap--contacts .main {
        margin: 0;
    }

    .left-search {
        box-shadow: 0 18px 15px -10px rgba(0,0,0,.2);
    }
    .left-search input.search__input {
        background: #fff url('/bitrix/templates/infrahim-2/images/icon--search.svg') no-repeat 12px center;
        padding-right: 122px;
    }
    .left-search .search__button {
        width: 115px;
        text-indent: 0;
        line-height: 50px;
    }
    .left-search .search__button:before {
        background-image: none;
    }
    .left-search--focus {
        z-index: 20;
    }
    .left-search--focus .search {
        width: auto;
    }
    .left-search--focus .left-search__inner {
        width: 100%;
    }

    input.search__input:focus {
        background-position: -20px center;
    }

    .mob {
        overflow: hidden;
    }
    .mob__column:first-child {
        float: left;
        width: 40%;
    }
    .mob__column:nth-child(2) {
        float: right;
        width: 40%;
    }
    .mob-hidden,
    .mob__hidden {
        display: none;
    }
    .wrap--contacts p.reg {
        margin: 1em 0;
    }
    .wrap--contacts .left .label {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .wrap--articles .main {
        width: calc(100% + 60px);
        margin-left: -30px !important;
        min-height: auto;
    }
    .wrap--contacts .main {
        width: calc(100% + 60px);
        margin-left: -30px;
        margin-top: 220px;
    }
    .wrap--contacts .content {
        padding: 0;
        position: relative;
    }
    .wrap--contacts .content > h1 {
        display: none;
    }
    .mob__show {
        display: block;
    }
    .wrap--contacts .map__info h1 {
        margin: 5px 0;
        font-size: 24px;
        line-height: 30px;
    }
    .wrap--contacts .map__info {
        top: -190px;
        left: 30px;
        width: calc(100% - 60px);
    }
    .wrap--contacts #map {
        height: auto;
    }
    #mapInner {
        height: 500px;
    }
    .wrap--contacts .mob__form {
        padding: 0 30px 50px 30px;
    }
    .form {
        /*width: 100% !important;*/
    }
    .form--contacts .form__field {
        width: calc(33.4% - 14px);
    }
    .form--contacts .form__field--comment {
        width: 100%;
    }
    .form--contacts .form__field--comment textarea {
        height: 90px;
    }

    .wrap--articles .left-block {
        display: none;
    }

    .wrap--articles .left-search {
        margin-bottom: 20px;
    }
    .wrap--articles .main {
        margin-left: 0;
    }
    .wrap--articles .content {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 20px;
    }
    .wrap--articles h1 {
        margin-top: 20px;
        font-size: 22px;
        line-height: 30px;
    }
    .mob__table {
        overflow: auto;
    }

    .wrap--articles .partner img {
        float: none;
        margin: 0;
    }
    .mob__float {
        float: left;
        margin-right: 50px;
    }

    .route {
        float: none;
        width: auto;
    }

    .routes--inner {
        padding: 25px 35px 35px 35px;
    }
    .form--callback {
        text-align: center;
    }

    .form--callback .button {
        float:none;
        width: 100% !important;
        display: block;
    }
    .form--callback .button:not(:first-child) {
        margin-top: 10px;
    }
    .qas .answer p:only-child {
        margin: 0;
    }
    .filter {
        margin-top: 10px;
    }
    .filter__trigger {
        float: right;
    }
    .filter__submit {
        margin: 20px 0 50px 0;
    }

    .filter-title {
        margin: 20px 0;
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        text-align: center;
        background-color: #2978D0;
        border-radius: 3px;
        /*letter-spacing: 1px;*/
    }

    .filter__supply {
        display: none !important;
    }

    .search-page .search-result {
        padding: 20px 0;
    }

    .search-page .search {
        padding: 7px;
    }
    .search-page .search__button {
        line-height: 54px;
    }

    .mob-cat-table {
        margin-top: 20px;
    }

    .mob-cat-table thead {
        display: none;
    }

    .mob-cat-table tr {
        border: solid 1px #8CB6E4;
    }
    .mob-cat-table tr td:nth-child(1) {
        display: block;
        border: none;
        padding-bottom: 0;
    }
    .mob-cat-table tr td:nth-child(2) {
        display: block;
        border: none;
    }
    .product__cat {
        margin-bottom: 20px;
    }
    .product__preview {
        margin: 20px 0;
    }
    .product {
        overflow: hidden;
    }
    .form__field {
        margin-bottom: 10px;
    }
    .prices {
        padding-bottom: 70px;
    }

    .wrap--market .left {
        padding-bottom: 30px;
    }
    .wrap--market .left-search {
        margin-bottom: 36px;
    }
}

@media screen and (max-width: 720px) {
    .footer {
        padding-bottom: 50px;
    }
    .footer__column--3,
    .footer__column--4 {
        width: 100%;
        float: none;
        text-align: left;
    }

    .footer__column--4 {
        margin-top: 40px;
    }
}

@media screen and (max-width: 680px) {
    .header__logo {
        left: 15px;
    }
    .header__menu-btn {
        right: 5px;
    }
    .header__phone {
        width: 200px;
        left: 50%;
        margin-left: -100px;
        text-align: center;
        top: 65px;
    }
    .header__phone span:not(.phone-big) {
        display: none;
    }
    .header__phone span.phone-big {
        font-family: "Arial";
        font-size: 24px;
        line-height: 28px;
        font-weight: 700;
    }
    .header__call {
        display: none;
    }
    .header__mail {
        top: 103px;
        width: 160px;
        left: 50%;
        right: auto;
        margin-left: -60px;
    }
    .header__mail .mail {
        display: inline-block;
        vertical-align: middle;
        border: none;
    }
    .delivery {
        margin: 30px 0 0 0;
        border-bottom: solid 1px #8CB6E4;
        padding-bottom: 20px;
    }
    .delivery__left {
        float: none;
    }
    .delivery__right {
        margin-left: 0;
    }
}

@media screen and (max-width: 640px) {
    .wrap--articles .content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .wrap {
        padding: 0 15px;
    }
    .mainpic-mob {
        display: none;
    }
    .mainpic-mob-small {
        display: block;
        line-height: 0;
    }
    .main-search .search {
        padding: 7px;
    }
    .main-search {
        width: calc(100% - 30px);
        left: 15px;
        margin: -25px 0 0 0;
    }

    .main-search input.search__input {
        padding: 0 10px;
        height: 36px;
        font-size: 20px;
        background-image: none;
    }
    .main-search .search__button {
        line-height: 50px;
        width: 50px;
    }
    .main-search .search__button:before {
        background: #ff5956;
        background: -moz-linear-gradient(top, #ff5956 0%, #fd1120 50%, #cf1716 100%);
        background: -webkit-linear-gradient(top, #ff5956 0%,#fd1120 50%,#cf1716 100%);
        background: linear-gradient(to bottom, #ff5956 0%,#fd1120 50%,#cf1716 100%);
    }
    .main-search .search__button:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: transparent;
        background-image: url("images/magnifier--white.svg");
        background-position: center;
        background-repeat: no-repeat;
    }
    .main-search .search__example {
        padding: 12px 0 0 0;
        font-size: 12px;
        line-height: 16px;
    }

    .catalog__column,
    .catalog__column:nth-child(2) {
        width: 100%;
        margin-top: 15px;
    }
    .main-catalog {
        padding-top: 75px;
        padding-bottom: 40px;
        margin-bottom: 50px;
    }
.main-catalog .wrap {
display: block;
}
    .main-catalog .catalog__column {
        transition: padding .3s;
    }
    .main-catalog .catalog__column.closed {
        padding-bottom: 25px;
    }
    .main-catalog .catalog__column .column__header {
        transition: margin .3s;
    }
    .main-catalog .catalog__column.closed .column__header {
        margin: 0;
    }

    .main-catalog .catalog__column .column__list,
    .main-catalog .catalog__column .column__href {
        display: none;
    }

    .main-catalog .catalog__column.closed .column__list,
    .main-catalog .catalog__column.closed .column__href {
        display: none;
    }

    .column {
        float: none;
        margin: 0;
        width: 100%;
    }

    .hotlink {
        width: calc(50% - 20px);
        margin-bottom: 30px;
        margin-right: 40px;
    }
    .hotlink:nth-child(3n) {
        margin-right: 40px;
    }
    .hotlink:nth-child(2n) {
        margin-right: 0;
    }
    .routes {
        margin-top: 30px;
    }
    .main-search.focused {
        width: 100%;
        left: 0;
    }
    .main-search.focused .search__example {
        padding-left: 15px;
    }
    .search .search-result {
        width: 100%;
        left: 0;
        border-bottom: solid 1px #e4e4e4;
    }

    .left-search {
        box-shadow: none;
    }
    .search-page .search__input,
    .left-search input.search__input {
        background: #fff;
        padding-left: 10px;
        padding-right: 53px;
        height: 36px;
    }
    .search-page .search__button,
    .left-search .search__button {
        line-height: 58px;
        width: 50px;
        text-indent: 100px;
    }
    .search-page .search__button:before,
    .left-search .search__button:before {
        background: rgba(255,255,255,0) url('/bitrix/templates/infrahim-2/images/icon--search-w.svg') no-repeat center 15px;
    }
    .left-search--focus {
        z-index: 20;
    }
    .left-search--focus .search {
        width: auto;
    }
    .left-search--focus .left-search__inner {
        width: 100%;
    }

    input.search__input:focus {
        background-position: -20px center;
    }

    .left-search {
        width: 100%;
    }
    .left-search--focus {
        width: calc(100% + 30px);
        margin-left: -15px;
        transition: all .3s;
    }

    .mob__column {
        float: none !important;
        width:100% !important;
    }

    .wrap--contacts .main {
        margin-top: 10px;
        margin-left: -15px;
        width: calc(100% + 30px);
    }

    .wrap--articles .main {
        width: calc(100% + 30px);
        margin-left: -15px !important;
    }
    .wrap--contacts .map__info {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }

    .wrap--contacts .mob__form {
        padding: 0 15px 50px 15px;
    }
    .form--contacts .form__field {
        width: 100%;
        margin-right: 0 !important;
    }

    .publication__left {
        width: 100%;
        float: none;
    }
    .publication__right {
        margin: 17px 0 0 0;
    }
    .mob__float {
        float: none;
        margin: 0;
    }

    .spravochnik {
        margin-bottom: 40px;
    }
    .search-page .search {
        box-shadow: none;
    }

    .prices .price {
        margin-top: 23px;
    }
    .prices .price__link {
        position: relative;
        font-size: 14px;
        line-height: 20px;
        background: none;
        padding-left: 54px;
        min-height: auto;
    }
    .prices .price__link:before {
        position: absolute;
        content: '';
        left: 0;
        top: 6px;
        background: center url('images/icon--file.svg') no-repeat transparent;
        background-size: 100%;
        width: 40px;
        height: 48px;
    }
    .prices .price__date {
        font-size: 14px;
        line-height: 16px;
        padding-left: 54px;
        padding-top: 7px;
    }

    .wrap--market .cat-table--full tr {
        border: solid 1px #8CB6E4;
        border-bottom: 0;
        display: block;
        position: relative;
    }
    .wrap--market .cat-table--full tr:last-child {
        border-bottom: solid 1px #8CB6E4;
    }
    .wrap--market .cat-table--full tr td:nth-child(1) {
        display: block;
        border: none;
        padding-top: 30px;
    }
    .wrap--market .cat-table--full tr td:nth-child(2) {
        display: block;
        border: none;
        text-align: left;
        position: absolute;
        top: 0;
        left: 0;
    }
    .wrap--market .cat-table--full .market-item__text {
        padding: 20px 0 0 0;
    }

    .mob-prev {
        text-indent: -2000px;
        width: 30px;
        position: relative;
        /*margin-right: 17px;*/
    }
    .mob-next {
        text-indent: -2000px;
        width: 30px;
        position: relative;
        /*margin-left: 7px;*/
    }
    .mob-prev:before {
        position: absolute;
        left: -2px;
        top: -1px;
        content: '';
        width: 30px;
        height: 32px;
        background: 50% url("images/mob-ar-left.svg") transparent no-repeat;
    }
    .mob-next:before {
        position: absolute;
        left: -1px;
        top: -1px;
        content: '';
        width: 30px;
        height: 32px;
        background: 50% url("images/mob-ar-right.svg") transparent no-repeat;
    }
}

@media screen and (max-width: 540px) {
    .articles {

    }
    .articles__left,
    .articles__right {
        float: none;
        width: 100%;
    }
    .articles__right {
        margin-top: 34px;
    }
    .articles__right .labels {
        margin-top: 42px;
    }
    .routes {
        width: 100%;
        padding: 25px 27px 35px 27px;
    }
    .features {
        margin-top: 44px;
    }
}

@media screen and (max-width: 500px) {
    .hotlink {
        width: 100%;
        margin-right: 0 !important;
    }
    .form {
        width: 100% !important;
        padding: 20px;
        /*width: 320px;*/
    }

    .field__comment {
        margin-left: 20px;
    }
}

@media screen and (max-width: 480px) {
    .header .menu {
        width: 100%;
    }
    .routes {
        overflow: hidden;
    }
    .routes__label {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }
    .routes input {
        display: block;
        width: 100%;
        margin-bottom: 14px;
    }
    .routes__button {
        padding: 0;
        margin-top: 16px;
        float: right;
    }
}