/* Large desktops and laptops */
@media (max-width: 1920px) {
    section.model-menu {
        background: linear-gradient(120deg, #fff 70%, #ed1c24 30%);
    }

    .wrap,
    .footer {
        min-width: 1440px;
    }
    /*.wrap {*/
    /*max-width: 1440px;*/
    /*}*/

    /*.model-header-content .header-style a {*/
    /*margin-left: 105px;*/
    /*}*/
}
/* Large desktops and laptops */

@media(max-width:1600px){
    .swiper-slide div img {
width: 100%;
object-position: 0px 0px !important;
}
}
@media (max-width: 1476px) {
    .center-content{
        justify-content: center;
    }
}
@media (max-width: 1690px) {
    .wrap,
    .footer {
        min-width: 1440px;
    }
    /*.wrap {*/
    /*max-width: 1440px;*/
    /*}*/

    /*.model-header-content .header-style a {*/
    /*margin-left: 105px;*/
    /*}*/
} /* Large desktops and laptops */
@media (max-width: 1440px) {
    section.header {
        background: linear-gradient(120deg, #000 70%, #ed1c24 6%);
    }

    .wrap,
    .footer {
        min-width: 1200px;
    }
    section.model-menu {
        background: linear-gradient(120deg, #fff 75%, #ed1c24 25%);
    }

    section.header .menu ul:nth-child(3) {
        width: 23%;
    }

    section.general-slider {
        height: auto;
    }

    li.dropdown-menu-item .models .models-container {
        width: auto;
    }

    li.dropdown-menu-item .models {
        padding: 39px 30px 20px 30px;
    }

    .model-header-content {
        background: linear-gradient(120deg, #fff 74%, #ed1c24 30%);
    }
    .models{
        margin-top: 0 !important;
    }
}

@media (max-width: 1370px) {
    section.header .menu ul li {
        padding-right: 15px;
    }

    .logo {
        width: 13%;
    }
}

/* Large desktops and laptops */
@media (max-width: 1280px) {
    .wrap,
    .footer {
        min-width: auto;
    }

    section.model-menu {
        background: linear-gradient(120deg, #fff 80%, #ed1c24 20%);
    }

    .footer .navigation-block,
    .footer .legal-information {
        max-width: none;
    }

    section.header .menu ul li a,
    section.header .menu ul div a {
        font-size: 14px;
    }

    section.header .menu ul:nth-child(3) li {
        top: -4px;
    }

    /*  section.footer {
        padding-left: 20px;
    } */

    .footer .navigation-block h4 {
        font-size: 20px;
    }

    .navigation-block > div > div > p > a {
        font-size: 12px;
    }

    /*.sp-mask sp-grab, .sp-image-container {*/
    /*height: 560px!Important;*/
    /*}*/
}

/* Large desktops and laptops */
@media (max-width: 1200px) {
    section.model-menu {
        background: linear-gradient(120deg, #fff 80%, #ed1c24 20%);
    }

    .footer .navigation-block,
    .footer .legal-information {
        max-width: 1160px;
    }

    section.general-wrapper {
        max-width: 1160px;
    }

    section.header .menu ul:nth-child(2) {
        padding-left: 70px;
    }

    section.header .menu ul:nth-child(3) {
        width: 20%;
    }

    section.header .menu ul:nth-child(2) {
        width: 35%;
    }

    section.header .menu ul li a,
    section.header .menu ul div a {
        font-size: 13px;
        text-align: center;
    }

    .wrap,
    .footer {
        min-width: auto;
        max-width: 1160px;
    }
    .promo-type-12 .promo-content {
        position: relative;
        max-width: 690px;
        left: unset;
        top: unset;
        right: unset;
        background-color: #fff;
        padding: 0;
        color: #000 !important;
        text-align: center !important;
        margin: 0 auto;
        padding: 0 10px;
    }
    .promo-type-12 {
        background-color: #fff;
    }
    .wrap {
        background-color: #fff;
    }
}

@media (max-width: 1080px) {
    section#models {
        padding: 30px 20px;
    }

    section.technologies {
        background: #efefef;
        padding: 30px 20px 0px 20px;
    }

    .general-wrapper .news {
        background: #fff;
        padding: 30px 20px;
    }
}

/* Portrait tablets and medium desktops */
@media (max-width: 992px) {
}

@media (max-width: 850px) {
}

@media (max-width: 768px) {
    .btn-more {
        position: inherit;
        text-align: center;
    }
    .swiper-pagination{
        display: none;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 75px;
    }
    .swiper-slider{
        padding-top: 52px;
        padding-bottom: 50px;
    }
    .wrap,
    .footer {
        max-width: 768px;
        min-width: auto;
    }

    .logo {
        width: 100%;
    }

    .header-mobile {
        display: block;
    }

    .header {
        display: none;
    }

    .header-mobile {
        display: flex;
    }

    .mobile-price-list {
        display: block;
        background: #ed1c24;
        padding: 10px;
        text-align: center;
    }

    .mobile-price-list a {
        color: #fff;
        font-size: 24px;
    }

    section.general-slider {
        background: #ffffff;
        height: 666px;
    }

    .general-slider .sp-layer.sldier-content {
        top: 300px !important;
        left: 30px !important;
        width: 100% !important;
    }

    .general-slider .sp-image-container {
        overflow-x: hidden;
        overflow-y: visible;
    }

    section.model-systems.systems .tech-tabs a {
        display: inherit;
        padding: 10px;
    }

    section.model-systems.systems .tech-imgage {
        min-height: 320px;
    }

    section.model-systems.systems .tech-content-descr > div {
        padding: 0 20px;
    }

    section.model-systems {
        min-height: 680px;
    }

    .general-slider .sp-mask {
        overflow-x: hidden;
        overflow-y: visible;
        height: 600px !important;
    }

    .general-slider .slide_title {
        font-size: 36px;
    }

    .general-slider .sp-layer .slide_title,
    .general-slider .sp-layer .slide_description {
        color: #000;
    }

    section.index-menu {
        background: #000;
        margin-top: 0;
    }

    .index-menu_content > div:first-child {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        max-height: none;
    }

    .index-menu_content > div:first-child > div:first-child {
        width: 100%;
        padding: 0;
        flex-wrap: wrap;
    }

    .index-menu_content > div:first-child > div > div {
        flex-basis: 50%;
        margin-top: 18px;
        margin-right: 0;
    }

    .index-menu_content {
        background: #000;
    }

    .index-menu_content > div:first-child > div:last-child {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    div.contact-form {
        padding: 10px 43px 30px 43px;
        margin: 65px 0 0 0;
        min-width: 20%;
        max-width: none;
        color: #fff;
        font-size: 16px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        background: #ed1c24;
    }

    div.contact-form h3 {
        font-size: 24px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .contact-form form {
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        max-width: none;
    }

    .contact-form input {
        color: #000;
        font-size: 16.5px;
        padding: 10px;
    }

    .contact-form form > button {
        background: #000;
        text-align: center;
        font-size: 16px;
        line-height: 150%;
        color: #fff;
        border: none;
        display: inline-block;
        width: auto !important;
        padding: 10px 30px;
    }

    section#models {
        padding: 20px;
    }

    section#models .center-content {
        padding-bottom: 0;
        flex-wrap: wrap;
    }

    section#models .center-content .model {
        flex-basis: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    section#models .center-content .model .image > img {
        max-width: 100%;
    }

    section#models .center-content > .model .title,
    li.dropdown-menu-item .models > div .title {
        font-size: 18px;
        
        width: 100%;
    }

    section#models .center-content > .model {
        margin-bottom: 30px;
        padding: 10px;
        box-sizing: border-box;
    }

    section#models .center-content > .model .image {
        margin-top: -30px;
    }

    .test-drive .models .test-drive-model {
        flex-basis: 100%;
    }

    section#models .center-content > .model .price > span,
    li.dropdown-menu-item .models > div .price > span {
        font-size: 20px;
        line-height: 150%;
        color: #000;
        font-family: "MMC Bold", sans-serif;
    }

    section#models .center-content > .model .more_info {
        margin-top: 10px;
        /*padding: 0 15px;*/
        width: 100%;
        box-sizing: border-box;
    }

    section#models .center-content .model > :nth-child(4) {
        /*padding: 0 15px;*/
    }

    section#models .center-content .model > * {
        width: 100%;
    }

    section#models .center-content > .model .price {
        
    }

    section#models .center-content > .model .more_info .red_button {
        margin: 0;
        margin-top: 10px;
    }

    .test-drive-model .test-drive-car .car {
        flex-basis: 100%;
    }
    section#models .center-content > .model .price > span:first-child,
    li.dropdown-menu-item .models > div .price > span:first-child,
    li.dropdown-menu-item .models > div .price > span:last-child,
    section#models .center-content > .model .price > span:last-child {
        font-size: 18px;
        line-height: 150%;
        color: #999;
        font-family: "MMC Regular", sans-serif;
    }

    .sp-previous-arrow:before,
    .sp-previous-arrow:after,
    .sp-next-arrow:before,
    .sp-next-arrow:after {
        background-color: transparent;
    }

    .red_button {
        font-size: 14px;
    }

    section.technologies {
        padding: 40px;
    }

    .news-content > div {
        flex-basis: calc(50% - 30px);
    }

    body {
        overflow-x: hidden;
    }

    section#models .center-content .model .in-stock {
        padding: 9px 20px;
        font-size: 16px;
    }

    .news {
        padding: 40px;
    }

    .footer .navigation-block {
        display: none;
    }

    .footer .navigation-block-mobile {
        display: block;
        margin-top: 45px;
    }
    .footer .legal-information {
        display: none;
    }

    .dillers .content {
        padding: 0;
        flex-direction: column;
    }

    .dillers {
        padding: 0;
    }

    .center-content {
        max-width: none;
        margin: 0 auto;
        padding: 0;
    }

    .dillers .content div:last-child {
        width: 100%;
    }

    .dillers .map {
        padding-left: 0;
        box-sizing: border-box;
    }

    .dillers .content > div:first-child {
        width: 100%;
        padding: 0 40px;
        margin-top: 30px;
    }

    .dillers .schedule {
        margin-bottom: 30px;
    }

    section.finance .credits {
        flex-wrap: wrap;
    }

    section.finance .credits > div:first-child {
        margin-right: 0;
    }
    section.finance .credits > div {
        flex-basis: 100%;
        margin-bottom: 2rem;
    }

    section.finance .title {
        font-size: 22px;
    }

    section.finance .credits > div h4 {
        font-size: 24px;
    }

    section.finance .credits > div ul > li {
        font-size: 18px;
    }

    section.model-menu {
        display: none;
    }

    .general-news-container {
        display: flex;
        flex-basis: 100%;
        flex-direction: column;
        padding-top: 70px;
    }

    .general-news-container > div:first-child {
        flex-basis: 100%;
        flex-wrap: wrap;
        margin-bottom: 30px;
        flex-direction: column;
        margin-right: 0;
    }

    .general-news-container > div:last-child {
        flex-basis: 20%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .general-news-container > div:last-child {
        flex-basis: 50%;
        box-sizing: border-box;
    }

    .general-sub-news .news_item {
        flex-basis: 50%;
    }

    .general-sub-news .news_item:nth-child(2n) {
        margin-left: 20px;
    }

    .actual-news {
        flex-basis: 100%;
        padding: 0 30px;
        flex-wrap: wrap;
    }

    .actual-news .news_item {
        flex-basis: calc(50% - 10px);
        position: relative;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .actual-news .news_item:nth-child(2n) {
        margin-left: 20px;
    }

    .general-news-container > div:first-child > div:nth-child(2) {
        width: 100%;
    }

    .actual-news.other-news {
        margin-top: 30px;
    }

    .actual-news.other-news .news_item {
        margin-right: 0;
        padding-right: 0;
    }

    section.news_block > div:first-child {
        padding: 3rem 4rem;
        font-size: 16px;
    }

    section.news_block > .block-content h3 {
        font-size: 28px;
        margin-bottom: 20px;
        font-family: "MMC-Bold", sans-serif;
    }

    section.model-general-data > .center-content {
        flex-wrap: wrap;
        border-bottom: none;
    }

    section.model-general-data > div > .desctop {
        display: none;
    }
    section.model-general-data > div > .mobile {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    section.model-general-data > div > .mobile div:first-child div:first-child div {
       font-size: 24px;
    }


    section.model-credits > div.model-credits-carousel {
        display: block;
    }
    section.model-credits > div.desctop-credits-carousel {
        display: none;
    }

    section.model-credits .more_info a {
        font-size: 15px;
    }

    .model-colors a.left.carousel-control {
        left: 15px;
    }

    .model-colors a.right.carousel-control {
        right: 15px;
    }

    .model-colors ul {
        margin-top: 0;
    }

    section.model-colors span.model-color {
        width: 40px;
        height: 40px;
    }

    section.model-colors .nav > li {
        position: relative;
    }

    section.model-colors .nav > li > a {
        position: relative;
        display: block;
        padding: 10px;
    }

    section.model-colors .nav > li > a .advantage-name {
        display: none;
    }

    section.model-colors .nav > li.active > a .advantage-name {
        display: block;
        position: absolute;
        top: 52px;
    }

    section.prom-news-carousel .promo-carousel .item {
        width: 75%;
        margin: 0 auto;
    }

    .promo-type-1 .promo-content,
    .promo-type-2 .promo-content,
    .promo-type-3 .promo-content,
    .promo-type-4 .promo-content,
    .promo-type-5 .promo-content {
        position: relative;
        max-width: 100%;
        left: 0;
        top: 26%;
        color: #000 !important;
        right: auto;
        background: #fff;
        padding: 30px;
        text-align: center;
    }

    section.finance {
        padding: 0;
    }

    section.finance .credits {
        padding: 0 20px;
    }

    .trade-in .nav-tabs {
        width: 100%;
    }

    section.trade-in .nav.nav-tabs li {
        width: 25%;
    }
    section.trade-in .nav.nav-tabs li img {
        max-width: 100%;
    }

    section.trade-in .car > div {
        font-size: 18px;
    }

    .trade-in .car-content {
        padding: 5rem;
    }

    .trade-in .tab-content img {
        max-width: 100%;
    }

    .corporate-header-content .menu ul {
        flex-direction: column;
        align-items: flex-start;
    }

    .corporate-header-content {
        display: block;
        height: auto;
        margin: 0;
    }

    .corporate-header-content .menu ul li {
        margin-left: 0;
    }

    .corporate-header-content .menu ul li:last-child {
        margin-left: 0;
        position: relative;
        right: auto;
    }

    .corporate-header-content .menu ul li:last-child a {
        color: #000;
    }

    .header-mobile-content .phones a span:last-child:before {
        background: transparent;
    }
    .header-mobile-content .phones a span:before {
        position: absolute;
        width: 2px;
        height: 8px;
        background: white;
        content: "";
        right: 2px;
        top: 3px;
    }
    .header-mobile-content.fixed .phones a span:before {
        background: transparent;
    }
    .header-mobile-content .phones a span {
        position: relative;
        padding-right: 6px;
    }

    .service-promotions > div {
        flex-basis: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .service-promotions > div > div > a > h3 {
        font-size: 18px;
        margin-top: 0;
    }

    .service-promotions > div > div > a {
        font-size: 14px;
        margin-top: 10px;
    }

    .sp-buttons {
        margin-top: 10px;
    }

    .model-second-mobile-menu {
        display: block;
        background: #fff;
    }

    .mobile-test-drive {
        display: block;
    }

    section.model-image > div {
        display: none;
    }

    .test-drive > div {
        flex-wrap: wrap;
    }

    .test-drive > div > div:first-child {
        flex-basis: 100%;
    }

    .test-drive .models {
        padding: 0;
    }

    section.model-video {
        height: 300px;
    }

    .footer {
        padding-left: 0px;
    }
    .model-promo {
        margin-top: 30px;
    }

    section.model-content .dillers .content {
        flex-direction: column-reverse;
    }

    section.model-content .dillers .content .contact-data {
        width: 100%;
        height: auto;
        left: 0;
    }
    .footer{
       background: #222 !important;
    }
    .contact-info{
       
        background:#222;
        padding: 40px 15px;
    }
    .footer-recom{
        background: #4c4c4c;
        color: #fff;
        padding: 10px 15px;
        margin-bottom: 0;
        font-size: 10px;
    }
    .footer-recom-info{
        background: #4c4c4c;
        color: #fff;
        padding: 10px 15px;
         font-size: 10px;
         padding-bottom: 50px;
    }

   
    .news-content{
        justify-content: center;
        padding: 30px 0;
    }
    .news-content .news_item{
        margin: 5px;
    }
    .general-wrapper .news{
        background: #ebebeb;
    }
    .model .in-stock:before {
        top: 11px;
    }

    .center-content{
        justify-content:center;
    }
    .header{
        display: none !important;
    }
    .nissan-header{
        display: none;
    }
    .nissan-header-mobile{
        display: block;
        position: fixed;
        width: 100%;
        background: #fff;
        top: 0;
        z-index: 2;
        padding: 5px 0;
        box-shadow: 0 0px 12px .5px rgba(0, 0, 0, 0.493);
    }
    .nissan-header-logo{
        flex-basis: 20%;
    }
    .nissan-header-logo img{
        margin-top: 0;
    }
    

}

@media (max-width: 650px) {
.promo-type-2{
    margin-top: 55px;
}
    
    .general-slider .sp-layer.sldier-content {
        top: 270px !important;
    }

    .general-slider .sp-mask {
        height: 570px !important;
    }

    section.general-slider {
        height: 580px;
    }
}
@media (max-width:600px){
    .promo-type-2{
    margin-top: 70px;
}
}
@media (max-width:565px){
    /* .promo-type-2{
    margin-top: 100px;
} */
}

@media (max-width: 550px) {
    .general-slider .sp-layer.sldier-content {
        top: 250px !important;
    }

    section#models .center-content .model {
        flex-basis: 100%;
    }

    .news-content > div {
        flex-basis: 100%;
    }

    .colapse-mobile-item .models .panel-body .model {
        flex-basis: 100%;
    }

    .colapse-mobile-item .models .panel-body .model .image {
        text-align: center;
    }

    .general-sub-news .news_item {
        flex-basis: 100%;
    }

    .general-news-container > div:last-child {
        flex-basis: 100%;
        flex-direction: column;
    }

    .general-sub-news .news_item {
        flex-basis: 100%;
    }

    .general-sub-news .news_item > div:first-child {
        min-height: 250px;
    }

    .actual-news .news_item {
        flex-basis: 100%;
    }

    .actual-news .news_item:nth-child(2n) {
        margin-left: 0;
    }

    .general-sub-news .news_item:nth-child(2n) {
        margin-left: 0;
    }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
    /*.general-slider .sp-layer.sldier-content {*/
    /*top: 175px !important;*/
    /*left: 0px !important;*/
    /*}*/

    .swiper-button-prev,.swiper-button-next{
        display: none;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 75px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
}
    
    .general-slider .sp-layer.sldier-content {
        top: 0 !important;
        left: 0px !important;
        /*  padding: 8px 30px 36px 30px; */
        position: relative;
    }

    .general-slider .sp-mask {
        height: 400px !important;
    }

    section.news .news-content .red_button {
        margin: 0 0 30px 0;
    }

    .sp-buttons {
        position: absolute;
        bottom: 0;
    }

    .contact-form input {
        font-size: 12px;
        padding: 13px;
    }

    .contact-form form > button {
        font-size: 14px;
        padding: 11.5px 30px;
    }

    section.general-slider {
        height: 400px;
    }

    .accessories-model h4 {
        font-size: 16px;
    }

    .general-slider .slide_title {
        font-size: 26px;
    }

    .slide_description {
        margin-top: 10px;
        font-size: 16px;
        line-height: 100%;
    }

    section.model-systems.systems .tech-tabs {
        margin-top: 21px;
    }

    section.model-systems.systems .tech-content-descr {
        min-height: 100px;
    }

    .slide_path {
        margin-top: -15px;
    }

    .sp-buttons {
        margin-top: -212px;
    }

    section.technologies {
        padding: 0;
    }

    section.technologies ul.nav.nav-tabs li {
        padding: 0 0px 0px 0px;
        flex-basis: 33.3%;
    }

    section.technologies .tab-content iframe {
        width: 100%;
        min-height: 250px;
        height: 250px;
    }

    .header-mobile-content .logo a {
        width: 100%;
        font-size: 32px;
        margin-right: 20px;
    }

    .index-menu_content > div:first-child > div > div {
        padding: 10px;
    }

    div.contact-form h3 {
        font-size: 18px;
    }

    section#models h2,
    section.technologies h2,
    section.technologies h3 {
        margin: 0 auto 20px auto;
        font-size: 24px;
        padding-top: 0;
        text-align: center;
    }

    section.technologies h2 {
        padding-top: 30px;
    }

    section.technologies .nav li a {
        font-size: 12px;
    }

    section.technologies h3 {
        font-size: 14px;
        padding: 0 30px;
    }

    section.technologies .center-content {
        padding-bottom: 20px;
    }

    section.technologies ul.nav.nav-tabs li a div {
        font-family: "MMC Regulat", sans-serif;
    }

    section.technologies ul.nav.nav-tabs li.active a div {
        font-family: "MMC Bold", sans-serif;
    }

    section.technologies .center-content p {
        font-size: 14px;
    }

    .news h2 {
        margin: 0;
        padding-top: 0px;
        padding-bottom: 20px;
        text-align: center;
    }

    .news {
        padding: 20px;
    }

    section#models .center-content > .model .title,
    li.dropdown-menu-item .models > div .title {
        font-size: 18px;
    }

    div#pop-up .modal-dialog,
    div#pop-up-service .modal-dialog {
        width: calc(100% - 60px);
        margin: 30px auto;
    }

    div#pop-up .modal-content,
    div#pop-up-service .modal-content {
        padding: 0 10px;
    }

    div#pop-up .modal-content h3,
    div#pop-up-service .modal-content h3 {
        font-size: 18px;
    }

    div#pop-up .modal-content form label span,
    div#pop-up-service.modal-content form label span {
        font-size: 16px;
    }

    div#pop-up .modal-content textarea,
    div#pop-up-service .modal-content textarea {
        min-height: 135px;
        resize: none;
    }

    div#pop-up .modal-content input,
    .modal-content textarea,
    div#pop-up-service .modal-content input,
    .modal-content textarea {
        font-size: 14px;
    }
    section.model-general-data > div > .mobile div > div:last-child {
        font-size: 22px;
    }

    section.model-general-data > div > .mobile > div {
        flex-basis: 40%;
    }

    section.model-general-data > div > .mobile > div:last-child {
        flex-basis: 60%;
    }

    section.model-general-data > div > .mobile div > div:first-child {
        font-size: 14px;
    }

    section.model-general-data > div > .mobile div > div:last-child > span {
        font-weight: normal;
        font-size: 14px;
    }

    section.model-general-data > div > .mobile > div:last-child > div:before {
        width: 30px;
        height: 30px;
    }

    section.model-general-data > div > .mobile > div:last-child > div {
        font-size: 14px;
    }

    section.model-general-data > div > .mobile > div:last-child {
        padding: 0 0 0 50px;
    }

    section.model-general-data > div > .mobile > div:last-child > div:before {
        top: -2px;
    }

    section.model-general-data > div > .mobile > div:last-child > div:before {
        left: -40px;
    }

    section.model-general-data > div > .mobile > div:last-child > div:nth-child(3):before {
        left: -40px;
        top: 2px;
    }

    section.model-image > div {
        top: 30px;
        left: 20px;
    }

    section.model-image > div p {
        font-size: 22px;
    }

    section.model-image > div a {
        margin-top: 15px;
        padding-right: 38px;
    }

    .model-colors .tab-pane img {
        max-width: 80%;
    }

    .model-colors a.right.carousel-control {
        right: 5px;
    }

    .model-colors a.left.carousel-control {
        right: 5px;
    }

    .model-colors .tab-content > .tab-pane > div > div {
        height: 150px;
    }

    section.model-colors span.model-color {
        width: 20px;
        height: 20px;
    }

    span.model-color:before {
        top: 3px;
        left: -3px;
    }

    section.model-colors .nav > li > a {
        padding: 5px;
    }

    section.model-gallery > div > div {
        flex-basis: 33.3%;
        height: 80px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
    }

    section.model-gallery h2 {
        padding-top: 20px;
        margin-top: 0;
        padding-left: 0;
        padding-bottom: 10px;
        text-align: center;
    }

    section.model-colors .nav > li.active > a .advantage-name {
        display: block;
        position: absolute;
        top: 24px;
    }

    .model-colors.advantages-content .advantage-name {
        font-weight: normal;
        font-size: 12px;
    }

    .color-carousel {
        padding-top: 0px;
    }

    section.prom-news-carousel .promo-carousel .pro-news-content > div:nth-child(2) {
        font-size: 14px;
        margin-bottom: 10px;
    }

    section.prom-news-carousel .carousel-control {
        top: calc(50% - 50px);
    }

    section.prom-news-carousel .promo-carousel .pro-news-content > div:nth-child(2) {
        font-size: 12px;
        margin-bottom: 10px;
        padding: 0 15px;
    }

    section.prom-news-carousel h4 {
        padding-bottom: 10px;
        font-size: 16px;
        padding-top: 25px;
    }

    section.prom-news-carousel .promo-carousel .pro-news-content > div:first-child,
    section.model-systems.systems h4 {
        font-size: 18px;
    }

    section.model-gallery {
        padding-bottom: 30px;
    }

    .model-promo .promo-content p {
        font-size: 12px;
    }

    .model-promo .promo-content h3 {
        font-size: 16px;
    }

    section.model-systems.systems .tech-imgage {
        min-height: 170px;
    }

    section.model-systems.systems .tech-tabs > div {
        padding: 0;
    }

    section.model-systems.systems .tech-tabs a:hover,
    section.model-systems.systems .tech-tabs a.active {
        border-top: 2px solid #ed1c24;
        font-size: 14px;
    }

    .tech-content-descr > div {
        position: absolute;
        opacity: 0;
        transition: opacity 200ms;
        font-size: 12px;
    }

    section.model-technologies > div > div:last-child > div.active {
        opacity: 1;
        position: relative;
        height: 300px;
        top: 120px;
        background-position: 70% 70%;
    }

    section.model-technologies > div > div:last-child > div {
        position: absolute;
        top: 120px;

        transition: opacity 200ms;
    }

    section.model-technologies .tech-tabs > div {
        flex-basis: 33.3%;
        margin-right: 0;
        margin-top: 40px;
        padding-top: 55px;
        margin-bottom: 30px;
        text-align: center;
    }

    section.model-technologies .tech-tabs > div a:before {
        left: calc(50% - 40px);
    }

    .tech-descr.active{
        text-align: center;
    }
    section.model-technologies .tech-head p {
        text-align: center;
        font-size: 14px;
        padding-top: 10px;
    }

    section.model-technologies .tech-head h4 {
        font-size: 24px;
        text-align: center;
    }

    section.model-technologies > div > div:first-child {
        padding: 0 20px;
    }

    section.model-technologies {
        min-height: 670px;
        padding: 0;
    }

    section.model-technologies > div {
        flex-direction: column;
    }

    section.model-technologies > div > div {
        flex-basis: 100%;
    }

    section.model-systems {
        padding-top: 20px;
        /*max-height: 490px;*/
        min-height: auto;
    }

    .promo-type-8 {
        padding: 10px 0;
        flex-direction: column;
    }

    .promo-type-8 > * {
        width: 100%;
    }

    .promo-type-8 > div {
        align-items: center;
        padding-left: 0;
    }

    .promo-type-8 > img {
        width: 100%;
    }

    .promo-type-8 .promo-content {
        background: #fff;
        color: #000 !important;
        padding: 20px;
        text-align: center;
    }

    .ideal-auto-slider .content {
        position: relative;
        min-height: 150px;
        overflow: hidden;
    }

    .ideal-auto-slider .tabs > div {
        margin-top: 2rem;
    }

    .ideal-auto-slider .tabs {
        width: 65%;
        min-height: 75px;
    }

    section.model-systems.systems > div > div > div > div:last-child {
        padding: 0;
    }

    .transformation-slider {
        padding-bottom: 120px;
    }

    .transformation-slider .carousel-indicators {
        bottom: -70px;
        margin-left: -13%;
    }

    .transformation-slider a.left.carousel-control {
        width: 50%;
        left: 0;
        text-align: left;
        padding-left: 10px;
        font-size: 14px;
    }

    .transformation-slider a.right.carousel-control {
        width: 50%;
        right: 0;
        text-align: right;
        padding-right: 10px;
        font-size: 14px;
    }

    section.model-credits > div.model-credits-carousel p {
        font-size: 12px;
        display: block;
    }

    section.model-credits > div.model-credits-carousel .title + div {
        font-size: 18px;
    }

    section.model-credits > div.model-credits-carousel .title > span {
        font-size: 22px;
    }

    section.trade-in .nav-tabs {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    section.trade-in .nav.nav-tabs li {
        width: calc(50% - 3px);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    section.trade-in .nav.nav-tabs li img {
        max-width: 100%;
    }

    section.trade-in .car > div {
        font-size: 18px;
    }

    section.trade-in .car-content {
        padding: 5rem;
    }

    section.trade-in .tab-content img {
        max-width: 100%;
    }

    section.trade-in .car-content {
        padding: 0 20px;
        flex-direction: column;
        align-items: center;
    }

    section.trade-in .banner .content {
        position: relative;
        top: 0;
        left: 0;
    }

    section.model-video {
        width: 100%;
        height: 280px;
    }

    section.model-lightbox-gallery .lightbox-contaner {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        /* grid-gap: 5px; */
        grid-auto-rows: 110px;
        grid-auto-flow: dense;
    }

    section.general-banner {
        display: none;
    }

    section.second-banners > div:first-child {
        margin-top: 30px;
    }
    section.second-banners > div {
        flex-basis: 100%;
        margin-bottom: 40px;
    }

    section.second-banners > div:nth-child(even) > div {
        margin-left: 0;
    }

    .corporate-clients .breadcrumbs {
        font-size: 16px;
    }

    section.content .cars .car {
        padding: 20px 10px;
        margin-bottom: 20px;
        flex-direction: column;
    }

    section.content .cars .car > div:nth-child(3) {
        align-items: flex-start;
    }

    section.car-in-stock .content {
        flex-direction: column-reverse;
    }

    section.car-in-stock .content > section:last-child {
        padding-left: 0;
        margin-bottom: 20px;
    }

    section.service-content > div:nth-child(2),
    section.service-content > div:nth-child(3) {
        padding: 0 20px;
    }

    section.service-content h1.service {
        font-size: 18px;
    }

    section.service-content {
        padding-bottom: 40px;
    }

    section.service-content .red_button {
        margin-left: 20px;
    }

    .service.accessories > div:nth-child(2),
    .service.accessories > div:nth-child(3) {
        padding: 10px;
    }

    .service.accessories .models > div {
        flex-basis: 50%;
        margin: 0;
        padding: 20px;
        box-sizing: border-box;
    }

    .service-content .image div {
        position: relative;
        height: 160px;
        width: 100%;
    }

    .service-content .image div.good {
        display: none;
    }

    .service-content .image div.bad {
        width: 100%;
    }

    .service-content .image span.arrow {
        display: none;
    }

    .service-content .image {
        height: 160px;
    }

    h1.service {
        font-size: 18px;
    }

    .service-content .direction {
        flex-basis: calc(50% - 20px);
        margin: 10px;
    }

    .service-content > .directions {
        padding: 10px;
    }

    .direction-parts a {
        padding: 1rem 5rem;
    }

    .service-content .direction .direction-content {
        padding: 20px;
    }
    .direction .image {
        height: 125px;
    }

    .service.test-drive.recording-t-o {
        width: 100%;
    }

    .service.test-drive.recording-t-o .models .test-drive-model {
        flex-basis: 50%;
    }

    .test-drive-model .test-drive-car .car {
        flex-basis: 100%;
    }

    #pop-up-terms-of-use .modal-dialog {
        width: 90%;
        margin: 0 auto;
        top: 10%;
    }

    .test-drive-car {
        margin-bottom: 0;
    }

    .test-drive .models .test-drive-model {
        margin-bottom: 0;
    }
    .test-drive-model {
        margin: 0;
    }
    .test-drive .models .test-drive-model:last-child {
        margin-bottom: 20px;
    }

    section.model-content .dillers .content .contact-data {
        min-height: 460px;
        padding: 2rem;
    }

    .service-image-menu .image-menu-item {
        flex-basis: 100%;
        margin-right: 0;
    }

    .service-content {
        position: relative;
        z-index: 0;
    }

    .service-promotions > div {
        flex-basis: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .service-promotions > div > div > a > h3 {
        font-size: 18px;
        margin-top: 0;
    }

    .service-promotions > div > div > a {
        font-size: 14px;
        margin-top: 10px;
    }

    .service.promotions h2 {
        padding: 0 10px;
    }

    section.footer .contact-form {
        min-width: auto;
        width: auto;
    }

    .news-content > div > div:last-child > div:nth-child(2) {
        padding-bottom: 70px;
    }

    .tabs .tab {
        display: none;
    }
    .tabs {
        display: flex !important;
        justify-content: center !important;
    }
    .tabs .tab.active {
        display: block;
        left: calc(50% - 40px) !important;
        margin-top: 1rem;
    }
    span.active-field {
        width: 20px;
        height: 20px;
        top: -11px;
    }

    .promo-content {
        background-color: #000 !important;
        transform: translateY(-1px) !important;
    }

    .promo-type-8 .promo-content p,.promo-type-8 .promo-content h3{
        background-color: #fff !important;
        color: #000 !important;
    }
    .promo-type-8 .promo-content{
        background-color: #fff !important;
        color: #000 !important;
    }

    .promo-content p,
    .promo-content h3 {
        color: #fff;
    }
}

@media (max-width: 450px) {
section.model-systems.systems .tech-imgage{
    min-height: 180px;
}

    .service-content .direction {
        flex-basis: calc(100%);
    }

    .direction .image {
        height: 245px;
    }

    h1.service {
        font-size: 18px;
        padding: 20px 0 0 0;
        margin-top: 0;
    }

    .content .text-content {
        padding: 0 30px;
    }

    section.model-systems.systems .tech-tabs {
        margin-top: -2px;
    }

    section.model-systems.systems .tech-content-descr {
        min-height: 115px;
    }
}

@media (max-width:414px){
    section.model-systems.systems .tech-imgage{
        min-height:166px ;
    }
}


@media (max-width:375px){
    section.model-systems.systems .tech-imgage{
        min-height:150px ;
    }
}

@media (max-width: 370px) {
    section.model-technologies .tech-tabs > div a:before,
    section.model-technologies .tech-tabs > div a.active:before {
        width: 50px;
        height: 50px;
        top: -50px;
        left: calc(50% - 25px);
    }
    section.model-technologies .tech-tabs > div {
        padding-top: 20px;
    }
    section.model-technologies .tech-tabs > div a {
        font-size: 14px;
    }
}
@media (max-width:360px){
    section.model-systems.systems .tech-imgage{
        min-height:144px ;
    }
}
@media (max-width:340px){
    section.model-systems.systems .tech-imgage{
        min-height:138px ;
    }
    
}

@media (max-width: 350px) {
    section.model-general-data > div > .mobile div > div:first-child {
        font-size: 21px;
    }

    section.model-general-data > div > .mobile > div:last-child > div > div:first-child {
        font-size: 12px;
    }

    section.model-credits > div.model-credits-carousel .title > span {
        font-size: 18px;
    }

    section.model-credits > div.model-credits-carousel .title + div {
        font-size: 16px;
    }

    section.model-credits > div.model-credits-carousel p {
        font-size: 16px;
    }

    .service.test-drive.recording-t-o .models .test-drive-model {
        flex-basis: 100%;
    }

    .service.test-drive.recording-t-o .models .cars .test-drive-model h4 {
        margin: 45px 0 0 0;
    }

    .service.test-drive.recording-t-o h2 {
        font-size: 24px;
        padding-top: 20px;
        background: #fff;
        margin: 0;
    }

    .service-content .direction {
        flex-basis: calc(100% - 20px);
    }

    .direction .image {
        height: 185px;
    }

    .direction .image {
        height: 185px;
        overflow: hidden;
    }

    .service-content .content .text-content {
        padding: 0 20px;
    }

    .red_button.doc-insurance:before {
        top: 23px;
    }

    .service.accessories .models > div {
        flex-basis: 100%;
    }
}
@media(max-width:320px){
    section.model-technologies .tech-tabs > div a:before,
    section.model-technologies .tech-tabs > div a.active:before {
        width: 50px;
        height: 50px;
        top: -50px;
        left: calc(50% - 25px);
    }
    section.model-systems.systems .tech-imgage{
        min-height: 129px;
    }
    .promo-type-2{
        margin-top: 60px;
    }
}