@media (max-width: 992px) and (min-width: 768px) {

    .mobile {display: inherit;}

}

@media (max-width: 768px) and (min-width: 320px) {
    
    .slick-prev {
        text-align: left;
    }

    .slick-next {
        text-align: right;
    }
    
    header {display: flex; flex-direction: column;}
    header .logo {margin: 0; flex: 1;}
    header uniq:after {display: none;}
    
    .header-logo {display: flex; align-items: center;}
    .header-mobile-descript {flex: 2; margin-left: 1rem; font-weight: 600; color: #0c6094;}
    .header-mobile-descript:first-letter {color: #ff0000;}
    .header-mobile-descript > span {display: none;}
    .header-mobile-descript > comma {display: none;}
    
    .header-menu .navbar {
        background: rgba(13,105,162,1);
        background: -moz-linear-gradient(left, rgba(13,105,162,1) 0%, rgba(11,95,148,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(13,105,162,1)), color-stop(100%, rgba(11,95,148,1)));
        background: -webkit-linear-gradient(left, rgba(13,105,162,1) 0%, rgba(11,95,148,1) 100%);
        background: -o-linear-gradient(left, rgba(13,105,162,1) 0%, rgba(11,95,148,1) 100%);
        background: -ms-linear-gradient(left, rgba(13,105,162,1) 0%, rgba(11,95,148,1) 100%);
        background: linear-gradient(to right, rgba(13,105,162,1) 0%, rgba(11,95,148,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d69a2', endColorstr='#0b5f94', GradientType=1 );
        margin-right: -1rem;
    }
    .header-menu .navbar-toggler .svg-inline--fa {color: #fff;}
    
    .header-top {display: flex; flex-direction: column; align-items: baseline;}
    .header-top-left {flex-direction: column; align-items: baseline; margin-bottom: 1rem;}
    .header-top-left > div + div {margin-left: 0;}
    
    .header-top-right {}
    
    .header-menu .nav-link {color: #000; font-size: 1.25rem; font-weight: 400; padding: .75rem 1rem;}
    .header-menu .nav-item:nth-child(odd) {background-color: #f3f3f3;}
    
    .header-menu-right {justify-content: flex-start;}
    .header-menu-right div + div {margin-left: 1rem;}
    
    .header-bottom {justify-content: center;}
    .header-bottom-descript {display: none;}
    
    .header-bottom-links {flex-flow: row wrap; font-size: .85rem;}
    .header-bottom-links a + a {margin-left: 1rem;}
    .header-bottom-links a + a:before {left: -.6rem;}
    
    .header-bottom-link {font-size: .9rem; display: flex; flex-direction: column;}
    
    .breadcrumb {margin-top: 1rem; margin-left: -0.5rem;}
    .breadcrumb-item {display: none;}
    .breadcrumb > .breadcrumb-item:nth-last-of-type(-n+3) {display: flex; align-items: center;}
    .breadcrumb-item:last-child {display: none !important;}

    
    .navbar-collapse {position: absolute; top: 4rem; right: 1rem; background-color: #ffffff; box-shadow: 0 0 1rem rgb(0 0 0 / 25%); min-width: 280px; width: 310px; z-index: 2;}
    .navbar-collapse:after {content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 0;}
    .navbar-nav {z-index: 1; position: relative; background-color: #fff;}
    
    .carousel-informer {position: static;}
    
    .oc-new-dealer {padding: 2rem 0;}
    .oc-new-dealer h2 {font-size: 2rem;}
    .oc-dealer-logos {margin-bottom: 0;}
    
    .oc-new-cars {margin-bottom: 0;}
    
    .oc-new-exchangeItem {padding: 1rem; overflow: hidden;}
    .oc-new-exchangeItem_image {left: auto;}
    .oc-new-exchangeItem_image img {max-width: initial;}
    .oc-new-exchangeAbsolute {width: 100%;}
    .oc-new-exchangeItem_title {font-size: 1rem;}
    
    .oc-center-logo {margin-bottom: 2rem;}
    
    .service-center-form h3 {margin-bottom: 1rem;}
    
    .main-newcars {margin-top: 2rem;}
    .main-newcars-list {margin-top: 0;}
    
    .new-cars:nth-child(odd) {background-color: #e6eff5;}
    .new-cars-sect {padding: 0;}
    .new-car-list {flex-direction: column;}
    .new-car-list .oc-cars-slide {flex: 0 0 100%; max-width: 100%; padding: 0; margin-bottom: 2px;}
    
    .new-car--promo-2 {padding-top: 3rem;}
    [class^="new-car--image-"] {max-width: 100%; flex: 0 0 100%; position: static;}
    [class^="new-car--image-"] img {max-width: 100%;}
    
    .car-page-benefits {padding: 0;}
    .car-descript-image {margin: 0; margin-bottom: 3rem;}
    .car-page-addons {padding: 0;}
    .car-page-features {padding: 0;}
    .car-page-characters {padding: 0;}
    .car-characters-row {flex-direction: column;}
    .car-characters-col {padding: .25rem 0;}
    
    .service-service-appeal {margin-top: 2rem; font-size: 2rem; line-height: 2.25rem;}
    .service-center-form .form-check {margin-bottom: 1rem;}
    
    .content {margin-bottom: 0;}
    .content h1, .content h2 {font-size: 1.75rem;}
    .content h1.catalog {font-size: 1.5rem; line-height: 2rem;}
    
    .catalog-selection-brand-list {flex-flow: row wrap; margin-bottom: 2rem;}
    .catalog-selection-brand-list .item {flex: 0 0 50%;}
    .catalog-goods-item {flex-direction: column;}
    .catalog-goods-data .flex-1-0 {display: flex; flex-direction: column;}
    .catalog-goods-data .title {order: 1; margin-bottom: 0;}
    .catalog-goods-check {order: 2; margin-bottom: 1rem;}
    .catalog-goods-params {order: 3;}
    .catalog-goods-price {flex-direction: column; align-items: flex-start;}
    .catalog-goods-price .price {order: 2; margin-top: 1rem;}

    .catalog-goods-price .credit {
        display: none;
    }
    
    .catalog-right-banner {
        display: none;
    }
    
    .catalog-goods-check {
        order: 2;
        margin-bottom: 1rem;
    }
    
     .car-page-price {
        margin-top: 0;
        text-align: inherit;
    }

    .car-page-credit {
        text-align: inherit;
    }

    .car-page-body {
        margin-top: 1rem;
        padding: 1rem;
    }

    .car-page-paramsItem {
        justify-content: space-between;
    }

    .car-page-paramsItem .title {
        flex: inherit;
    }

    .car-page-paramsItem .value {
        flex: inherit;
    }

    .car-page-info {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    .car-page-action .btn {
        margin-bottom: 1rem;
    }

    .car-page-actionAdd {
        display: flex;
        justify-content: space-between;
    }

    .car-page-actionAdd .btn {
        display: block;
        width: 100%;
    }
    
    .car-page-equipment {
        padding: 0;
    }
    
    
    .footer-top-top .contacts {flex-direction: column; align-items: baseline; margin-top: 1rem;}
    .footer-top-top .contacts > div + div {margin-left: 0;}
    
    .footer-bottom .copyright {font-size: .75rem;}
    
    .mobile {display: inherit;}
}