@media screen and (max-width: 1800px){
	.home-header{
		padding: 35px 145px 0;
	}
	.home .hero{
		height: 850px;
		padding: 190px 0 0 140px;
	}
	.home .search-filter{
		left: 140px;
	}
	.home .special{
		padding: 80px 250px;
	}
	.home .benefits .left ul{
		padding-left: 150px;
	}
	.home .benefits .right ul{
		padding-right: 150px;
	}
	.home .quality{
		padding: 80px 300px;
	}
	.home .cars{
		padding: 0 250px 90px;
	}
	.product .gallery{
		padding: 45px 200px 70px;
	}
	footer{
		padding: 80px 100px;
	}
}
@media screen and (max-width: 1680px){
	.home-header{
		padding: 35px 125px 0;
	}
	.home .hero{
		padding: 180px 0 0 120px;
	}
	.home h1{
		font-size: 5em;
	}
	.home .search-filter{
		padding: 35px 40px;
	}
	.home .special{
		padding: 80px 200px;
	}
	.home .quality{
		padding: 80px 270px;
	}
	.home .cars{
		padding: 0 200px 90px;
	}
	.catalog{
		padding: 40px 100px 80px 30px;
	}
	.catalog .col-lg-9{
		padding-left: 40px;
	}
	.catalog .top-info .banner{
		padding: 20px 40px 10px 105px;
	}
	.catalog .top-info .banner li{
		margin-bottom: 20px;
	}
	.catalog .top-info .car-type li{
		padding: 11px 40px;
	}
	.catalog .car-thumb .main{
		padding: 20px 23px;
	}
	.catalog .car-thumb .bottom{
		padding: 20px 35px;
	}
	.catalog .car-thumb .bottom .price{
		font-size: 1.3em;
	}
	.product .gallery{
		padding: 45px 150px 60px;
	}
	.product .gallery .galleries li{
		padding: 25px 40px 20px 70px;
	}
	.product .gallery .vector{
		width: 450px;
	}
	.product .financing{
		padding: 40px 130px 60px 200px;
	}
	.product .specs-icons li{
		margin-right: 30px;
	}
	.product .resume{
		padding: 75px 160px 90px;
	}
	.product .accents{
		padding: 150px 100px 80px 160px;
	}
	.product .description{
		padding: 75px 150px 50px;
	}
	.product .description .vector{
		width: 500px;
		bottom: -50px;
	}
	.product .specifications{
		padding: 60px 150px 130px;
	}
	.product .costs{
		padding: 0 150px 130px;
	}
	.product .history{
		padding: 0 150px 120px;
	}
	.product .similar{
		padding: 0 220px 80px;
	}
	.cart{
		padding: 60px 100px 75px;
	}
	.cart .final-overview .icon{
		top: 48%;
		right: 13%;
	}
	.styled-modal .modal-body{
		padding: 60px 100px;
	}
}
@media screen and (max-width: 1600px){
	header{
		padding: 15px 100px;
	}
	.home-header{
		padding: 30px 100px 0;
	}
	.home .hero{
		height: 750px;
		padding: 180px 0 0 100px;
	}
	.home h1{
		width: 500px;
		font-size: 4.7em;
		margin-bottom: 30px;
	}
	.home .search-filter{
		left: 110px;
		padding: 30px 35px;
	}
	.home .special{
		background: linear-gradient(to bottom, #EAF6FF 62.7%, #fff 62.7%, #fff 100%);
		padding: 80px 150px;
	}
	.home .car-thumb .price{
		font-size: 1.5em;
	}
	.home .benefits .outline{
		width: 600px;
	}
	.home .benefits .left ul{
		padding-left: 70px;
	}
	.home .benefits .right ul{
		padding-right: 70px;
	}
	.home .benefits ul li .benefit-img{
		width: 130px;
	}
	.home .benefits ul li p{
		top: 135px;
	}
	.home .benefits ul li .line{
		top: 50px;
	}
	.home .benefits .left .line{
		right: -105px;
	}
	.home .benefits .left li.second .line{
		right: -73px;
	}
	.home .benefits ul li.third .line{
		top: -70px;
	}
	.home .benefits .right li.first .line{
		left: -100px;
	}
	.home .benefits .right li.second .line{
		left: -75px;
	}
	.home .benefits .right li.third .line{
		left: -100px;
	}
	.home .quality{
		padding: 80px 200px;
	}
	.home .quality-banner{
		padding: 100px 90px 50px 620px;
	}
	.home .quality-banner .car{
		width: 700px;
	}
	.home .quality-banner .vector{
		width: 600px;
	}
	.home .quality .list{
		padding: 120px 50px 0;
	}
	.home .cars{
		padding: 0 180px 90px;
	}
	.home .car-thumb .main{
		padding: 22px 28px 11px;
	}
	.home .car-thumb .bottom{
		padding: 11px 28px 22px;
	}
	.car-thumb h4 a{
		font-size: 1.3em;
	}
	.car-thumb h5{
		font-size: 1em;
	}
	.catalog .top-info .car-type{
		margin-left: 9%;
	}
	.catalog .top-info .car-type li{
		padding: 10px 30px;
	}
	.contact-banner{
		padding: 40px 50px;
	}
	.contact-banner h3{
		font-size: 1.5em;
	}
	.contact-banner p{
		font-size: 1.1em;
	}
	.contact-banner .vector{
		width: 230px;
	}
	.product .gallery .galleries li{
		padding: 25px 30px 20px 60px;
	}
	.product .gallery .galleries li img{
		left: 25px;
	}
	.product .gallery .info{
		padding-left: 50px;
	}
	.product .gallery h1,
	.product .gallery h3{
		font-size: 2.5em;
	}
	.product .gallery .payment .note{
		font-size: 1em;
	}
	.product .row:not(.gallery) h2{
		font-size: 2em;
	}
	.product .financing{
		padding: 40px 80px 60px 150px;
	}
	.cart .financing .addition.col-md-12 .price p,
	.cart .financing .addition.col-md-6 .price p{
		font-size: 1.2em;
	}
	.cart .financing input[type="checkbox"] + label:before{
		right: 5px;
	}
	.cart .financing .addition.col-md-6 input[type="checkbox"] + label:before{
		right: 40px;
	}
	.cart .final-overview h3{
		font-size: 2.2em;
	}
	.cart .final-overview .icon{
		width: 90px;
		top: 50%;
		right: 14%;
	}	
	.timeline .steps:before{
		margin: 0 7px 0 -22px;
	}
	footer{
		padding: 80px 50px 10px;
	}
	footer .buttons a{
		font-size: 1.1em;
		padding: 14px 30px 12px
	}
	footer .social img{
		width: 45px;
	}
}
@media screen and (max-width: 1440px){
	body{
		font-size: 85%;
	}
	.home .benefits .left ul{
		padding-left: 30px;
	}
	.home .benefits .right ul{
		padding-right: 30px;
	}
	.home .cars{
		padding: 0 150px 70px;
	}
	.car-thumb li{
		margin-right: 23px;
	}
	.home .cars .brands{
		margin: 50px 0 70px;
	}
	.product .gallery .features li img{
		position: relative;
		top: 5px;
	}
	.financing .addition.col-md-6{
		height: 100px;
	}
	.product .specs-icons li{
		width: 160px;
		padding: 20px;
	}
	.product .similar{
		padding: 0 150px 80px;
	}
	footer .buttons{
		margin-top: 50px;
	}
	.modal-dialog{
		max-width: 65%;
	}
}
@media screen and (max-width: 1367px){
	header{
		padding: 10px 80px;
	}
	.home-header{
		padding: 30px 70px 0;
	}
	.home .hero{
		height: 650px;
		padding: 160px 0 0 70px;
	}
	.home .search-filter{
		left: 80px;
		padding: 20px 25px;
	}
	.home .search-filter .dropdown{
		padding: 15px;
	}
	.home .search-filter .dropdown .icon{
		top: 5px;
		margin-right: 15px;
	}
	.home .search-filter button{
		position: relative;
		top: -3px;
		padding: 23px 30px 18px 60px;
		margin-left: 0;
	}
	.home .search-filter button img{
		position: absolute;
		top: 50%;
		left: 15px;
		transform: translateY(-50%);
	}
	.home .special{
		background: linear-gradient(to bottom, #EAF6FF 63.2%, #fff 63.2%, #fff 100%);
		padding: 80px 100px;
	}
	.home .benefits .outline{
		width: 550px;
	}
	.home .quality-banner{
		padding: 80px 90px 50px 530px;
	}
	.home .quality-banner .icon{
		width: 55px;
	}
	.home .quality-banner .car{
		width: 600px;
	}
	.home .cars{
		padding: 0 100px 70px;
	}
	.home .cars .main-btn.blue{
		padding: 18px 25px 18px 34px;
	}
	.catalog{
		padding: 50px 80px 60px 15px;
	}
	.sidebar .dropdown-menu{
		top: -9px!important;
		right: 9px;
	}
	.favorites .top-vector{
		width: 400px;
	}
	.product .gallery .gallery-thumb{
		height: 400px;
	}
	.product .gallery .galleries li{
		border-radius: 15px;
		padding: 20px 20px 15px 50px;
	}
	.product .gallery .galleries li img{
		left: 20px;
	}
	.product .gallery .main-btn{
		padding: 15px 40px;
	}
	.cart{
		padding: 60px 50px 75px;
	}
	.cart .financing .addition.col-md-12 .price p{
		left: 57px;
	}
	.cart .final-overview .icon{
		top: 51%;
		right: 16%;
	}
	footer .social img{
		width: 40px;
	}
}
@media screen and (max-width: 1280px){
	.home .hero{
		height: 600px;
	}
	.home h1{
		width: 400px;
		font-size: 4.5em;
		margin-bottom: 20px;
	}
	.home .search-filter{
		bottom: 70px;
	}
	.home .special{
		padding: 80px 50px 50px;
	}
	.home .benefits .left ul{
		padding-left: 0;
	}
	.home .benefits .right ul{
		padding-right: 0;
	}
	.home .quality{
		padding: 0 160px 70px;
	}
	.home .cars{
		padding: 0 70px 70px;
	}
	.catalog{
		padding: 50px 50px 50px 15px;
	}
	.catalog .breadcrumbs ul,
	.sidebar h3{
		padding-left: 20px;
	}
	.sidebar .criteria{
		padding: 25px 0 20px 20px;
	}
	.catalog .top-info .car-type{
		margin-left: 8%;
	}
	.contact-banner{
		padding: 40px 40px 30px;
	}
	.contact-banner h3{
		font-size: 1.6em;
	}
	.product .gallery{
		padding: 45px 50px 40px 100px;
	}
	.product .gallery h1,
	.product .gallery h3{
		font-size: 2.3em;
	}
	.product .gallery h2{
		font-size: 1.2em;
	}
	.product .gallery .features li{
		font-size: 1em;
		margin-right: 10px;
	}
	.product .gallery .payment p:not(.note){
		font-size: 1.8em;
	}
	.product .gallery .vector{
		width: 300px;
	}
	.product .financing{
		padding: 40px 60px 60px 100px;
	}
	.financing .addition.col-md-6{
		padding: 25px 0 0 70px;
	}
	.financing .addition.col-md-6 img{
		left: -40px;
		transform: scale(0.8) translateY(-50%);
	}
	.financing .addition.col-md-6 h4{
		font-size: 1.1em;
	}
	.product .specs-icons li{
		width: 150px;
		margin-right: 15px;
	}
	.product .resume{
		padding: 75px 100px 90px;
	}
	.product .car-info .col-lg-6{
		-ms-flex: 0 0 47%;
		flex: 0 0 47%;
		max-width: 47%;
		margin-right: 3%;
	}
	.product .accents{
		padding: 80px 70px 80px 100px;
	}
	.product .description{
		padding: 75px 100px 50px;
	}
	.product .description .vector{
		width: 400px;
		bottom: -40px;
	}
	.product .specifications{
		padding: 60px 100px 100px;
	}
	.product .costs,
	.product .history{
		padding: 0 100px 100px;
	}
	.product .similar{
		padding: 0 100px 80px;
	}
	.cart .form-group .cvv-icon span{
		width: 250px;
	}
	.cart .bank-data-wrapper{
		padding: 20px 10px;
	}
	footer .buttons a{
		font-size: 1em;
		padding: 10px 22px 8px;
	}
	.styled-modal .img-fluid{
		max-width: 350px;
	}
}
@media screen and (max-width: 1024px){
	body{
		font-size: 75%;
	}
	header{
		padding: 10px 15px;
	}
	.home-header{
		padding: 20px 30px 0;
	}
	header .logo{
		width: 130px;
	}
	.home .hero{
		padding: 150px 0 0 35px;
	}
	.home h1{
		width: 300px;
		font-size: 4em;
	}
	.home .hero p{
		width: 350px;
	}
	.home .search-filter{
		left: 50px;
	}
	.home .special{
		padding: 80px 30px 50px;
	}
	.home ul.brands{
		margin: 40px 0 50px;
	}
	.home ul.brands li{
		margin-right: 5px;
	}
	.home ul.brands li:last-of-type{
		padding: 22px 20px 19px;
	}
	.car-thumb li{
		margin-right: 10px;
	}
	.home .special-offer .owl-nav{
		margin-top: 20px;
	}
	.home .special .main-btn.blue{
		padding: 16px 20px 18px;
		margin: 40px 0 30px;
	}
	.home .benefits .outline{
		width: 400px;
	}
	.home .benefits ul li{
		margin-bottom: 110px;
	}
	.home .benefits ul li .benefit-img{
		width: 120px;
	}
	.home .benefits .left ul{
		padding-left: 15px;
	}
	.home .benefits .right ul{
		padding-right: 15px;
	}
	.home .benefits ul li p{
		top: 115px;
		line-height: 1.3;
	}
	.home .benefits ul li .line{
		top: 38px;
		transform: scale(0.65);
	}
	.home .benefits ul li.third .line{
		top: -46px;
	}
	.home .quality{
		padding: 0 100px 50px;
	}
	.home .quality-banner{
		padding: 90px 60px 50px 430px;
	}
	.home .quality-banner .car{
		width: 450px;
		top: 60px;
		left: -40px;
	}
	.home .cars{
		padding: 0 30px 60px;
	}
	.home .cars .main-btn.blue{
		padding: 16px 20px 18px;
	}
	.catalog .col-lg-9{
		padding-left: 15px;
	}
	.catalog .breadcrumbs ul,
	.sidebar h3{
		padding-left: 0;
	}
	.sidebar .criteria{
		padding: 20px 0 15px;
	}
	.sidebar .criteria .header img{
		width: 20px;
		top: -5px;
		right: 15px;
	}
	.sidebar .dropdown .dropdown-toggle{
		padding: 15px 10px;
	}
	.sidebar .dropdown .dropdown-toggle img{
		width: 20px;
	}
	.catalog .top-info{
		margin-bottom: 40px;
	}
	.catalog .top-info .car-type{
		margin-left: 6%;
	}
	.catalog .top-info .car-type li{
		padding: 7px 20px;
	}
	.catalog .top-info .sort .dropdown-toggle{
		padding: 12px 40px 10px 10px;
	}
	.catalog .top-info .sort .dropdown-toggle img{
		width: 18px;
		right: 10px;
	}
	.catalog .top-info .sort .dropdown-menu{
		top: -39px!important;
	}
	.catalog .car-thumb{
		-ms-flex: 0 0 49%;
		flex: 0 0 49%;
		max-width: 49%;
		margin-right: 1%;
	}
	.favorites .top-vector{
		width: 300px;
	}
	.product .breadcrumbs{
		margin-bottom: 30px;
	}
	.product .gallery{
		padding: 45px 50px 40px 50px;
	}
	.product .gallery .gallery-thumb{
		height: 350px;
	}
	.product .gallery .info{
		padding-left: 15px;
	}
	.product .financing{
		padding: 40px 15px;
	}
	.product .resume{
		padding: 75px 50px 50px;
	}
	.product .accents{
		padding: 80px 50px 30px;
	}
	.product .description{
		padding: 70px 50px 50px;
	}
	.product .description .vector{
		width: 300px;
	}
	.product .specifications{
		padding: 60px 50px 80px;
	}
	.product .costs,
	.product .history{
		padding: 0 50px 100px;
	}
	.product .similar{
		padding: 0 50px 50px;
	}
	.cart{
		padding: 60px 15px 75px;
	}
	.cart .financing{
		padding: 0 15px;
	}
	.cart .financing .addition.col-md-12 .price p{
		left: 40px;
	}
	.financing .addition.col-md-6 .price p{
		left: 8px;
	}
	.cart form input,
	.cart form label{
		font-size: 1em;
	}
	.cart .overview{
		padding: 0 15px;
	}
	.cart .final-overview .icon{
		width: 80px;
		top: 48%;
		right: 10%;
	}
	.timeline-wrapper{
		margin-top: -130px;
	}
	footer{
		padding: 60px 30px 10px;
	}
	footer .top{
		padding-bottom: 55px;
	}
	footer .img-fluid{
		width: 170px;
	}
	footer .buttons a{
		margin-right: 15px;
	}
	footer .social li{
		margin-right: 15px;
	}
	footer .social img{
		width: 35px;
	}
	.modal-dialog{
		max-width: 75%;
	}
	.styled-modal .modal-body{
		padding: 30px 50px 50px;
	}
	.styled-modal .img-fluid{
		max-width: 300px;
	}
}
@media screen and (max-width: 992px){
	.background{
		background: rgba(42, 42, 114, 0.5);
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.home-header .navbar{
		width: 100%;
		padding: 0 0 20px;
	}
	.home-header .logo{
		margin-top: -25px;
	}
	.navbar-toggler{
		display: block;
	}
	header ul{
		position: relative;
	}
	header ul li{
		width: 100%;
		display: block;
		text-align: center;
		margin-right: 0;
		margin-bottom: 20px;
	}
	header ul li a{
		font-size: 1em;
	}
	.home .search-filter{
		padding: 10px 15px;
	}
	.home .special{
		padding: 80px 0 50px;
	}
	.car-thumb{
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
		max-width: 48%;
		margin-right: 2%;
	}
	.home .car-thumb .note{
		margin-bottom: 15px;
	}
	.home .cars{
		padding: 0 0 60px;
	}
	.catalog{
		padding: 50px 110px;
	}
	.catalog .breadcrumbs{
		margin-bottom: 30px;
	}
	.sidebar h3{
		display: none;
	}
	.sidebar .mobile-filter-btn{
		display: inline-block;
		font-family: Bold;
		font-size: 1.2em;
		color: #2A2A72;
		border: 1px solid rgba(42, 42, 114, 1);
		border-radius: 12px;
		padding: 10px 15px 10px;
		transition: all 0.2s ease-in-out;
	}
	.sidebar .mobile-filter-btn:hover{
		color: #fff;
		background: #2A2A72; 
	}
	.sidebar .filter{
		display: none;
	}
	.sidebar .mobile-filter-btn img{
		position: relative;
		top: 2px;
		right: -5px;
		transform: rotate(90deg);
	}
	.catalog .top-info{
		margin: 40px 0;
	}
	.catalog .top-info .car-type{
		margin-left: 12%;
	}
	.catalog .top-info .sort{
		top: 10px;
	}
	.product .gallery .gallery-thumb{
		height: 500px;
	}
	.product .gallery .galleries{
		margin: 25px 0 50px;
	}
	.product .row.financing h2{
		margin: 0 0 15px;
	}
	.product .financing .col-lg-7{
		padding-left: 15px;
	}
	.product .financing h3{
		margin: 40px 0 20px;
	}
	.financing .addition.col-md-6{
		height: 80px;
		padding: 25px 0 0 80px;
	}
	.financing .addition.col-md-6 img{
		left: -50px;
	}
	.financing .addition.col-md-6 .price p{
		left: 50px;
	}
	.product .specs-icons li{
		width: 120px;
	}
	.product .resume{
		padding: 75px 0 50px;
	}
	.product .car-info .col-lg-6{
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
		max-width: 48%;
		margin-right: 2%;
	}
	.product .resume h2{
		margin-bottom: 30px;
	}
	.product .accents{
		padding: 30px 0;
	}
	.product .accents .col-lg-9{
		padding: 0 15px;
		margin-top: 30px;
	}
	.product .row.accents h2{
		margin-bottom: 20px;
	}
	.product .description{
		padding: 40px 0;
	}
	.product .description h2{
		margin-bottom: 30px;
	}
	.product .car-info h3{
		margin-bottom: 10px;
	}
	.product .description .vector{
		width: 160px;
		bottom: -50px;
	}
	.product .specifications{
		padding: 60px 0 80px;
	}
	.product .specifications .col-lg-3 a{
		display: inline-block;
		margin-bottom: 30px;
	}
	.product .costs, .product .history{
		padding: 0 0 70px;
	}
	.product .similar{
		padding: 0 0 50px;
	}
	.similar .car-thumb .main{
		padding: 20px 22px;
	}
	.similar .car-thumb .bottom{
		padding: 20px 33px;
	}
	.cart{
		padding: 40px 15px 75px;
	}
	.cart h1{
		margin: 40px 0 60px;
	}
	.cart .financing{
		margin-top: 50px;
	}
	.cart .financing .addition.col-md-12 .col-md-8{
		-ms-flex: 0 0 63%;
		flex: 0 0 63%;
		max-width: 63%;
	}
	.cart .financing .addition.col-md-12 .col-md-4{
		-ms-flex: 0 0 37%;
		flex: 0 0 37%;
		max-width: 37%;
	}
	.cart .financing .addition.col-md-12 .price p{
		left: 47%;
	}
	.financing .addition.col-md-6 .price p{
		left: 35%;
	}
	.timeline-wrapper{
		display: none;
	}
	.cart .vector{
		width: 500px;
	}
	.cart form .form-group{
		margin-bottom: 30px;
	}
	.cart .overview{
		margin-top: 30px;
	}
	.cart .final-overview .icon{
		display: none;
	}
	footer{
		padding: 40px 30px 10px;
	}
	footer .top{
		padding-bottom: 40px;
	}
	footer .social{
		margin-top: 20px;
	}
	footer .buttons{
		margin: 50px 0;
	}
	footer .bottom ul{
		top: -13px;
	}
}
@media screen and (max-width: 768px){
	.home .hero{
		padding: 150px 0 0 15px;
	}
	.home .search-filter{
		width: 100%;
		left: 0;
		bottom: 0;
	}
	.home ul.brands li{
		padding: 12px 15px 8px;
		margin-bottom: 10px;
	}
	.home ul.brands li:last-of-type{
		padding: 19px 20px 15px;
	}
	.car-thumb{
		margin-bottom: 20px;
	}
	.car-thumb li{
		margin-right: 15px;
	}
	.home .special{
		background: linear-gradient(to bottom, #EAF6FD 64.3%, #fff 64.3%, #fff 100%);
	}
	.home .benefits .col-lg-4:not(.left):not(.right){
		display: none;
	}
	.home .benefits ul{
		padding: 0!important;
		margin-top: 50px;
	}
	.home .benefits ul li{
		margin-bottom: 50px;
	}
	.home .benefits ul li p{
		width: auto;
		position: static;
		transform: none;
	}
	.home .benefits ul li .line,
	.home .benefits .car{
		display: none;
	}
	.home .benefits .right ul{
		margin-top: 0;
	}
	.home .benefits .outline{
		width: 600px;
		left: -50px;
	}
	.home .quality{
		padding: 0 30px 30px;
	}
	.home .quality .list{
		padding: 80px 15px 0;
	}
	.home .quality .list h3{
		margin-bottom: 30px;
	}
	.home .quality .list p{
		margin-bottom: 20px;
	}
	.home .quality-banner{
		padding: 65px 45px 35px 350px;
	}
	.home .quality-banner .car{
		width: 350px;
		left: -20px;
	}
	.home .quality-banner .vector{
		width: 260px;
	}
	.home .cars .brands{
		margin: 40px 0;
	}
	.home .cars .vector{
		width: 400px;
		bottom: 50px;
	}
	.catalog{
		padding: 50px 15px;
	}
	.catalog .top-info .car-type{
		margin-left: 10%;
	}
	.financing .addition.col-md-6{
		height: auto;
		padding: 25px 0 20px 80px;
	}
	.financing .addition.left{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0;
	}
	.financing .addition.col-md-6 .price p{
		font-size: 1.5em;
		left: 45%;
		transform: translateY(-50%) translateX(-50%);
	}
	.financing .addition.col-md-6 .price p span{
		font-family: Regular;
	}
	.product .specs-icons li{
		margin-bottom: 20px;
	}
	.product .row.similar h2{
		margin-bottom: 30px;
	}
	.cart .final-price{
		padding: 10px 30px 15px;
	}
	.cart .message{
		padding: 20px 30px;
	}
	.cart .message p.bold{
		margin-bottom: 10px;
	}
	.cart .attention-wrapper{
		padding: 15px 10px;
	}
	.financing .addition.col-md-6 .price p{
		left: 39%;
	}
	.cart .vector{
		width: 470px;
	}
	.cart .bank-data .main-btn{
		margin-top: 30px;
	}
	footer .buttons{
		margin: 40px 0;
	}
	footer .top .row .heading{
		margin: 25px 0 20px;
	}
	footer .bottom{
		padding: 25px 0 15px;
	}
	footer .bottom ul{
		float: none;
		position: static;
		top: 0;
	}
	footer .bottom ul li{
		display: block;
		text-align: center;
		margin-right: 0;
		margin-bottom: 20px;
	}
	footer .bottom .copy.desktop{
		display: none;
	}
	footer .bottom .copy.mobile{
		display: block;
		text-align: center;
		margin-top: 20px;
	}
	.modal-dialog{
		max-width: 95%;
	}
	.styled-modal .modal-body{
		padding: 0 50px 50px;
	}
	.styled-modal .img-fluid{
		max-width: 250px;
		margin-bottom: 30px;
	}
	.styled-modal h2{
		margin: 20px 0;
	}
}
@media screen and (max-width: 576px){
	header{
		padding: 10px 5px;
	}
	header .logo{
		width: 110px;
	}
	header .navbar-toggler{
		top: 13px;
	}
	.home-header{
		padding: 0;
	}
	.home-header .logo{
		width: 120px;
		margin: -5px 0 0 20px;
	}
	.home-header .navbar-toggler{
		top: 25px;
	}
	.background{
		background: rgba(42, 42, 114, 0.9);
	}
	.home .hero{
		height: 700px;
		background-position: 59%;
		padding: 130px 0 0 15px;
	}
	.home h1{
		font-size: 3.5em;
	}
	.home .search-filter .dropdown{
		width: 100%;
		margin-bottom: 20px;
	}
	.home .search-filter .dropdown .arrow{
		float: right;
		top: 7px;
	}
	.home .search-filter .dropdown-menu{
		transform: translate3d(0, 49px, 0px)!important;
	}
	.home .search-filter button{
		width: 100%;
	}
	.home .special{
		padding: 80px 50px 50px;
	}
	.home .special-offer .owl-nav{
		margin-top: -20px;
	}
	.home .benefits .outline{
		width: 500px;
		left: -100px;
	}
	.home .quality{
		padding: 0 15px 30px;
	}
	.home .quality-banner .car{
		top: -15px;
		left: 50%;
		transform: translateX(-50%);
	}
	.home .quality-banner{
		padding: 180px 45px 30px;
	}
	.home .quality .list{
		padding: 60px 15px 0;
	}
	.home .cars{
		padding: 0 100px 60px;
	}
	.car-thumb{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0;
	}
	.catalog .car-thumb{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0;
	}
	.catalog{
		padding: 40px 30px;
	}
	.catalog h2{
		margin-bottom: 40px;
	}
	.catalog .col-lg-3,
	.catalog .col-lg-9{
		padding: 0;
	}
	.sidebar .mobile-filter-btn{
		font-size: 1em;
		padding: 4px 15px 10px;
	}
	.sidebar .mobile-filter-btn img{
		top: 4px;
	}
	.catalog .top-info{
		margin: 40px 0 20px;
	}
	.catalog .top-info .banner{
		padding: 20px 20px 0;
	}
	.catalog .top-info .banner .img-fluid{
		width: 55px;
		position: static;
		display: block;
		margin: 0 auto 20px;
		transform: translateY(0);
	}
	.catalog .top-info .car-type.desktop{
		display: none;
	}
	.catalog .top-info .car-type.mobile{
		display: inline-block;
	}
	.catalog .top-info .car-type{
		margin-left: 22%;
	}
	.catalog .top-info .results{
		display: block;
		margin-top: 30px;
	}
	.catalog .top-info .sort{
		top: -13px;
	}
	.catalog .car-thumb .img-fluid{
		display: block;
		margin: 0 auto;
	}
	.contact-banner{
		padding: 30px 20px 20px;
	}
	.contact-banner .vector{
		width: 130px;
		top: auto;
		bottom: 10px;
		transform: translateY(0);
	}
	.favorites .top-vector{
		top: 100px;
		width: 250px;
	}
	.product .gallery{
		padding: 40px 0;
	}
	.product .gallery .row{
		padding-right: 0;
		margin-top: 0;
	}
	.product .gallery .row .left{
		margin: 40px 0 10px;
	}
	.product .gallery .row a{
		padding-left: 60px;
	}
	.financing .addition.col-md-12{
		padding: 20px;
	}
	.financing .addition.col-md-12 .price{
		top: -30px;
	}
	.financing .addition.col-md-12 .price p{
		top: auto;
		left: auto;
		right: 20px;
		transform: translateX(0);
	}
	.financing .addition.col-md-6{
		padding: 25px 0 25px 80px
	}
	.financing .addition.col-md-6 .price{
		top: -25px;
	}
	.financing .addition.col-md-6 .price p{
		top: auto;
		left: auto;
		right: 40px;
		transform: translateX(0);
	}
	.product .resume{
		padding: 50px 0;
	}
	.product .car-info .col-lg-6{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0;
	}
	.product .car-info h3{
		margin-top: 30px;
	}
	.product .costs, .product .history{
		padding: 0 0 50px;
	}
	.product .specifications{
		padding: 60px 0 50px;
	}
	.product .costs .note{
		padding: 20px 25px 15px;
	}
	.product .similar{
		padding: 0 100px 20px;
	}
	.product .similar h2{
		margin-left: -100px;
	}
	.similar .car-thumb{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0;
	}
	.cart h1{
		font-size: 2em;
		line-height: 1.4;
		margin: 30px 0 50px;
	}
	.cart h1 .step{
		position: relative;
		top: -3px;
		margin-left: 10px;
	}
	.cart .financing .addition .price{
		border-left: none;
	}
	.cart .financing .addition.col-md-12 .col-md-8{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.cart .financing .addition.col-md-12 .col-md-4{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.cart .financing .addition.col-md-12 .price p,
	.cart .financing .addition.col-md-6 .price p{
		top: auto;
		left: auto;
		transform: translateX(0);
	}
	.cart .financing .addition.col-md-12 .price p{
		right: 70px;
	}
	.cart .financing .addition.col-md-6 .price p{
		right: 90px;
	}
	.cart .financing input[type="checkbox"] + label:before{
		right: 20px;
	}
	.cart .vector{
		width: 400px;
		bottom: -150px;
	}
	.cart .final img{
		margin-bottom: 30px;
	}
	.cart .final h3,
	.cart .final p{
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 425px){
	body{
		font-size: 70%;
	}
	header .navbar ul{
		padding-top: 30px;
	}
	.home .hero{
		padding: 130px 0 0;
	}
	.home .search-filter .dropdown a{
		font-size: 1.1em;
	}
	.home .search-filter .dropdown a.dropdown-item{
		font-size: 0.8em;
	}
	.home .special{
		padding: 80px 0 50px;
	}
	.home .quality-banner .car{
		width: 300px;
	}
	.home .cars{
		padding: 0 30px 60px;
	}
	.home .cars .vector{
		width: 80%;
	}
	.catalog .top-info .car-type{
		margin-left: 15%;
		margin-bottom: 20px;
	}
	.favorites .top-vector{
		top: 130px;
		width: 150px;
	}
	.product .breadcrumbs li{
		margin-bottom: 10px;
	}
	.product .gallery .gallery-thumb{
		height: 350px;
	}
	.product .gallery .galleries{
		text-align: center;
	}
	.product .gallery .galleries li{
		display: block;
		padding: 15px 20px 20px 20px;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.product .gallery .galleries li img{
		position: relative;
		top: 5px;
		left: -10px;
		transform: translateY(0);
	}
	.product .gallery .vector{
		width: 200px;
	}
	.product .gallery .main-btn{
		font-size: 1.1em;
	}
	.product .gallery .main-btn img{
		top: 3px;
	}
	.product .financing{
		padding: 30px 15px;
	}
	.product .financing .col-lg-5{
		padding: 0;
	}
	.product .resume li{
		margin-bottom: 20px;
	}
	.product .similar{
		padding: 0 15px 20px;
	}
	.product .similar h2{
		margin-left: -15px;
	}
	.cart .final-price{
		padding: 10px 15px;
	}
	.cart .final-price p{
		font-size: 2.5em;
	}
	.cart .final-price p span{
		font-size: 14px;
	}
	.cart .message{
		padding: 20px 15px;
	}
	.cart .financing .addition.col-md-6 .price,
	.cart .financing .addition.col-md-12 .price{
		top: 0;
		text-align: center;
		margin-top: 30px;
	}
	.cart .financing .addition.col-md-6 .price{
		left: -50px;
	}
	.cart .financing .addition.col-md-12 .price p,
	.cart .financing .addition.col-md-6 .price p,
	.cart .financing .addition.col-md-6 input[type="checkbox"] + label:before,
	.cart .financing .addition.col-md-12 input[type="checkbox"] + label:before{
		position: relative;
		top: 0;
		right: 0;
		left: 0;
		transform: translateY(0);
	}
	.cart .financing .addition.col-md-12 .price p,
	.cart .financing .addition.col-md-6 .price p{
		margin-bottom: 5px;
	}
	.cart .method-wrapper{
		padding: 35px 20px 33px;
	}
	.cart .method-wrapper img{
		left: 20px;
		transform: scale(0.8) translateY(-50%);
	}
	.cart .method-wrapper .radio-btn{
		right: 20px;
	}
	.cart .bank-data-wrapper{
		padding: 20px 0px 15px;
	}
	.styled-modal .modal-body{
		padding: 0 15px 30px;
	}
	.styled-modal .img-fluid{
		width: 200px;
	}
	.styled-modal h2{
		font-size: 1.3em;
		margin: 15px 0;
	}
}
@media screen and (max-width: 376px){
	.main-btn{
		padding: 11px 20px 13px;
	}
	.main-btn img{
		top: 2px;
	}
	.home .quality-banner{
		padding: 170px 20px 20px;
	}
	.home .quality-banner .icon{
		width: 45px;
	}
	.home .quality .list .col-lg-6{
		padding: 0;
	}
	.pagination li{
		padding: 9px 13px;
	}
	.contact-banner .vector{
		width: 110px;
	}
	.financing .addition.col-md-6{
		padding: 25px 0 25px 60px;
	}
	.financing .addition.col-md-6 img{
		left: -40px;
		transform: scale(0.7) translateY(-50%);
	}
	.financing .addition.col-md-6 .price p{
		font-size: 1.3em;
	}
	.cart .financing .addition.col-md-6 .price{
		left: -30px;
	}
	.cart .attention{
		padding: 20px;
	}
	.cart .attention img{
		display: block;
		position: static;
		transform: translateY(0);
		margin: 0 auto 15px;
	}
	.cart .vector{
		width: 300px;
	}
	.cart .method-wrapper span{
		position: relative;
		top: 3px;
		font-size: 1.2em;
	}
}
@media screen and (max-width: 321px){
	.home h1,
	.home .hero p{
		width: auto;
	}
	.home .quality-banner .car{
		width: 250px;
	}
	.home .quality-banner{
		padding: 140px 20px 20px;
	}
	.home .cars{
		padding: 0 15px 50px;
	}
	.catalog .top-info .car-type{
		margin-left: 3%;
	}
	.catalog .top-info .results{
		margin-bottom: 30px;
	}
	.catalog .top-info .sort{
		float: none;
		top: 0;
	}
	.pagination li{
		padding: 9px 10px;
	}
	.contact-banner .vector{
		width: 90px;
	}
	.favorites .top-vector{
		top: 110px;
		width: 120px;
	}
	.product .gallery .gallery-thumb{
		height: 280px;
	}
	.cart .method-wrapper img{
		transform: scale(0.7) translateY(-60%);
	}
	.cart .form-group .cvv-icon span{
		width: 200px;
	}
	footer .img-fluid{
		width: 130px;
	}
}