@media (max-width: 1960px) {
    .catalog-wrap {
        background-size: 96% auto;
    }
    .main-slider-textarea {
        right: 13%;
        left: auto;
    }
}
@media (max-width: 1840px) {
    .catalog-wrap {
        padding-left: 96px;
        padding-right: 48px;
    }
    .catalog-title-arrows {
        padding-right: 16px;
        gap: 8px;
    }
    .section-list {
        column-gap: 24px;
    }
}
@media (max-width: 1680px) {
    .section-item {
        width: calc(33% - 14px);
    }
    .catalog-title {
        flex-flow: unset;
        flex-direction: column-reverse;
        align-items: flex-start;
        text-wrap: balance;
    }
    .catalog-title span {
        white-space: normal;
    }
    body.page-contacts .main-area:after {
        opacity: 0.2;
    }
    .main-brands-container {
        padding: 0;
    }
    .mainpage-brand-item-brand {
        height: 42px;
    }
    .mainpage-brand-item-1, .mainpage-brand-item-2 {
        margin-top: 42px;
    }
    .mainpage-brand-item-3, .mainpage-brand-item-4 {
        margin-bottom: 42px;
    }
    .mainpage-brand-item-container {
        width: 130px;
    }
    .mainpage-brand-item-1 .mainpage-brand-item-container, .mainpage-brand-item-2 .mainpage-brand-item-container {
        margin-top: -42px;
    }
    .mainpage-brand-item-3 .mainpage-brand-item-container, .mainpage-brand-item-4 .mainpage-brand-item-container {
        margin-bottom: -42px;
    }
    .mainpage-brand-item-1 .mainpage-brand-item-container, .mainpage-brand-item-3 .mainpage-brand-item-container {
        margin-left: -30px;
    }
    .mainpage-brand-item-2 .mainpage-brand-item-container, .mainpage-brand-item-4 .mainpage-brand-item-container {
        margin-right: -30px;
    }
    .mainpage-brand-item-2, .mainpage-brand-item-4 {
        padding-right: 104px;
    }
    .mainpage-brand-item-1, .mainpage-brand-item-3 {
        padding-left: 120px;
    }
    .importer-row {
        gap: 8px;
    }
}
@media (min-width: 1440px) {
}
@media (max-width: 1440px) {
    .section-item {
        width: calc(50% - 12px);
    }
}
@media (min-width: 1200px) and (max-width: 1440px), (max-width: 991px) {
    .main-brands-container {
        padding: 66px;
        gap: 56px;
    }
    .mainpage-brand-item {
        width: 55%;
    }
    .mainpage-brand-item-2, .mainpage-brand-item-3 {
        transform: none;
    }
    .importer-row {
        margin: 36px 0;
    }
    .importer-row > img {
        display: none;
    }
}
@media (min-width: 1200px) {
    header {
        display: none;
    }
}
@media (max-width: 1199px) {
    .left-area {
        position: fixed;
        left: -101vw;
        width: 100vw;
        top: 0;
        height: 100vh;
        background: rgba(34, 30, 32, 0.95);
        -webkit-transition: all 0.2s ease-out ;
        -moz-transition: all 0.2s ease-out ;
        -o-transition: all 0.2s ease-out ;
        transition: all 0.2s ease-out ;
        padding: 128px 64px 0;
        z-index: 4;
    }
    .main-menu {
        max-width: 560px;
        margin-left: auto;
    }
    body.open-menu .left-area {
        left: 0;
    }
    body.open-menu header {
        background: none !important;
    }
    .main-menu > li > a.active > span,
    .main-menu > li > a.expand > span,
    .main-menu > li:hover > a > span {
        color: #D12027;
    }
    .main-menu > li > a.active:after,
    .main-menu > li > a.expand:after,
    .main-menu > li:hover > a:after {
        background: #D12027;
    }
    .main-menu > li > ul {
        display: block !important;
        color: #D2D3D7;
        margin-bottom: 15px;
    }
    header .logo > svg path {
        -webkit-transition: all 0.2s ease-out ;
        -moz-transition: all 0.2s ease-out ;
        -o-transition: all 0.2s ease-out ;
        transition: all 0.2s ease-out ;
    }
    body.open-menu header .logo > svg path[fill="#221E20"]{
        fill: #ffffff;
    }
    body.open-menu .btn-mmenu {
        background: #ffffff;
        border-color: #D12027;
    }
    .left-area .logo {
        display: none;
    }
    body.catalog .catalog-wrap {
        padding: 150px 45px 45px;
        height: auto;
        overflow: unset;
    }
    .section-item {
        width: calc(33% - 14px);
    }
    .section-item-img {
        height: 29vw;
    }
    .catalog-title-arrows {
        left: 0;
        right: 0;
        top: -48px;
    }
    .main-slider-item.active .main-slider-brand {
        top: 114px;
    }
    .main-slider-bg {
        background-position: 75% center;
    }
    .main-brands {
        padding-top: 148px;
    }
}

@media (max-width: 991px) {
    .adminpanel {
        display: none;
    }
    .section-item-name {
        font-size: 16px;
        padding-left: 32px;
    }
    .section-item-sae {
        line-height: 1;
        height: auto;
        font-size: 20px;
        padding: 7px 20px 5px 12px;
    }
    .catalog-title {
        font-size: 25px;
    }
    body.underconstraction .main-area {
        background-position: 66% center;
    }
    .main-slider-bg {
        background-position: 50% 10%;
        background-size: 100% auto;
    }
    .main-slider-canister {
        max-width: 40%;
        left: 30%;
        -moz-transform:  translate(0, 100%);
        -webkit-transform:  translate(0, 100%);
        -o-transform:  translate(0, 100%);
        -ms-transform:  translate(0, 100%);
        transform:  translate(0, 100%);
    }
    .main-slider-item.active .main-slider-canister {
        bottom: 85%;
    }
    .main-slider-textarea {
        left: 50%;
        right: auto;
        -moz-transform:  translate(-50%, 0);
        -webkit-transform:  translate(-50%, 0);
        -o-transform:  translate(-50%, 0);
        -ms-transform:  translate(-50%, 0);
        transform:  translate(-50%, 0);
    }
    .main-slider-item.active .main-slider-brand {
        top: 56%;
    }
    .main-slider-textarea,
    .main-slider-prev,
    .main-slider-next {
        bottom: 6%;
    }
    .main-area {
        padding-bottom: 32px;
    }
    body.page-contacts .main-area:after {
        display: none;
    }
    body.page-contacts .main-area {
        padding-bottom: 0;
    }
    .contacs-container {
        padding-right: 55px;
    }

    .mainpage-textround {
        padding-top: 150px;
    }
    .main-about-image {
        display: none;
    }
    .main-about {
        background-image: url(/images/sphere.svg);
    }
    .sixreasons-row {
        gap: 24px;
    }
    .sixreasons-item {
        padding-left: 0;
        font-size: 12px;
    }
    .sixreasons-item-title {
        font-size: 18px;
    }
    .sixreasons-item > svg {
        width: 48px;
        height: 48px;
    }
    .main-brands-container {
        padding: 0 0 66px 0;
        background: none;
    }
    .mainpage-brand-item-1, .mainpage-brand-item-3 {
        transform: translate(65px, 0);
    }
    .mainpage-brand-item-2, .mainpage-brand-item-4 {
        transform: translate(-65px, 0);
    }
    .main-importer {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='209' height='209' viewBox='0 0 209 209' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M208.79 208.79L4.57764e-05 208.79C4.57764e-05 93.56 93.56 4.57764e-05 208.79 4.57764e-05L208.79 208.79Z' fill='%23D12027'/%3e%3c/svg%3e");
        background-position: right bottom;
    }
}

@media (max-width: 767px) {
    .main-slider-canister {
        max-width: 55%;
        left: 23%;
        -moz-transform:  translate(0, 100%);
        -webkit-transform:  translate(0, 100%);
        -o-transform:  translate(0, 100%);
        -ms-transform:  translate(0, 100%);
        transform:  translate(0, 100%);
    }
    .main-slider-item.active .main-slider-canister {
        bottom: 85%;
    }
    .main-slider-item.active .main-slider-brand {
        top: 50%;
    }
    .contacts-col-6 {
        width: 55%;
    }

	.touchscroll-sm-wrap {
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        justify-content: flex-start !important;
        padding-bottom: 16px;
		margin-left: 0;
        margin-right: 0;
    }
    .touchscroll-sm-wrap > * {
        max-width: none;
        scroll-snap-align: start;
    }
    .touchscroll-sm-wrap > .col-4 {
        min-width: calc(767px / 3);
        width: calc(767px / 3);
    }
    .left-area {
        padding: 128px 28px 0;
    }
    header {
        padding: 24px;
    }
    .section-item {
        width: calc(50% - 6px);
    }
    .section-item-img {
        height: 37vw;
    }
    body.catalog .catalog-wrap {
        padding: 150px 24px 24px;
    }
    .section-list {
        column-gap: 12px;
        row-gap: 24px;
    }
    .section-item-name {
        font-size: 16px;
        padding-left: 32px;
    }
    .section-item-sae {
        line-height: 1;
        height: 27px;
        font-size: 14px;
        padding: 7px 11px 5px 8px;
    }
    .catalog-title {
        font-size: 22px;
        margin-bottom: 24px;
    }
    .catalog-filter {
        overflow: auto;
        padding-bottom: 10px;
    }
    .catalog-element {
        flex-wrap: wrap;
    }
    .catalog-element-left,
    .catalog-element-right {
        width: 100%;
        padding: 0;
    }
    .catalog-element-right .articul {
        position: static;
        padding-bottom: 16px;
    }
    body.catalog.catalog-detail .main-area {
        background: no-repeat url("/images/catalog-bg.svg") right top / auto 100%;
    }
    .label-underconstraction {
        padding: 24px 7vw 24px 7vw;
        font-size: 5vw;
    }
    .contacs-container {
        padding-top: 150px;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 140px !important;
    }
    .main-sixreasons .sixreasons {
        background: none;
        flex-direction: row;
        gap: 16px;
        padding-top: 36px;
        flex-wrap: wrap;
    }
    .sixreasons-row {
        flex-direction: column;
        width: 35%;
        flex-grow: 1;
        gap: 24px;
        justify-content: flex-start;
    }
    .sixreasons-item {
        width: 100%;
        min-height: 180px;
        padding-top: 0;
    }
    .sixreasons-item > svg {
        position: static;
    }
    .sixreasons-ichiro {
        width: 100%;
        margin: 0;
        height: 80px;
    }
    .main-ichirois {
        padding: 150px 24px 24px;
        background: none;
    }
    .ichirois-row {
        display: block;
    }
    .main-importer {
        padding: 150px 24px 24px;
    }
    .white-block {
        padding: 34px 16px 18px 20px;
    }
}

@media (min-width: 576px) {
}

@media (max-width: 575px) {
    .main-menu > li > a {
        font-size: 26px;
        height: 34px;
    }
    .main-menu > li > ul a {
        font-size: 14px;
    }
    .section-item-name {
        font-size: 11px;
        padding: 4px 4px 4px 14px;
        border-radius: 0 0 0 26px;
    }
    .catalog-title {
        font-size: 18px;
    }
    .main-slider-textarea {
        transform: scale(0.7) translate(-50%, 0);
        transform-origin: left center;
    }
    .main-brands {
        padding: 148px 30px 30px;
    }
    .main-brands-container {
        padding: 0;
    }
    .mainpage-brand-item-1, .mainpage-brand-item-3 {
        transform: translate(30px, 0);
    }
    .mainpage-brand-item-2, .mainpage-brand-item-4 {
        transform: translate(-30px, 0);
    }
    .mainpage-brand-item-container {
        width: 86px;
    }
    .mainpage-brand-item-1, .mainpage-brand-item-3 {
        padding-left: 80px;
    }
    .mainpage-brand-item-2, .mainpage-brand-item-4 {
        padding-right: 64px;
    }
    .white-block-title {
        font-size: 18px;
        top: -14px;
        height: 32px;
        padding: 8px 20px;
        left: 24px;
    }
}

@media (max-width: 440px) {
    .main-slider-prev, .main-slider-next {
        width: 42px;
        background-size: 100% auto;
    }
    .main-slider-next {
        right: 2%;
    }
    .main-slider-prev {
        left: 2%;
    }
    .sixreasons-row {
        width: 100%;
    }
    .sixreasons-item {
        min-height: unset;
    }
}
@media (max-width: 425px) {
}



@media (min-width: 1200px) and (max-width: 1290px) {
    .slider-arrow-outside .slick-next.slick-arrow {
        right: -15px;
    }
    .slider-arrow-outside .slick-prev.slick-arrow {
        left: -15px;
    }
}
@media (min-width: 992px) and (max-width: 1099px) {
    .slider-arrow-outside .slick-next.slick-arrow {
        right: -5px;
    }
    .slider-arrow-outside .slick-prev.slick-arrow {
        left: -5px;
    }
}
@media (max-width: 860px) {
    .slider-arrow-outside .slick-next.slick-arrow {
        right: 5px;
    }
    .slider-arrow-outside .slick-prev.slick-arrow {
        left: 5px;
    }
}

@media (min-width: 576px) {
    .slider-arrow-outside-container .slick-next.slick-arrow {
        right: calc( 50% - 270px );
    }
    .slider-arrow-outside-container .slick-prev.slick-arrow {
        left: calc( 50% - 270px );
    }
}
@media (min-width: 768px) {
    .slider-arrow-outside-container .slick-next.slick-arrow {
        right: calc( 50% - 360px );
    }
    .slider-arrow-outside-container .slick-prev.slick-arrow {
        left: calc( 50% - 360px );
    }
}
@media (min-width: 992px) {
    .slider-arrow-outside-container .slick-next.slick-arrow {
        right: calc( 50% - 480px );
    }
    .slider-arrow-outside-container .slick-prev.slick-arrow {
        left: calc( 50% - 480px );
    }
}
@media (min-width: 1200px) {
    .slider-arrow-outside-container .slick-next.slick-arrow {
        right: calc( 50% - 570px );
    }
    .slider-arrow-outside-container .slick-prev.slick-arrow {
        left: calc( 50% - 570px );
    }
}
@media (min-width: 1400px) {
    .slider-arrow-outside-container .slick-next.slick-arrow {
        right: calc( 50% - 660px );
    }
    .slider-arrow-outside-container .slick-prev.slick-arrow {
        left: calc( 50% - 660px );
    }
}