html, body {
    overflow-x: hidden;
}

body {
    position: relative;
}


/*----------------------------------------------------------------------------------------------------------------------*/

/*IPAD PRO BEGIN*/
@media (min-width: 768px) and (max-width: 1199px) {

    #bottom-block {
        display: none;
    }

    header .container {
        display: flex;
        justify-content: space-between;
    }

    header .column1, header .column3 {
        float: unset;
        width: 13%;
    }

    header .column2 {
        display: block;
        float: unset;
        width: 73%;
    }

    .slider-text div {
        font-size: 28px !important;
    }

    .slider-text {
        padding-bottom: 420px !important;
    }
    .cars-instock .filter_result .item .props .props-item-val {
        font-size: 18px;
    }

    .cars-instock .filter_result .item .props .props-item-val {
        font-size: 1.4vw;
    }

    .cars-instock .filter_result .item .images_about-car-compl {
        top: 1vw;
        right: 1vw;
    }

    .cars-instock .filter_result .item .car-compl-info .compl-name {
        font-size: 2vw;
    }

    .cars-instock .filter_result .item .car-compl-info .techparams-val {
        font-size: 1.5vw;
    }

    .cars-instock .filter_result .item .props {
        gap: 0;
    }

    .cars-instock .filter_result .item .props .props-item {
        width: 49%;
        padding: 1vw;
    }

    .cars-instock .filter_result .item .props .props-item-name {
        margin-top: 5px;
        font-size: 1vw;
    }
}

/*IPAD PRO BEGIN*/

/*IPAD BEGIN*/
@media (min-width: 768px) and (max-width: 991px) {
    #bottom-block {
        display: none;
    }

    header .container {
        display: flex;
        justify-content: space-between;
    }

    header .column1, header .column3 {
        float: unset;
        width: 13%;
    }

    header .column2 {
        display: block;
        float: unset;
        width: 73%;
    }

    .columns3.margin2 > li, .columns3.margin2 > .item {
        width: 32% !important;
        display: inline-block;
        margin: 0% !important;
        float: unset;
    }

    .block-compl select {
        font-size: 13px;
    }

    .block-compl tr td img {
        max-width: 115px;
    }

    .block-compl .button1 {
        margin-bottom: 0;
    }

    header .columns3 .item:nth-child(2) {
        display: none !important;
    }

    .slider-text {
        padding-bottom: 330px !important;
        /*        padding-top: 100px !important;*/
    }

    .slider-text br {
        display: block;
    }

    .timer {
        transform: scale(0.8) !important;
    }

    .tradein {
        max-width: 54%;
        padding: 94px 70px;
        padding-left: 15px;
    }


}

/*IPAD END*/

/*MOBILE BEGIN*/
@media (max-width: 767px) {

    #bottom-block {
        position: fixed;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: 32px;
        padding: 10px 10px 38px 10px;
        background: #ffc802;
        display: none;
    }

    #bottom-block a {
        float: left;
        margin-right: 15px;
    }

    #bottom-block p {
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        margin: 0;
        color: black;
    }

    #bottom-block .button {
        display: inline-block;
        padding: 5px 10px;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none;
        border: none;
        cursor: pointer;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background: #bb162b;
    }

    .advantages {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .columns2 .item,
    .columns2 li,
    .columns3 .item,
    .columns3 li,
    .columns4 .item,
    .columns4 li,
    .columns5 .item,
    .columns5 li,
    .columns6 .item,
    .columns6 li {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    header {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .head_fix {
        position: fixed;
        top: 0;
        z-index: 10;
    }

    header .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    header .column1, header .column3 {
        width: 27%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 5px;
    }

    header .column2 {
        width: 73%; /* order: 0; */
        margin-top: 0;
        padding-left: 15%;
    }

    header .column2 .columns3 .item:nth-child(1) {
        display: none;
    }

    header .column2 .columns3 .item:nth-child(2) {
        display: none;
    }

    header .column2 .columns3 .item {
        text-align: center; /* width:33% !important; */
        position: relative;
    }

    header .oz {
        font-size: 0.9rem;
        position: absolute;
        width: 100%;
        left: 0;
        color: black;
        text-decoration: none;
        background: #e8e8e8;
        padding: 10px;
        top: 40px;
        text-transform: uppercase;
        display: none;
    }

    header .oz span {
        display: none;
    }

    header .phone {
        padding-left: 25px;
        margin-top: 20px;
        font-size: 18px;
    }

    header .phone:before {
        left: 0 !important;
        top: 2px;
    }


    .slider-bg {
    }

    .slider-text {
        padding-top: 0;
        font-size: 18px;
        padding-bottom: 50px !important;
    }

    .slider-text div {
        font-size: 22px;
        margin-top: 0px;
    }

    .slider-text br {
        display: block;
    }

    .block-cars .image {
        width: 100%;
        height: auto;
    }

    .block-cars .button1 {
        width: 100%;
        float: inherit;
    }

    .block-cars li {
        height: auto;
    }

    .block-cars .title { 
        height: 90px;
    }

    .resp_table tr {
        display: block;
    }

    .resp_table tr th {
        display: none;
    }

    .resp_table tr td {
        width: 100% !important;
        display: flex;
        padding-top: 4px;
        padding-bottom: 4px;
        box-sizing: border-box;
    }

    .resp_table tr td:before {
        display: inline-block;
        min-width: 43%;
        margin-right: 2%;
        font-weight: 700;
        vertical-align: top;
        display: none;
    }

    .resp_table tr[model] {
        margin-bottom: 20px;
    }

    .resp_table tr button {
        width: 100%;
    }

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

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

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

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

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


    .slick-initialized .slick-slide .winter_wheels {
        width: 100px;
        height: 50px;
        background-size: contain;
        bottom: 0px;
        right: 50px;
    }


    .slick-initialized .slick-slide .winter_wheels2 {
        width: 100px;
        height: 50px;
        background-size: contain;
        bottom: 0px;
        right: 50px;
    }

    .bg_tradein { 
        flex-direction: column;
    }
    .tradein {
        padding: 15px;
        border-radius: 0;
        width: 100%;
        max-width: 100%;
    }

    .tradein_video {
        position: relative;
        width: 100%;
        height: 440px;
    }

    .to_block {
        padding: 0;
        background: none;
        margin-top: 0;
    }

    .to_block > img {
        display: block;
    }

    .to_block_wrap {
        width: 100%;
        padding: 20px 0;
    }
    
    .to_block_title1 {
        color: #000000;
        text-align: center;
        font-size: 24px;
        margin-bottom: 15px;
    }

    .to_block_title2 {
        color: #000000;
        text-align: center;
        font-size: 20px;
        margin-bottom: 15px;
    }

    .to_block_title2 br {
        display: none;
    }

    .to_block_title2 b span {
        font-size: inherit;
    }

    .to_block_comment {
        color: #000000;
        background: none;
        padding-left: 0;
        text-align: center;
        font-size: 18px;
    }

    .to_block_comment br {
        display: none;
    }

    .to_block_wrap .button1 {
        width: 100%;
        border-color: #000000;
        color: #000000;
    }

    .to_block_wrap .button1:hover {
        background: #000000;
        color: #ffffff;
    }

    .cars-instock {}
    .cars-instock .container {
        padding: 0 15px;
    }
    .cars-instock .title {
        font-size: 18px;
    }
    .cars-instock .filter {
        flex-direction: column;
        gap: 10px;
    }
    .cars-instock ._control {
        width: 100%;
    }
    .cars-instock ._control select {}
    .cars-instock ._control select option {}
    .cars-instock .filter_result {}
    
    .cars-instock .filter_more {
        margin-top: 20px;
    }
    .cars-instock .filter_result .item {
        width: 100%;
    }
    .cars-instock .filter_result .item .title {
        font-size: 8vw;
    }
    .cars-instock .filter_result .item .images {}
    .cars-instock .filter_result .item .images_about-car-compl {}
    .cars-instock .filter_result .item .images.mgallery {}
    .cars-instock .filter_result .item .images .m_item {}
    .cars-instock .filter_result .item .images .m_item img {}
    .cars-instock .filter_result .item .car-compl-info .compl-name {
        font-size: 7vw;
    }
    .cars-instock .filter_result .item .car-compl-info .compl-techparams {
        margin-top: 10px;
    }
    .cars-instock .filter_result .item .car-compl-info .techparams-name {
        font-size: 4.5vw;
    }
    .cars-instock .filter_result .item .car-compl-info .techparams-val {
        font-size: 6vw;
    }
    .cars-instock .filter_result .item .props {}
    .cars-instock .filter_result .item .props .props-item .auto__advantBtn {
        right: 6px;
        width: 17%;
        height: 30%;
    }
    
    .cars-instock .filter_result .item .props .props-item {
        padding: 3vw;
    }
    .cars-instock .filter_result .item .props .props-item.ico1 {}
    .cars-instock .filter_result .item .props .props-item.ico2 {}
    .cars-instock .filter_result .item .props .props-item-ico {}
    .cars-instock .filter_result .item .props .props-item-ico img {}
    .cars-instock .filter_result .item .props .props-item-name {
        font-size: 3.3vw;
    }
    .cars-instock .filter_result .item .props .props-item-val {
        font-size: 5.5vw;
    }
    .cars-instock .filter_result .item .btns {}
    .cars-instock .filter_result .item .btns .btn {background-color: rgb(0, 14, 103);color: #fff;}
    .cars-instock .filter_result .item .instock-image-pag {}
    .cars-instock .filter_result .item .instock-image-pag .swiper-pagination-bullet {}
    .cars-instock .filter_result .item .instock-image-pag .swiper-pagination-bullet-active {}
    





}


/*MOBILE END*/

/* Portrait phones and smaller */
@media (max-width: 576px) {

    /*==================================*/
    .slider-bg {
        height: auto !important;
        background-size: 160%;
        padding-top: 0;
        background-position: 50% 45px;
        margin-top: 185px;
    }

    .btn_service {
        display: none;
    }

    .slider-text div:nth-child(1) {
        font-size: 22px;
        font-weight: bold;
        margin-top: 3.4rem;
    }

    .slider-text div:nth-child(2) {
        font-size: 16px;
        font-weight: bold;
    }

    .slider-text div:nth-child(3) {
        font-size: 16px !important;
        font-weight: 400;
    }

    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
        margin-top: 25px;
    }

    .slick-dots {
        position: absolute;
        bottom: -13px;
        display: block;
        width: 100%;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    .timer_head {
        font-size: 30px;
        color: #000;
        z-index: 1000;
        text-align: center;
        margin: 190px 0 0 0;
    }

    .timer {
        transform: scale(0.7);
        margin-left: -70px;
        margin: 0 auto;
    }

    #timerddb04c9c2122be96655727ff29a9f433 {
        width: 496px;
    }


    #advantages {
        margin-top: 0;
    }

    .timer_head b {
        display: block;
    }

    #advantages .title2 {
        padding-top: 20px;
        font-size: 26px;
    }

    .header1 {
        font-size: 22px;
    }

    .block-form1 .header1 {
        padding-top: 4rem;
    }

    .block-cars .colors-text {
        width: 100%;
    }

    .block-cars .colors {
        flex-wrap: wrap;
        margin-top: 5px;
    }

    .block-cars .kia-rotator-colors {
        flex-wrap: wrap;
        margin-top: 5px;
        margin-left: 0px;
        padding-left: 0px;
        justify-content: flex-start
    }

    .block-cars .kia-rotator-colors button {
        margin-left: 0px;
        margin-right: 5px;
    }

    .block-compl th {
        display: none;
    }

    .block-compl .button1 {
        margin-bottom: 0;
    }


    .block-cars .header1 {
        font-size: 22px;
        text-align: center;
        color: black;
        padding-top: 1.6rem;
        padding-bottom: 0;
    }

    .block-cars .header1 span {
        font-size: 25px;
        text-align: center;
        color: black;
        padding-top: 0;
        padding-bottom: 12px;
        display: block;
    }

    .block-cars .header1 br {
        display: none;
    }

    .block-cars .buttons {
        width: 100%;
    }

    .block-cars .button1 {
        margin-top: 7px;
    }

    .table-cars tr {
        display: flex;
        flex-direction: column;
        margin: 0px;
        padding: 0px;
    }

    .table-cars tr img {
        margin-bottom: 10px;
    }

    .block-compl td {
        padding-top: 0px;
        width: 100%;
        margin: 0px;
        padding: 0px;
        padding-bottom: 6px;
    }

    .block-compl button {
        width: 100%;
    }

    .block-preim ul {
            flex-direction: column;
    }

    .bg_tradein {
        /* background: none; */
    }

    .tradein .title {
        width: 100%;
    }

    #form2 {
        width: 100%;
    }

    .tradein_video { 
                height: 358px;
    }

    .bg_kred {
        background: none;
        margin-top: 40px;
    }

    .bg_kred #kred #form3 {
        margin: 0 auto;
    }

    /*==================================*/
}

@media (max-width: 375px) {

    #bottom-block .button {
        font-size: 14px;
    }

    /*==================================*/
    header .phone {
        font-size: 18px;
        margin-top: 25px;
    }

    header .phone:before {
        top: 3px;
    }

    /*
        .slider-bg {
            height: auto !important;
            background-size: 320%;
            padding-top: 0;
            background-position: 50% -37px;
            margin-top: 205px;
        }
    */
    .btn_service {
        display: none;
    }

    .slider-text div:nth-child(1) {
        font-size: 22px;
        font-weight: bold;
        margin-top: 60px;
    }

    .slider-text div:nth-child(2) {
        font-size: 14px;
        font-weight: bold;
    }

    .slider-text div:nth-child(3) {
        font-size: 14px !important;
        font-weight: 400;
    }

    .slider-text {
        padding-bottom: 80px !important;
    }

    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
        margin-top: 25px;
    }

    .slick-dots {
        position: absolute;
        bottom: -40px;
        display: block;
        width: 100%;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    .timer_head {
        font-size: 18px;
        margin: 125px 0 0 0;
    }

    #advantages .title2 {
        font-size: 26px;
    }

    /* .timer {
        transform: scale(0.6);
    } */
    #timerddb04c9c2122be96655727ff29a9f433 {
        width: 496px;
    }

    .header1 {
        font-size: 22px;
    }

    .block-cars .header1 {
        font-size: 22px;
        text-align: center;
        color: black;
        padding-top: 1.6rem;
        padding-bottom: 0;
    }

    .block-cars .header1 span {
        font-size: 25px;
        text-align: center;
        color: black;
        padding-top: 0;
        padding-bottom: 12px;
        display: block;
    }

    .block-cars .header1 br {
        display: none;
    }

    .block-form1 .columns2 .item:nth-child(2) button {
        font-size: 14px;
    }

    /*==================================*/
}

@media (max-width: 360px) {

    .slider-text div:nth-child(2) {
        font-size: 14px;
    }

    .timer_head {
        margin: 135px 0 0 0;
    }

    #bottom-block p {
        font-size: 13px;
    }

    header .phone {
        font-size: 18px;
        margin-top: 5px;
    }

    header .phone:before {
        top: 3px;
    }

    .timer_head {
        margin: 60px 0 0 0;
    }

    /* .timer {
        margin-left: -82px;
    } */

    .mob_head .text {
        font-size: 14px;
    }

}

@media (max-width: 320px) {

    #bottom-block {
        padding: 10px 10px 33px 10px;
    }

    #bottom-block .button {
        display: inline-block;
        padding: 4px 6px;
        font-size: 12px;
    }

    #bottom-block p {
        font-weight: 500;
        font-size: 11px;
    }

    /*==================================*/
    header .phone {
        font-size: 14px;
        margin-top: 25px;
    }

    header .phone:before {
        top: 0;
    }

    .slider-bg {
        /*          background-size: 380%;*/
        padding-top: 30px;
        background-position: 50% 55px;
    }

    .btn_service {
        display: none;
    }

    .slider-text {
        padding-top: 0;
        font-size: 18px;
        padding-bottom: 120px !important;
    }

    .slider-text div:nth-child(1) {
        font-size: 22px;
        font-weight: bold;
        margin-top: 2.3rem;
    }

    .slider-text div:nth-child(2) {
        font-size: 12px;
        font-weight: bold;
    }

    .slider-text div:nth-child(3) {
        font-size: 22px;
        font-weight: 400;
    }

    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
        margin-top: -105px;
    }

    .slick-dots {
        width: 364px;
        transform: scale(0.8);
        transform-origin: left top;
        margin-left: 16px;
    }

    .timer_head {
        margin: 135px 0 0 0;
    }

    #advantages .title2 {
        font-size: 24px;
    }

    .timer {
        margin-left: -22px;
    }

    #timerddb04c9c2122be96655727ff29a9f433 {
        width: 496px;
    }

    .header1 {
        font-size: 22px;
    }

    .block-cars .header1 {
        font-size: 22px;
        text-align: center;
        color: black;
        padding-top: 1.6rem;
        padding-bottom: 0;
    }

    .block-cars .header1 span {
        font-size: 25px;
        text-align: center;
        color: black;
        padding-top: 0;
        padding-bottom: 12px;
        display: block;
    }

    .block-cars .header1 br {
        display: none;
    }

    .block-form1 .columns2 .item:nth-child(2) button {
        font-size: 12px;
    }

    /*==================================*/
}