@media screen and (max-width: 1183px) {
    .news-grid .news-item:nth-child(2){
        padding-right:23px;
    }
    .news-grid .news-item .image{
        display:none;
    }
    .news-grid .news-item:nth-child(4n+2){
        border-right:1px solid #e3e4e5;
    }
    .news-grid .news-item:nth-child(3n+4){
        border-right:0;
    }
}
@media screen and (max-width: 1139px) {
    .fast-search-wrapper {
        --auto-grid-min-size: 10rem;
    }
    .insurance-calc .range-item-value::after{
        position:absolute;
        float: none;
        left:0;
        top:-20px;
        font-size:14px;
    }
    .installment-pre li{
        margin-bottom:25px;
    }
}
@media screen and (min-width: 1061px) {
    body.sidemenu-open #mobile-side-menu,
    body.sidemenu-open #mobile-side-menu .mobile-body{
        right:-100%;
        opacity:0;
    }
}
@media screen and (max-width: 1060px) {
    body{
        padding-top:54px;
    }
    header{
        position: fixed;
        top:0;
        left:0;
        width:100%;
        z-index: 200;
        background: #fff;
        box-shadow: 0 6px 12px rgba(0,0,0,0.2);
    }
    .header-container .mini-nav,
    .header-container .timework,
    .header-container .address,
    .header-container .phone,
    .header-container .header-btns-block,
    .general-menu-section
    {
        display:none;
    }
    .mobile-button {
        display: block;
    }

    
    
}
@media screen and (max-width: 1043px) {
    .fast-search-wrapper {
        --auto-grid-min-size: 9rem;
    }
}
@media screen and (max-width: 1000px) {
	#slider .slider-item{
		background-image:var(--image_tablet) !important;
		max-height: 300px;
		height: auto;
		min-height: auto;
		padding-top: 30%;
	}
}
@media screen and (max-width: 991px) {
    .callback-form-section .form-text{
        margin-bottom:25px;
    }
    .search-control-wrapper{
        margin-bottom: 20px;
    }
    .srTitle{
        margin-bottom:45px;
        position: relative;
        display: block;
        text-align: center;
    }
}
@media screen and (max-width: 947px) {
    .fast-search-wrapper {
        --auto-grid-min-size: 8rem;
    }
}
@media screen and (max-width: 920px) {
    .top-selection-car-text{
        width:100%;
    }
    .insurance-details-section .insurance-grid .insurance-grid-item{
        width:33%;
    }
}
@media screen and (max-width: 851px) {
    .fast-search-wrapper {
        --auto-grid-min-size: 13rem;
    }
}
@media screen and (max-width: 887px) {
    .news-grid .news-item.hot-news .title{
        font-size: 30px;
        line-height: 1;
    }
    .news-grid .news-item.hot-news .inner{
        max-width: 100%;
        padding-right:45px;
    }
    .news-grid .news-item.hot-news{
        grid-column: span 2;
    }
    .news-grid .news-item:nth-child(3n+4){
        border-right:1px solid #e3e4e5;
    }
    .news-grid .news-item:nth-child(2n+3){
        border-right:0;
    }
    .credit-result{
        padding-left:0;
        padding-right:0;
    }
}
@media screen and (max-width: 850px) {
    .car-price-block [class*="col-"]{
        width:100%;
        text-align:left;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 830px) {
    
}
@media screen and (max-width: 777px) {
    .faq-wrapper{
        padding:54px 60px;
    }
}
@media screen and (max-width: 767px) {
    .installment-settings-calc{
        margin-right:0;
        margin-bottom:35px;
    }
    .car-right-col{
        padding-left:0;
    }
    .dark-form-cell h2{
        font-size:32px;
        line-height: 1;
    }
    .dark-form-grid {
        grid-template-rows: repeat(1, auto);
    }
    .search-section.open .row.search-extend{
        margin-top:0;
    }
    .step{
        display: block;
        height:auto;
    }
    .step li{
        margin-bottom:10px;
    }
    .points-section .row:first-child div[class^='col']{
        margin-bottom:40px;
    }
    .points-section .alfa-button{
        margin:0 auto;
        display: block;
    }
    #sumTotal, #sumDay{
        margin-bottom:40px;
    }
    .credit-info-container{
        margin-bottom:24px;
    }
    .credit-settings-calc{
        margin-bottom:40px;
        margin-right:0;
    }
    .calc-help{
        margin-bottom:40px;
    }
    .row-flex{
        flex-direction:column;
    }
    .row-flex > div{
        align-self: flex-start;
    }
    .massonry-grid .grid-sizer,
    .massonry-grid .grid-item {
        width:100%;
    }
    .massonry-grid .gutter-sizer{
        width:0;
    }
    .insurance-calc .range-item-value::after{
        position:relative;
        float: left;
        top:0;
        font-size:18px;
    }
    .insurance-calc .sum-label{
        margin-top:30px;
    }
    .insurance-calc #sumDay.sum-value{
        margin-bottom:20px;
    }
    #map{
        margin-bottom:40px;
    }
    .contacts-section .col{
        width:50%;
    }
}
@media screen and (max-width: 720px) {
    .text-grid a.text-grid-item:last-child {
        grid-column: span 1;
    }
    .callback-form-section .terms-block{
        display: block;
    }
    .callback-form-section .terms-block > div{
        margin-bottom:30px;
    }
    .insurance-details-section .insurance-grid{
        flex-wrap: wrap;
    }
    .insurance-details-section .insurance-grid .insurance-grid-item{
        width:100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        min-height: auto;
    }
    .insurance-details-section .insurance-grid .insurance-grid-item .ins-icon{
        min-width:45px;
    }
    .insurance-details-section .insurance-grid .insurance-grid-item .ins-icon img{
        margin:0;
    }
    .insurance-details-section .insurance-grid .insurance-grid-item .ins-text{
        line-height: 1;
        font-size:18px;
    }
}
@media screen and (max-width: 719px) {
    .text-grid a.text-grid-item .inner-wrapper{
        padding: 25px 12px 28px;
    }
    .text-grid a.text-grid-item .inner-wrapper .title{
        margin-bottom:3px;
    }
}
@media screen and (max-width: 700px) {
    .faq-wrapper{
        padding:20px 20px 54px;
    }
    .faq-block-title{
        margin-bottom:10px;
    }
    .service-wrapper{
        padding:20px 0 15px;
    }
}
@media screen and (max-width: 660px) {
    .callback-form-section .inner-wrapper{
        padding: 20px 35px 63px;
    }
    .callback-form-section .form-title{
        line-height: 26px;
        font-size:30px;
        margin-bottom: 22px;
    }
    .tpd-skin-green .tpd-close{
        display:block !important;
    }
}
@media screen and (max-width: 655px) {
    
    .loan-conditions-grid{
        display:block;
    }
    .loan-conditions-item{
        margin-bottom:24px;
    }
}
@media screen and (max-width: 645px) {
    .dark-form-grid{
        display: block;
    }
    .dark-form-cell .dark-form-calc{
        margin:0 auto;
    }
    .credit-form-grid{
        display:block;
    }
    .credit-form-cell{
        margin-bottom:24px;
    }
    .credit-settings-section{
        padding-bottom:38px;
    }
    .loan-conditions-section{
        padding-bottom:36px;
    }
    .dark-form-cell:first-child{
        margin-bottom:40px;
    }
}
@media screen and (max-width: 600px) {
    .top-selection-car-text-block h3{
        font-size:35px;
    }
    div[id*="gb-widget-"] {
	    bottom: 96px !important;
	    right: 20px !important;
	}
}
@media screen and (max-width: 591px) {
    .news-grid .news-item.hot-news {
        background-size: cover;
    }
    .news-grid .news-item.hot-news .inner{
        padding:20px;
    }
    .news-grid .news-item.hot-news .title{
        font-size: 20px;
        line-height: 1;
    }
    .news-grid .news-item.hot-news{
        grid-column: span 1;
    }
    .news-grid .news-item{
        border-right:0 !important;
    }
    .callback-form-section input[type="submit"]{
        display: block;
        margin:0;
        width: 100%;
    }
    .interactive-form{
        padding-left:15px;
        padding-right:15px;
    }
    .interactive-form .top-panel{
        display:block;
        height:auto;
    }
    .interactive-form .top-panel h4{
        text-align: center;
        margin-bottom:25px;
    }
    .step-wizard{
        justify-content: center;
    }
    .tradein-benefits-grid{
        display:block;
    }
    .tradein-benefits-item{
        margin-bottom:24px;
    }
}
@media screen and (max-width: 570px) {
    .insurance-calc .range-slider-item{
        margin-bottom:60px;
    }
    .insurance-calc .sum-label{
        margin-top:0;
    }
    .insurance-calc .range-item-value::after{
        position:absolute;
        float: none;
        left:0;
        top:-20px;
        font-size:14px;
    }
    #testDrivePopup .inner-container .popup-body{
        padding-left:20px;
        padding-right:20px;
    }
}
@media screen and (max-width: 540px) {
    .calc-form-container{
        display:block;
    }
    .form-container button[type="submit"]{
        margin-left:0;
        width:100%;
    }
    .calc-form-container .calc-form-col:first-child{
        margin-bottom:30px;
    }
    .calc-form-header{
        font-size:24px;
        text-align: center;
    }
    #lombardPopup{
    	align-items:flex-start;
    }
}
@media screen and (max-width: 500px) {
	#slider .slider-item{
		background-image:var(--image_mobile) !important;
		max-height: 255px;
		height: auto;
		min-height: auto;
		padding-top: 51%;
	}
}
@media screen and (max-width: 490px) {
    .callback-form-section .inner-wrapper{
        padding-left:15px;
        padding-right:15px;
        margin:0;
    }
    .pagination li a#PrevLink,
    .pagination li a#NextLink{
        margin:0;
    }
    .pagination li{
        display: none;
    }
    .pagination li:first-child,
    .pagination li:last-child,
    .pagination li.active{
        display:inline-block;
    }
    .how-it-works-grid{
        display: block;
    }
    .how-it-works-item{
        margin-bottom:35px;
    }
}
@media screen and (max-width: 451px) {
    .fast-search-wrapper {
        --auto-grid-min-size: 9rem;
    }
}
@media screen and (max-width: 445px) {
	.row-calc {
		display:block;
	}
	.row-calc .row-calc-info{
		margin-right:0;
	}
	#sumTotal, #sumDay{
		margin-bottom:0;
	}
    .benefits2-grid{
        display:block;
    }
    .benefits2-item{
        display:block;
        padding-top:20px;
        margin-bottom:24px;
    }
    .benefits2-item .benefits2-icon{
        width:auto;
        margin-bottom:20px;
    }
    .top-selection-car-text-block h3{
        font-size:30px;
    }
}
@media screen and (max-width: 430px) {
    
    .contacts-section .col{
        width:100%;
    }
}
@media screen and (max-width: 385px) {
    .callback-form-section .form-title{
        line-height: 1;
        font-size: 26px;
    }
    .calc-form-header{
        font-size:20px;
    }
    .calc-form-col .InputSliderRange-WrapInput[data-isr-labelstart]::before{
        font-size: 16px;
        left:10px;
    }
    .calc-form-col .InputSliderRange-WrapInput[data-isr-labelstart]::after{
        font-size: 16px;
    }
    .calc-form-col .alfa-form-control{
        font-size:16px;
    }
    .text-grid{
        --auto-grid-min-size: 100%;
    }
    .info-group1-grid,
    .cond-grid{
        display: block;
    }
    .cond-grid-item{
        margin-bottom:35px;
    }
    .info-group1-item{
        margin-bottom:24px;
    }
    .cond-icon{
        margin-bottom:10px;
    }
    .top-selection-car-text-block h3{
        font-size:26px;
    }
    .top-selection-car-text{
        font-size:16px;
    }
}
@media screen and (max-width: 368px) {
    #testDrivePopup .inner-container .popup-header h3{
        padding-top:30px;
    }
    .popup-close-btn{
        top: 8px;
        right: 12px;
    }
}
@media screen and (max-width: 358px) {
    .copyright-content .col:last-child{
        margin:0;
    }
}
@media screen and (max-width: 340px) {
    
    .loan-conditions-item{
        padding: 19px 24px 36px 13px;
    }
    .loan-conditions-price{
        font-size:40px;
        line-height: 40px;
        top:-12px;
    }
    .loan-conditions-image{
        width:47px;
        min-width:47px;
    }
    .tradein-step-grid{
        display: block;
    }
    .tradein-step-item{
        margin-bottom:24px;
    }
}
@media screen and (max-width: 320px) {
    .insurance-calc .range-item-value::after{
        top:-30px;
    }
}
@media screen and (max-width: 300px) {
    .calc-form-col .InputSliderRange-WrapInput[data-isr-labelstart]::before{
        left:0;
        top:-27px;
        transform: none;
    }
}

@media (min-width: 992px) {
    .buyout-services-text,
    .buyout-services-title{
        padding-right:16%;
    }
    .pull-sm-right .buyout-services-text,
    .pull-sm-right .buyout-services-title{
        margin-left:12%;
        padding-right:0;
    }

}
@media (max-width: 767px) {
    .buyout-services-row{
        margin-bottom:50px;
    }
    .buyout-services-title{
        margin-bottom:18px;
        font-size:35px;
        line-height: 1;
    }
    .buyout-services-text{
        margin-bottom:30px;
    }
    .index-about-block{
        padding:20px;
    }
    details summary{
        padding-right: 32px;
    }
    #slider{
        margin-bottom:0;
    }
    .bg-white .news-section h4.block-title{
        margin-bottom:22px;
    }
    .news-grid .news-item{
        margin-bottom:50px;
    }
    .news-grid .news-item .image{
        display:block;
    }
    .news-section {
        padding-top: 28px;
    }
    .index-mobile-menu{
        display: grid;
    }
    .index-block{
        padding-top:8px;
    }
    .index-block h4.block-title{
        margin-bottom:18px;
    }
    .index-text {
        height: 120px;
        overflow:hidden;
        margin-bottom:40px;
    }
    .index-about-block h4.block-title{
        margin-bottom:12px;
    }
    .index-text .read-more{
        display:block;
    }
}
@media (max-width: 590px) {
    .news-grid{
        display: block;
    }
    .news-grid .news-item{
        padding-right: 0;
    }
}
@media (max-width: 850px) {
    .selection-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 12px 12px;
        grid-template-areas:
                "item1 section-car"
                "item2 section-car"
                "item3 section-car"
                "item4 section-car"
                "item5 section-car"
                "item6 section-car"
                "item7 section-car"
                "item8 section-car"
                "item9 section-car"
                "item10 section-car"
                "item11 section-car"
                "item12 section-car"
                "item13 section-car"
                "item14 section-car";
    }
    .selection-item {
        padding: 6px 29px 6px 8px;
        display: flex;
        align-items: center;
    }
    .selection-item::after{
        top:50%;
        transform: translateY(-50%);
        right:8px;
    }
    .sel-ico {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin: 0 8px 0 0;
    }
    .sel-ico img{
        width:60%;
        height:auto;
    }
}

