@media (max-width: 1550px) {
    .block-cars .car-model .days_left {
        top: 42px;
    }

    .block-cars .car-model .icons5 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .block-cars .car-model .icons5 > :first-child {
        white-space: wrap;
    }
}

@media (max-width: 1441px) {
    header .header .top_phone a {
        display: none;
    }

    header .header .header_contacts {
        width: 62%;
    }

    .block-cars .car-model .about_offer {
        position: absolute;
        top: 152px;
    }

    .block-cars .car-model .days_left {
        top: 40px;
    }

    .block-cars .car-model .days_left {
        top: 40px;
    }

    .car_props2 {
        margin-top: 0;
    }

    .image-wrap {
    }

    .block-cars .car-model .anchor {
        top: 92px;
        left: 0;
    }

    .car_props {
    }

    .title_content .title1 .br_mob {
        display: block;
    }

    .title_content .title2 .br_mob {
        display: block;
    }

    .title_content .title2 {
        font-size: 26px;
    }

}

/*IPAD PRO BEGIN*/
@media (min-width: 768px) and (max-width: 1199px) {
    .car_plashka {
        top: -20px;
        font-size: 14px;
        height: 40px;
    }

    .car_plashka:before {
        width: 18px;
        height: 24px;
        background-size: contain;
    }

    header .logo1 {
        padding: 0px 0%;
        padding-left: 10px;
    }

    h2 {
        font-size: 26px;
    }

    .b1 .swiper-slide.slide4 h2 p {
        font-size: 77%;
    }

    .block-4button .title {
        /* font-size: 15px; */
    }

    .block-models .items .title {
        font-size: 13px;
    }

    .block-cars .car-model .icons4 .icon b,
    .block-cars .car-model .icons4 .icon i {
        font-size: 13px;
    }

    .block-cars .car-model .icons4 .icon b {
        padding-left: 7px;
    }

    .block-cars .car-model .icons4 .icon {
        font-size: 13px;
    }

    .block-cars .car-model .icons4 .icon {
        width: auto;
    }

    .block-cars .car-model .icons5 a {
        font-size: 12px;
    }

    #tradein .container {
        padding-top: 36px;
    }

    .block-kred {
        height: 668px;
        background-position: 0px center;
        background-size: 900px;
    }

    .block-cars .car-model .icons5 .icon br {
        display: block;
    }

    .car_info {
        top: -20px;
        right: 18px;
        padding: 10px;
        font-size: 16px;
    }

    .car_info .plashka {
        background-repeat: no-repeat;
        background-size: 20px 20px;
        padding-left: 30px;
        line-height: 20px;
    }

    .title_content .title1 {
        font-size: 18px;
    }

    .title_content .title2 {
        font-size: 20px;
    }

    .title_content .title3 {
        font-size: 18px;
    }

}

/*IPAD PRO BEGIN*/

/*IPAD BEGIN*/
@media (min-width: 768px) and (max-width: 991px) {
    .car_plashka {
        top: -15px;
        height: 30px;
    }

    .banner_item .title_content {
        padding: 2vw 0;
    }

    .title_content .title1 {
        font-size: 2.2vw;
    }

    .title_content .title2 {
        margin-top: 2vw;
        font-size: 3vw;
    }

    .title_content .title3 {
        font-size: 2.2vw;
    }

    .banner_props {
        flex-direction: column;
        align-items: center;
        row-gap: 14px;
    }

    .banner_item.slide1 .button {
        display: none;
    }

    .cookies {
        padding: 15px 40px;
    }

    .cookies_wrap {
        flex-direction: column;
    }

    .cookies_text {
        font-size: 14px;
    }

    .cookies_wrap .button {
        width: 100%;
        margin-top: 20px;
    }

    .anim {
        opacity: 1;
    }

    h2 {
        font-size: 21px;
    }

    header .logo-wrap {
        margin-right: 0;
        padding-right: 0;
    }

    header .header .header_contacts .popup {
        min-width: auto;
        white-space: nowrap;
        margin-left: 10px;
    }

    header .header .top_phone {
        margin-left: 10px;
        padding-left: 0;
    }

    header .header .top_addr {
        margin-left: 10px;
    }

    header .menu .main_menu {
        justify-content: space-between;
    }

    header .menu .main_menu a {
        padding-left: 14px;
        padding-right: 14px;
    }

    .now {
        height: auto;
    }

    .now #form2 {
        flex-direction: column;
        margin: 0;
        margin-left: 10px;
    }

    .now #form2 .agree_field {
        width: 100%;
    }

    .now #form2 .form-group {
        width: 100%;
    }

    .now .timer {
        transform: scale(0.7);
    }

    .b1 .swiper-slide .title1 {
        font-size: 20px;
    }

    .block-4button .item {
        padding: 30px;
    }

    .block-4button .title {
        font-size: 20px;
        padding-left: 60px;
    }

    .block-4button .line {
        width: 100%;
    }

    .block-4button .text {
    }

    .block-models .items {
        flex-wrap: wrap;
        justify-content: center;
    }

    .block-cars .car-model .name {
        font-size: 26px;
    }

    .block-cars .car-model .days_left {
        font-size: 14px;
    }

    .block-cars .car-model .icons4 {
        flex-wrap: wrap;
    }

    .block-cars .car-model .icons4 .icon {
        width: 50%;
        margin-bottom: 10px;
    }

    .block-cars .car-model .gallwrap {
        flex-direction: column;
    }

    .block-cars .car-model .gall {
        margin-right: 0px;
    }

    .block-cars .car-model .gall img {
        width: 100%;
    }

    .car_info {
        padding: 5px;
    }

    .block-cars .car-model .car_profit {
        font-size: 14px;
    }

    .block-cars .car-model .icons5 {
        grid-template-columns: unset
    }

    #instock .complects_items .compl_item {
        width: 100%;
    }

    #instock .complects_items .compl_item .compl_name,
    #instock .complects_items .compl_item .engine,
    #instock .complects_items .compl_item .compl_credit_btn {
        margin-top: 16px;
    }

    #tradein .wrap .title {
        font-size: 21px;
    }
}

/*IPAD END*/

/*MOBILE BEGIN*/
@media (max-width: 767px) {
    .car_plashka {
        font-size: 14px;
        height: 50px;
    }

    .car_plashka:before {
        width: 18px;
        height: 24px;
        background-size: contain;
    }

    .banner .banner_item {
        height: 82vw !important;
    }

    .banner .banner_item .container {
        padding: 0;
    }

    .banner .banner_item.slide1 {
        background: url(../img/bg1_mob.jpg) no-repeat;
        background-size: 100%;
        background-position: 50% 100%;
    }

    .banner .banner_item.slide2 {
        background-size: 100%;
        background-position: 50% 25vw;
    }

    .banner .banner_item.slide4 {
        background-size: 100%;
        background-position: 50% 25vw;
    }

    .banner .banner_item.slide2 {
        color: #000000;
    }

    .banner_item .title_content {
        top: 0;
        padding: 20px 15px;
        text-align: center;
        background: linear-gradient(90deg, rgba(43, 48, 58, 0.00) 0%, rgba(43, 48, 58, 0.70) 48.08%, rgba(43, 48, 58, 0.00) 100%);
    }

    .banner_item .title_content:before {
        display: none;
    }

    .banner_item .button {
        display: none;
    }

    .banner_item.slide4 .button {
        margin-top: 33vw;
    }

    .title_content .title1 {
        font-size: 3.6vw;
        line-height: 140%;
    }

    .title_content .title2 {
        margin-top: 2vw;
        font-size: 3.4vw;
        line-height: 140%;
    }

    .title_content .title3 {
        margin-top: 2vw;
        font-size: 2.4vw;
    }

    .banner_props {
        flex-direction: column;
        align-items: center;
        row-gap: 14px;
    }

    .banner_props a {
        padding-left: 38px;
        font-size: 3vw;
    }

    .banner_props a:before {
        width: 24px;
        height: 24px;
        background-size: contain !important;
    }

    .block-4button {
        margin-top: 40px;
    }

    .banner_item.slide4 .title_content {
        margin: 0;
        margin-top: 45px;
        padding: 0;
        text-align: center;
        color: #000000;
        background: #ffffff;
    }

    .banner_item.slide4 .title_content .title1 {
        font-size: 4vw;
    }

    .banner_item.slide4 .title_content .title2 {
        font-size: 4vw;
    }

    .deadline {
        position: relative;
        font-size: 16px;
    }

    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        top: 2%;
        display: none;
    }

    .banner .swiper-button-next {
        right: 20px;
    }

    .banner .swiper-button-prev {
        left: 20px;
    }

    .gift {
        position: relative;
        bottom: 25%;
        right: 60px;
        width: 60%;
        font-size: 2vh;
        line-height: 2vh;
        padding: 6px 25px 6px 78px;
    }

    .gift::before {
        left: -30px;
        top: 50%;
        transform: translateY(-50%);
    }

    .cookies {
        padding: 15px;
    }

    .cookies_wrap {
        flex-direction: column;
    }

    .cookies_text {
        font-size: 10px;
    }

    .cookies_wrap .button {
        width: 100%;
        height: 40px;
        margin-top: 10px;
    }

    footer .yurinfo {
        font-size: 2.5vw;
        margin-bottom: 10px;
    }

    footer .logo-wrap {
        justify-content: space-between;
    }

    footer .logo-wrap .logo1 {
        width: 50%;
    }

    footer .logo-wrap .logo2 {
        font-size: 3vw;
    }

    footer a {
        font-size: 3vw;
    }


    body {

    }

    .anim {
        opacity: 1;
    }

    /*
    h2 {
        font-size: 22px !important;
        margin-bottom: 31px !important;
    }
    */
    #instock .compl_title {
        font-size: 24px;
    }

    .desk {
        display: none;
    }

    .mob {
        display: flex !important;
    }

    .fancybox-type-image {
        width: 100% !important;
        margin: 0px !important;
        left: 0px !important;
    }

    .fancybox-close {
        right: 9px !important;
        top: 9px !important;
    }

    .fancybox-inner {
        width: 100% !important;
        margin: 0px !important;
        padding: 0px !important;
    }

    .fancybox-wrap {
        margin: 0px !important;
        width: 100% !important;
        left: 0px !important;
        top: 20px !important;
    }

    .fancybox-type-image .fancybox-close {
        top: -8px !important;
    }

    .popup_container {
        width: 100%;
    }

    #map1 {
        position: static !important;
        width: 100% !important;
        bottom: 0;
        left: 0;
        right: 0;
        order: 22;
    }

    header .m_button {
        display: block;
        position: absolute;
        width: 30px;
        height: 21px;
        z-index: 1;
        top: 7px;
        right: 15px;
    }

    header .m_button span {
        position: absolute;
        display: block;
        width: 30px;
        height: 3px;
        background: black;
        transition: all 0.3s linear;
    }

    header .m_button span:nth-child(1) {
        top: 0;
    }

    header .m_button span:nth-child(2) {
        top: calc(50% - 1px);
        opacity: 1;
    }

    header .m_button span:nth-child(3) {
        bottom: 0;
    }

    header .m_button.active span:nth-child(1) {
        transform-origin: top right;
        transform: rotate(-45deg);
        top: -1px;
    }

    header .m_button.active span:nth-child(2) {
        opacity: 0;
    }

    header .m_button.active span:nth-child(3) {
        transform-origin: bottom right;
        transform: rotate(45deg);
        bottom: -1px;
    }

    header .logo_wrap {
        margin-right: 60px;
    }

    .menu_wrapper {
        display: block;
        position: fixed;
        top: 65px;
        width: 100%;
        height: auto;
        right: -100%;
        left: unset;
        transition: all 0.3s linear;
        z-index: 20000;
        padding: 10px 0;
        background: white;
    }

    .menu_wrapper.active {
        right: 0;
    }

    .menu .container {
        flex-direction: column;
    }

    .menu_blocks,
    .menu_cars {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .menu a {
        padding: 10px 0;
    }

    body {
        padding-top: 0;
    }

    header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2;
    }

    header .header {
        height: 90px;
        border: 0;
    }

    header .header .container {
        align-items: center;
        flex-wrap: wrap;
        row-gap: 6px;
    }

    header .header .logo-wrap {
        padding: 0;
        max-width: 85%;
    }

    header .header .logo-wrap .logo1 {
        width: 70%;
    }

    header .header .logo-wrap .logo1 img {
        max-width: 170px;
    }

    header .logo1 {
        font-size: 1.8vw;
        padding: 0;
        /*padding-left: 30px;*/

    }

    header .logo1 b {
        font-size: 3vw;
    }

    header .header .logo-wrap .logo2 {
        width: 50%;

    }

    header .header .logo-wrap .logo2 img {
    }

    header .header .header_contacts {
        order: 1;
        width: 100%;
        justify-content: left;
    }

    header .header .header_contacts .top_addr {
        display: none;
    }

    header .header .header_contacts .top_phone {
        /* display: none; */
        padding: 7px 15px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #FFF;
        box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.12);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    header .header .header_contacts .top_phone span {
        display: block;
        font-size: 14px;
    }

    header .header .header_contacts .top_phone a {
        display: block;
        padding-left: 0;
        color: #00CABF;
        font-weight: 400;
        font-size: 14px;
    }

    header .header .header_contacts .top_phone a:before {
        display: none;
    }


    header .header .header_contacts a {
    }

    header .header .header_contacts a:before {
        /* content:''; */
    }

    header .header .header_contacts a:after {
        content: "";
    }

    header .header .header_contacts a:hover {
    }

    header .header .header_contacts .top_phone:before {
        /* content:''; */
    }

    header .header .header_contacts .top_phone:after {
        content: "";
    }

    header .header .header_contacts .top_phone:hover {
    }

    header .header .header_contacts .button {
        display: none;
    }

    header .header .header_contacts .button:before {
        content: "";
    }

    header .header .header_contacts .button:after {
        content: "";
    }

    header .header .header_contacts .button:hover {
    }

    header .header .phone_mob {
    }

    header .header a {
    }

    header .header a:before {
        content: "";
    }

    header .header a:after {
        content: "";
    }

    header .header a:hover {
    }

    header .header .phone_mob:before {
        content: "";
    }

    header .header .phone_mob:after {
        content: "";
    }

    header .header .phone_mob:hover {
    }

    header .header .phone_mob img {
    }

    header .header .m_button {
        display: block;
        position: relative;
        width: 30px;
        height: 22px;
        z-index: 1;
        top: 2px;
    }

    header .header .m_button span {
    }

    header .menu {
    }

    header .menu .container {
    }

    header .menu .main_menu {
        flex-direction: column;
    }

    header .menu .main_menu {
    }

    header .menu .main_menu a {
    }

    header .menu .main_menu a:before {
        content: "";
    }

    header .menu .main_menu a:after {
        content: "";
    }

    header .menu .main_menu a:hover {
    }

    header .menu .main_menu:before {
        content: "";
    }

    header .menu .main_menu:after {
        content: "";
    }

    header .menu .main_menu:hover {
    }

    .banner {
        margin-top: 100px;
    }

    .b1 {
        height: auto;
    }

    .b1 .swiper-slide.slide4 h2 {
        margin-top: 2vw;
        font-size: 2.8vw;
        /*color:white;*/
    }

    .b1 .swiper-slide span {
        font-size: 2vw;
    }

    .b1 .swiper-slide .title2 {
        font-size: 18px;
    }

    .b1 .swiper-container {
    }

    .b1 .swiper-container .container {
    }

    .b1 .swiper-container .container {
    }

    .b1 .swiper-container .swiper-slide {
        height: 76vw;
        background-size: 767px;
        background-position: center top;
        background-color: black;
        padding-top: 275px;
    }

    .b1 .swiper-container .swiper-slide.slide4 {
        background-image: url(../img/b1_slide4.jpg?v=3);
        background-size: 126%;
        color: #000;
        padding-top: 10vw;
        padding-bottom: 20px;
        background-position: 50% 34vw;
    }

    .b1 .swiper-container .swiper-slide.slide5 {
        background-image: url(../img/b1_slide5_mob.jpg?v=2);
        background-size: 100%;
        color: #000;
        padding-top: 0;
        padding-bottom: 20px;
        background-position: center bottom;
    }

    .b1 .swiper .swiper-pagination {
        bottom: 22px;
    }

    .b1 .swiper-slide .button {

    }

    .b1 .swiper-container .swiper-button-prev {
        top: -180px;
        left: -40px;
        display: none;
    }

    .b1 .swiper-container .swiper-button-next {
        top: -180px;
        right: -40px;
        display: none;
    }

    .b1 .swiper-container .swiper-notification {
    }

    #models.block-models .swiper-wrapper .title {
        width: 170px;
    }

    .now .button.gray {
        margin-top: 0;
    }

    .now {
        height: auto;
        margin-bottom: 0;
        padding: 16px 0;
        display: none;
    }

    .now .container {
        flex-direction: column;
    }

    .now h2 {
        margin-bottom: 0px !important;
    }

    .now h2 br {
        display: none;
    }

    .now .timer {
    }

    .now #form2 {
        width: 100%;
    }

    .now #form2 input {
    }

    .now #form2 .form-group {
        width: 100%;
    }

    .now #form2 .form-group .form-control {
    }

    .now #form2 .form-group .form-control.button.gray {
    }

    .now #form2 .form-group .form-control.button.gray span {
    }

    .now #form2 .agree_field {
        width: 100%;
    }

    .now #form2 .agree_field input {
    }

    .now #form2 a {
    }

    .now #form2 a:before {
        content: "";
    }

    .now #form2 a:after {
        content: "";
    }

    .now #form2 a:hover {
    }

    .now #form2 .agree_field:before {
        content: "";
    }

    .now #form2 .agree_field:after {
        content: "";
    }

    .now #form2 .agree_field:hover {
    }

    .car_props + .image-wrap {
    }

    .image-wrap {
        margin-top: 20px;
        /*margin-bottom: 20px;*/
    }

    .car-model#f7 .image-wrap {
        margin-bottom: 20px;
    }

    .block-4button.anim {
        margin-bottom: 30px;
    }

    .block-4button.anim .container {
    }

    .block-4button.anim .items {
    }

    .block-4button.anim .items .item {

    }

    .block-4button.anim .items .item .title {

    }

    .block-4button.anim .items .item .title br {
    }

    .block-4button.anim .items .item .text {
    }

    .b1 .swiper-slide.slide4 {
        background-color: #ffffff;
    }

    .car_info {
        padding: 15px;
    }

    #models {
        margin-top: 34px;
    }

    #models .swiper-slide {
        width: 100%;
        flex-shrink: 0;
    }

    #models .swiper-pagination-bullet-active {
        background: black !important;
    }

    #models .swiper-wrapper .model {
        width: 100%;
        /* height: 110px; */
        height: 80px;
        justify-content: center;
    }

    #models .swiper-wrapper img {
        width: 100%;
    }

    #models .container {
    }

    #models h2 {
    }

    #models .items {
    }

    #models .items {
        flex-wrap: wrap;
    }

    #models .items a {
        width: 32%;
    }

    #models .items a:before {
        content: "";
    }

    #models .items a:after {
        content: "";
    }

    #models .items a:hover {
    }

    #models .items:before {
        content: "";
    }

    #models .items:after {
        content: "";
    }

    #models .items:hover {
    }

    #models .items .title {
    }

    #models .items .model {
    }

    #models .items .model img {
    }

    .block-cars {
    }

    .block-cars .container {
    }

    .block-cars .car-model {
        width: 100%;
        margin-bottom: 30px;
    }

    .block-cars {
    }

    .block-cars .name {
        /*padding-top: 30px;*/
    }

    .block-cars .car-model .anchor {
        position: relative;
        margin-top: 10px;
        top: 0;
        display: block;
        font-size: 14px;
    }

    .buttons > .button.white.anchor {
        display: flex;
    }

    .block-cars .name .limited_offer {
    }

    .block-cars .car-model .days_left {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 86px;
        padding: 0;
        text-align: center;
        font-size: 12px;
        padding: 4px;
    }

    .block-cars .car-model .days_left .remain {
        display: none;
    }

    .block-cars .car-model .days_left .count {
        font-size: 28px;
    }

    .block-cars .image-wrap {
    }

    .block-cars .image-wrap .bigimg {
    }

    .block-cars .image-wrap .bigimg img {
    }

    .block-cars .image-wrap .colors {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .block-cars .image-wrap .colors .color.active {
    }

    .block-cars .image-wrap .colors .color {
    }

    .block-cars .icons4 {
        flex-wrap: wrap;
        margin-bottom: 0px !important;
    }

    .block-cars .icons4 .icon {
        width: 50% !important;
        margin-bottom: 20px;
        display: none;
    }

    .block-cars .icons4 .icon.icon-eng {
    }

    .block-cars .icons4 .icon.icon-eng i {
    }

    .block-cars .icons4 .icon.icon-fuel {
    }

    .block-cars .icons4 .icon.icon-fuel i {
    }

    .block-cars .icons4 .icon.icon-speed {
    }

    .block-cars .icons4 .icon.icon-speed i {
    }

    .block-cars .icons4 .icon.icon-car {
    }

    .block-cars .icons4 .icon.icon-car i {
    }

    .block-cars .icons5 {

    }

    .block-cars .icons5 a {
    }

    .block-cars .icons5 a:before {
        content: "";
    }

    .block-cars .icons5 a:after {
        content: "";
    }

    .block-cars .icons5 a:hover {
    }

    .block-cars .icons5 .icon.icon1:before {
        content: "";
    }

    .block-cars .icons5 .icon.icon1:after {
        content: "";
    }

    .block-cars .icons5 .icon.icon1:hover {
    }

    .block-cars .icons5 .icon.icon2 {
    }

    .block-cars .icons5 .icon.icon2:before {
        content: "";
    }

    .block-cars .icons5 .icon.icon2:after {
        content: "";
    }

    .block-cars .icons5 .icon.icon2:hover {
    }

    .block-cars .icons5 .icon.icon3 {
        display: none;
    }

    .block-cars .icons5 .icon.icon3:before {
        content: "";
    }

    .block-cars .icons5 .icon.icon3:after {
        content: "";
    }

    .block-cars .icons5 .icon.icon3:hover {
    }

    .block-cars .icons5 .icon.icon4 {
    }

    .block-cars .icons5 .icon.icon4:before {
        content: "";
    }

    .block-cars .icons5 .icon.icon4:after {
        content: "";
    }

    .block-cars .icons5 .icon.icon4:hover {
    }

    .block-cars .gallwrap {
        flex-direction: column;
        margin-top: 20px;
    }

    .block-cars .gallwrap .gall {
        margin-right: 0;
        flex-direction: row;
        grid-gap: 10px;
    }

    .block-cars .gallwrap .gall a {
        margin-top: 0;
    }

    .block-cars .gallwrap .gall a:before {
        content: "";
    }

    .block-cars .gallwrap .gall a:after {
        content: "";
    }

    .block-cars .gallwrap .gall a:hover {
    }

    .block-cars .gallwrap .gall a:hover {
    }

    .block-cars .gallwrap .gall a img {
        width: 100%;
    }

    .block-cars .gallwrap .buttons {
    }

    .block-cars .gallwrap .buttons .button.white {
    }

    .block-cars .gallwrap .buttons a {
        width: 100% !important;
    }

    .block-cars .gallwrap .buttons a:before {
        content: "";
    }

    .block-cars .gallwrap .buttons a:after {
        content: "";
    }

    .block-cars .gallwrap .buttons a:hover {
    }

    .block-cars .gallwrap .buttons .button.white:before {
        content: "";
    }

    .block-cars .gallwrap .buttons .button.white:after {
        content: "";
    }

    .block-cars .gallwrap .buttons .button.white:hover {
    }

    .block-cars .gallwrap .buttons .button.gray {
    }

    .block-cars .gallwrap .buttons .button.gray:before {
        content: "";
    }

    .block-cars .gallwrap .buttons .button.gray:after {
        content: "";
    }

    .block-cars .gallwrap .buttons .button.gray:hover {
    }

    .block-cars .gallwrap .buttons .button {
        margin-top: 12px;
    }

    .block-cars .gallwrap .buttons .button:before {
        content: "";
    }

    .block-cars .gallwrap .buttons .button:after {
        content: "";
    }

    .block-cars .gallwrap .buttons .button:hover {
    }

    #instock {
    }

    #instock .container {
    }

    #instock .instock_title {
        margin-bottom: 42px;
    }

    #instock .complects {
        flex-direction: column;
        margin-top: 0px;
    }

    #instock .complects .filter {
        margin-bottom: 30px;
        width: 100%;
    }

    #instock .complects .filter .title {
    }

    #instock .complects .filter .filter_items {
    }

    #instock .complects .filter .filter_items .item.open {
    }

    #instock .complects .filter .filter_items .item {
    }

    #instock .complects .filter .filter_items .item:before {
        content: "";
    }

    #instock .complects .filter .filter_items .item:after {
        content: "";
    }

    #instock .complects .filter .filter_items .item:hover {
        content: "";
    }

    #instock .complects .filter .filter_items .item.open .name {
    }

    #instock .complects .filter .filter_items .item.open .content {
    }

    #instock
    .complects
    .filter
    .filter_items
    .item.open
    .content
    .filter_checkbox {
    }

    #instock
    .complects
    .filter
    .filter_items
    .item.open
    .content
    .filter_checkbox
    input {
    }

    #instock
    .complects
    .filter
    .filter_items
    .item.open
    .content
    .filter_checkbox
    span {
    }

    #instock .complects .filter .filter_items .item .name {
    }

    #instock .complects .filter .filter_items .item .content {
    }

    #instock .complects .filter .filter_items .item .content .filter_checkbox {
    }

    #instock
    .complects
    .filter
    .filter_items
    .item
    .content
    .filter_checkbox
    input {
    }

    #instock
    .complects
    .filter
    .filter_items
    .item
    .content
    .filter_checkbox
    span {
    }

    #instock .complects .filter .show_filter {
    }

    #instock .complects .filter .show_filter .button {
    }

    #instock .complects .filter .show_filter a {
    }

    #instock .complects .filter .show_filter a:before {
        content: "";
    }

    #instock .complects .filter .show_filter a:after {
        content: "";
    }

    #instock .complects .filter .show_filter a:hover {
    }

    #instock .complects .filter .show_filter .button:before {
        content: "";
    }

    #instock .complects .filter .show_filter .button:after {
        content: "";
    }

    #instock .complects .filter .show_filter .button:hover {
    }

    #instock .complects .filter .show_filter .button span {
    }

    #instock .complects .filter .clear_filter {
    }

    #instock .complects .filter .clear_filter .button {
    }

    #instock .complects .filter .clear_filter a {
    }

    #instock .complects .filter .clear_filter a:before {
        content: "";
    }

    #instock .complects .filter .clear_filter a:after {
        content: "";
    }

    #instock .complects .filter .clear_filter a:hover {
    }

    #instock .complects .filter .clear_filter .button:before {
        content: "";
    }

    #instock .complects .filter .clear_filter .button:after {
        content: "";
    }

    #instock .complects .filter .clear_filter .button:hover {
    }

    #instock .complects .filter .clear_filter .button span {
    }

    #instock .complects #complects_items {
        width: 100%;
    }

    #instock .complects #complects_items .compl_item {
        width: 100%;
    }

    #instock .complects #complects_items .compl_item .image {
        text-align: center;
        width: 100%;
    }

    #instock .complects #complects_items .compl_item .image picture {
    }

    #instock .complects #complects_items .compl_item .image picture .lazyload {
    }

    #instock .complects #complects_items .compl_item .compl_name {
    }

    #instock .complects #complects_items .compl_item .engine {
    }

    #instock .complects #complects_items .compl_item .engine ul {
    }

    #instock .complects #complects_items .compl_item .engine ul li {
    }

    #instock .complects #complects_items .compl_item .compl_credit_btn {
    }

    #instock .complects #complects_items .compl_item a {
    }

    #instock .complects #complects_items .compl_item a:before {
        content: "";
    }

    #instock .complects #complects_items .compl_item a:after {
        content: "";
    }

    #instock .complects #complects_items .compl_item a:hover {
    }

    #instock .complects #complects_items .compl_item .compl_credit_btn:before {
        content: "";
    }

    #instock .complects #complects_items .compl_item .compl_credit_btn:after {
        content: "";
    }

    #instock .complects #complects_items .compl_item .compl_credit_btn:hover {
    }

    #instock .complects #complects_items .compl_item .button {
    }

    #instock .complects #complects_items .compl_item .button:before {
        content: "";
    }

    #instock .complects #complects_items .compl_item .button:after {
        content: "";
    }

    #instock .complects #complects_items .compl_item .button:hover {
    }

    #instock .complects #complects_items .compl_item .button span {
    }

    #instock .complects #complects_items .compl_item.hide {
    }

    #instock .complects #complects_items .item {
    }

    #instock .complects #complects_items .item:before {
        content: "";
    }

    #instock .complects #complects_items .item:after {
        content: "";
    }

    #instock .complects #complects_items .item:hover {
        content: "";
    }

    #instock .complects #complects_items .compl_item.hide .image {
    }

    #instock .complects #complects_items .compl_item.hide .image picture {
    }

    #instock
    .complects
    #complects_items
    .compl_item.hide
    .image
    picture
    .lazyload {
    }

    #instock .complects #complects_items .compl_item.hide .compl_name {
    }

    #instock .complects #complects_items .compl_item.hide .engine {
    }

    #instock .complects #complects_items .compl_item.hide .engine ul {
    }

    #instock .complects #complects_items .compl_item.hide .engine ul li {
    }

    #instock .complects #complects_items .compl_item.hide .compl_credit_btn {
    }

    #instock .complects #complects_items .compl_item.hide a {
    }

    #instock .complects #complects_items .compl_item.hide a:before {
        content: "";
    }

    #instock .complects #complects_items .compl_item.hide a:after {
        content: "";
    }

    #instock .complects #complects_items .compl_item.hide a:hover {
    }

    #instock
    .complects
    #complects_items
    .compl_item.hide
    .compl_credit_btn:before {
        content: "";
    }

    #instock
    .complects
    #complects_items
    .compl_item.hide
    .compl_credit_btn:after {
        content: "";
    }

    #instock
    .complects
    #complects_items
    .compl_item.hide
    .compl_credit_btn:hover {
    }

    #instock .complects #complects_items .compl_item.hide .button {
    }

    #instock .complects #complects_items .compl_item.hide .button:before {
        content: "";
    }

    #instock .complects #complects_items .compl_item.hide .button:after {
        content: "";
    }

    #instock .complects #complects_items .compl_item.hide .button:hover {
    }

    #instock .complects #complects_items .compl_item.hide .button span {
    }

    #tradein {
        background-size: 770px;
        padding-top: 201px;
        color: black;
        height: auto;
    }

    #tradein .container {
    }

    #tradein h2 {
    }

    #tradein .wrap {
    }

    #tradein .wrap .form-wrap {
        width: 100%;
    }

    #tradein .wrap .form-wrap .title {
        color: black;
        font-size: 22px;
        text-transform: uppercase;
        text-align: center;
    }

    #tradein .wrap .form-wrap .title br {
    }

    #tradein .wrap .form-wrap .title .br_mob {
        display: block;
    }

    #tradein .wrap .form-wrap #form2 {
        width: 100%;
    }

    #tradein .wrap .form-wrap #form2 input {
    }

    #tradein .wrap .form-wrap #form2 .form-group {
    }

    #tradein .wrap .form-wrap #form2 .form-group .form-control {
    }

    #tradein .wrap .form-wrap #form2 .form-group .form-control {
    }

    #tradein .wrap .form-wrap #form2 .form-group .button.blue.form-control. {
    }

    #tradein .wrap .form-wrap #form2 .agree_field {
        color: black;
    }

    #tradein .wrap .form-wrap #form2 .agree_field input {
    }

    #tradein .wrap .form-wrap #form2 a {
        color: black;
    }

    #tradein .wrap .form-wrap #form2 a:before {
        content: "";
    }

    #tradein .wrap .form-wrap #form2 a:after {
        content: "";
    }

    #tradein .wrap .form-wrap #form2 a:hover {
    }

    #tradein .wrap .form-wrap #form2 .agree_field:before {
        content: "";
    }

    #tradein .wrap .form-wrap #form2 .agree_field:after {
        content: "";
    }

    #tradein .wrap .form-wrap #form2 .agree_field:hover {
    }

    #kred {
        background-size: 770px;
        background-position: left top;
        padding-top: 380px;
        color: black;
        height: auto;
    }

    #kred .container {
    }

    #kred h2 {
        margin-bottom: 30px;
    }

    #kred .columns {
    }

    #kred .columns #form3 {
        width: 100%;
    }

    #kred .columns #form3 input {
    }

    #kred .columns #form3 .form-group {
    }

    #kred .columns #form3 .form-group .form-control {
    }

    #kred .columns #form3 .form-group .button.blue.form-control. {
    }

    #kred .columns #form3 .agree_field {
    }

    #kred .columns #form3 .agree_field input {
    }

    #kred .columns #form3 a {
    }

    #kred .columns #form3 a:before {
        content: "";
    }

    #kred .columns #form3 a:after {
        content: "";
    }

    #kred .columns #form3 a:hover {
    }

    #kred .columns #form3 .agree_field:before {
        content: "";
    }

    #kred .columns #form3 .agree_field:after {
        content: "";
    }

    #kred .columns #form3 .agree_field:hover {
    }

    #testdrive {
        background-size: 770px;
        background-position: right top;
        padding-top: 235px;
        color: black;
        height: auto;
    }

    #testdrive .container {
    }

    .button {
        width: 100%;
    }

    #testdrive .columns {
        width: 100%;
    }

    #testdrive .columns h2 {
        color: black;
        margin-bottom: 28px;
    }

    #testdrive .columns #form3 {
    }

    #testdrive .columns #form3 input {
    }

    #testdrive .columns #form3 .form-group {
    }

    #testdrive .columns #form3 .form-group .form-control {
        /*border-color: black !important;
        color: black !important;*/
    }

    #testdrive .columns #form3 ::placeholder {
        color: black;
        opacity: 1; /* Firefox */
    }

    #testdrive .columns #form3 ::-ms-input-placeholder {
        color: black !important;
    }

    #testdrive .columns #form3 input {
        border-color: black !important;
        color: black !important;
    }

    #testdrive .columns #form3 .form-group .button.blue.form-control. {
    }

    #testdrive .columns #form3 .agree_field {
        color: black;
    }

    #testdrive .columns #form3 .agree_field input {
    }

    #testdrive .columns #form3 a {
        color: black;
    }

    #testdrive .columns #form3 a:before {
        content: "";
    }

    #testdrive .columns #form3 a:after {
        content: "";
    }

    #testdrive .columns #form3 a:hover {
    }

    #testdrive .columns #form3 .agree_field:before {
        content: "";
    }

    #testdrive .columns #form3 .agree_field:after {
        content: "";
    }

    #testdrive .columns #form3 .agree_field:hover {
    }

    .contacts_wrapper {
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
        padding-top: 40px;
    }

    .contacts_wrapper .container {
        flex-direction: column;
    }

    .contacts_wrapper #contacts {
        width: 100%;
        margin-bottom: 30px;
        height: auto;
        margin: 0;
        padding: 0;
        margin-bottom: 20px;
    }

    .contacts_wrapper #contacts .title {
        margin-bottom: 29px;
    }

    .contacts_wrapper #contacts .bottom_addr {
    }

    .contacts_wrapper #contacts .bottom_addr b {
    }

    .contacts_wrapper #contacts .bottom_addr br {
    }

    .contacts_wrapper #contacts .bottom_addr span {
    }

    .contacts_wrapper #contacts .bottom_phone {
    }

    .contacts_wrapper #contacts a {
    }

    .contacts_wrapper #contacts a:before {
        content: "";
    }

    .contacts_wrapper #contacts a:after {
        content: "";
    }

    .contacts_wrapper #contacts a:hover {
    }

    .contacts_wrapper #contacts .bottom_phone:before {
        content: "";
    }

    .contacts_wrapper #contacts .bottom_phone:after {
        content: "";
    }

    .contacts_wrapper #contacts .bottom_phone:hover {
    }

    .contacts_wrapper #contacts .open_hours {
    }

    .contacts_wrapper #contacts .open_hours b {
    }

    .contacts_wrapper #contacts .button {
    }

    .contacts_wrapper #contacts .button:before {
        content: "";
    }

    .contacts_wrapper #contacts .button:after {
        content: "";
    }

    .contacts_wrapper #contacts .button:hover {
    }

    footer {
    }

    footer .container {
    }

    footer .footer_wrapper {
        margin-bottom: 20px;
    }

    footer .footer_wrapper .logo-wrap {
        margin-bottom: 20px;
    }

    footer .policies {
        align-items: start;
    }

    footer .footer_wrapper .logo-wrap .logo1 {
    }

    footer .footer_wrapper .logo-wrap .logo1 img {
    }

    footer .footer_wrapper .logo-wrap .logo2 {
    }

    footer .footer_wrapper .logo-wrap .logo2 img {
    }

    footer .footer_wrapper .disclamer_switch_bg {
    }

    footer .footer_wrapper .disclamer_switch_bg br {
    }

    footer a {
    }

    footer a:before {
        content: "";
    }

    footer a:after {
        content: "";
    }

    footer a:hover {
    }

    footer .footer_wrapper:before {
        content: "";
    }

    footer .footer_wrapper:after {
        content: "";
    }

    footer .footer_wrapper:hover {
    }

    .block-cars .car-model .days_left {
        top: 0px;
        right: 0;
    }

    .block-cars .car-model .about_offer {
        margin-top: 40px;
    }

    .car_props2 {
        margin-top: 40px;
    }

    .block-cars .car-model .bigimg {
        margin-top: 0;
    }

    .car_props2 {
        margin-top: 0;
        top: 168px;
    }

    .clients {
        margin-top: 50px;
        height: auto;
        background-position: 0 0;
        background-size: 145%;
    }

    .clients .container {
        display: block;
    }

    .clients_cont {
        padding-top: 48vw;
        width: 100%;
    }

    .clients_title {
        font-size: 31px;
        color: #000000;
    }

    .clients_title {
        font-size: 4vw;
    }

    .clients_props {
        margin-top: 6vw;
    }

    .clients .button {
        margin-top: 8vw;
    }

    .clients_props li {
        font-size: 3vw;
        color: #000000;
    }
}

/*MOBILE END*/

@media (max-width: 600px) {
    .swiper-container .swiper-button-prev {
        left: 15px !important;
        top: -480px !important;
    }

    .swiper-container .swiper-button-next {
        right: 15px !important;
        top: -480px !important;
    }

    .gift {
        right: 0px;
        width: 80%;
    }

    .banner_item.slide4 .button {
        top: 20px;
    }

    .block-4button.anim .items .item {
        width: 100%;
        padding: 30px;
    }

    .block-4button.anim .items .item {
    }

    .block-4button .title {
        font-size: 16px; 
    }
    .block-4button .title:before {
        background-size: 70%; 
    }
    .block-4button .title.ico1:before,
    .block-4button .title.ico2:before,
    .block-4button .title.ico3:before {
       background-size: 70%; 
       background-position: 50% 50%;
    }

    #tradein .wrap .title {
        font-size: 24px;
    }

    #tradein {
        background-size: 600px;
        padding-top: 148px;
    }
}

@media (max-width: 530px) {
    .car_plashka {
        top: -40px;
        height: 40px;
        padding: 0 8px;
    }

    .banner .banner_item {
        height: 96vw !important;
    }

    h2 {
        font-size: 22px;
    }

    .block-cars .car-model .name {
        font-size: 20px;
    }

    header .menu .main_menu:hover {
    }

    .b1 {
        /* height: 570px; */
    }

    .b1 .swiper-container .swiper-slide {
        background-size: 530px;
        padding-top: 195px;
        padding-bottom: 50px;
    }

    .b1 .swiper-container .swiper-button-prev {
        top: -385px !important;
        display: none !important;
    }

    .b1 .swiper-container .swiper-button-next {
        top: -385px !important;
        display: none !important;
    }

    #models .items a {
        width: 50%;
    }

    .car_info {
        top: -20px;
        right: 18px;
        font-size: 12px;
        padding: 10px;
    }

    #models .items {
        justify-content: center;
    }

    #kred {
        background-size: 530px;
        background-position: left top;
        padding-top: 260px;
    }

    #testdrive {
        background-size: 530px;
        background-position: right top;
        padding-top: 163px;
    }
}

@media (max-width: 490px) {
    .block-cars .car-model .days_left {
        width: 100px;
    }

    .b1 .swiper-slide .mob_br {
        /*display: block;*/
    }

    .banner .banner_item.slide2 {
        background-position: 50% 30vw;
    }

    .banner .banner_item.slide4 {
        background-position: 50% 30vw;
    }

    #tradein .wrap .form-wrap .title {
        font-size: 16px;
    }
}

@media (max-width: 460px) {
    .b1 .swiper-slide .button {
        margin-top: 0px !important;
        margin-bottom: 130px !important;
        padding: 0;
        height: 38px;
        font-size: 10px;
    }

    .b1 .swiper-slide .button {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .b1 .swiper-slide.slide4 h2 {
        font-size: 3.8vw;
    }

    .b1 .swiper-slide span {
        font-size: 3vw;
    }

    .b1 .swiper-slide h2 {
        font-size: 18px;
        padding: 0 !important;
        background: none !important;
        /* color: #fff !important; */
        margin-top: 0px;
        margin-bottom: 15px;
    }

    .b1 .swiper-slide span {
        font-size: 18px;
    }

    .b1 {
    }

    .gift {
        bottom: 32%;
    }

    .model .wrap {
        background-size: auto 150px;
    }

    .block-cars .car-model .icons4 .icon {
        width: 100%;
    }

    .block-cars .car-model .icons5 {
        display: flex;
        flex-direction: column;
    }

    .block-cars .car-model .icons5 .icon {
        width: 100%;
    }

    .block-cars .car-model .icons5 a {
        margin-bottom: 4px;
        font-size: 3.5vw;
    }

    .now .timer {
        width: 10px;
        margin-left: -385px;
    }

    .now .timer > div {
        transform: scale(0.7) !important;
    }

    #tradein {
        background-size: 460px;
        padding-top: 103px;
    }
}

/* Portrait phones and smaller */
@media (max-width: 410px) {
    header .header .logo-wrap .logo1 img {
        /* max-width: 100px; */
    }

    .block-cars .car-model .days_left {
        /* font-size: 14px; */
        /* padding: 8px 10px; */
    }

    .b1 .swiper-slide h2 {
        font-size: 16px !important;
    }

    .b1 .swiper-slide .button {
        margin-top: 0px !important;
        margin-bottom: 130px !important;
    }

    .block-cars .name {
    }

    .gift {
        bottom: 36%;
        width: 80%;
    }

    .banner_item.slide4 .button {
        top: 0;
    }

    .car_info {
        padding: 5px;
    }

    .block-cars .car-model .car_profit {
        font-size: 14px;
    }

    .block-cars .car-model .car_profit span {
        font-size: 16px;
    }
}

@media (max-width: 370px) {
    .b1 .swiper-container .swiper-slide {
    }

    #kred {
        background-size: 390px;
        background-position: left top;
        padding-top: 201px;
    }

    header .logo1 {
        padding-left: 10px;
    }

    .block-cars .car-model .about_offer {
        margin-top: 30px;
    }

    .block-cars .car-model .gos_offer {
        font-size: 14px;
    }

    .block-cars .car-model .gos_offer span {
        font-size: 16px;
    }
}

@media (max-width: 360px) {
    .car_props {
        position: absolute;
        top: 56px;
        left: 0;
        right: auto;
    }

    .car-model#jolion_new .image-wrap {
        margin-top: 38px;
    }

    #instock .complects #complects_items .compl_item .button span {
        font-size: 12px;
    }
}

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

@media (max-width: 310px) {
    h2 {
        font-size: 16px !important;
    }

    .b1 .swiper-container .swiper-button-prev {
        top: -408px !important;
    }

    .b1 .swiper-container .swiper-button-next {
        top: -408px !important;
    }

    .b1 .swiper-container .swiper-slide {
        background-size: 320px;
        padding-top: 111px;
    }

    .b1 .swiper-slide h2 {
        font-size: 15px !important;
    }

    .b1 .swiper-slide .title1 {
        font-size: 18px;
    }

    .b1 .swiper-slide .title2 {
        font-size: 15px;
    }

    .block-cars .car-model {
        /* display:flex; */
        /* flex-direction:column; */
    }

    .block-cars .car-model .name {
        font-size: 25px;
    }

    .block-cars .car-model .days_left {
        font-size: 14px;
        padding: 8px 10px;
        position: static;
        /* display: inline-block; */
        margin-top: 10px;
    }

    .block-cars .car-model .color {
        width: 20px;
        height: 20px;
    }

    .block-cars .car-model .color:before {
        width: 24px;
        height: 24px;
    }

    #tradein .wrap .title {
        font-size: 16px;
    }

    #testdrive .columns h2 {
        font-size: 16px !important;
    }
}