@media (max-width: 820px) {
	body {min-width:320px;padding:0px;}
	section {padding: 10px 0;}
	h1, .h1 {font-size:20px;margin: 10px 0;}
	
	h2 { font-size: 23px;}
	
	.site {padding-top: 70px;min-width:320px;}
	.main_width {width:100%;min-width:320px;}
	.btn {padding:0 5px;}
	header {position:fixed;top:0;width:100%;background: #fff;z-index: 100;padding:0px; border-bottom: 1px solid #e3e4eb;box-shadow: 0 1px 3px 0px rgba(51, 55, 57, .1);}
	.desctop_header {display:none;}
	.mobile_header {display:block;position:relative;height:70px;}
	.mobile_header .nav_link{display: inline-block;width: 30px;height: 60px;line-height:70px;font-family:FontAwesome;position:absolute;left:10px;}
	.mobile_header .nav_link:before {content: "\f0c9";font-size: 34px;}
	.mobile_header .logo {position: absolute;line-height: 70px;left: 60px;height: 60px;top: 0;width:230px;}
	.mobile_header .recall_link{position: absolute;right: 10px;line-height: 70px;}
	.mobile_header .region {position: absolute;right: 50px;top: 40px; width: 210px;}
	.mobile_header .region b {font-size:12px;}
	.mobile_header .region .select2-container {border:none; display: inline-block;width: 120px !important;}
	.mobile_header .region .select2-container--default .select2-selection--single .select2-selection__rendered {padding:0px;}
	.mobile_header .main_phones {position: absolute;top: 27px;width:auto;right:50px; width: 210px;}
	.mobile_header .main_phones a {font-size: 20px;}
	.mobile_header .nav_mobile{position: fixed;top: 70px;left: -300px; width: 275px;height: 100%; z-index: 1000;overflow-y: auto; -webkit-transition: left .4s ease-in-out; -moz-transition: left .4s ease-in-out; -ms-transition: left .4s ease-in-out; -o-transition: left .4s ease-in-out;transition: left .4s ease-in-out;padding:10px 0;box-shadow: 1px 5px 5px 1px rgba(17, 17, 17, 0.3);background: #000;}
	.mobile_header .nav_mobile.visible {left: 0;}
	.mobile_header .nav_mobile ul {margin-bottom:20px;}
	.mobile_header .nav_mobile ul li a {display:block;padding: 10px;color: #fff;border-bottom: 1px solid #fff;text-transform: uppercase;}
	.mobile_header .nav_mobile>div {padding: 10px;color: #fff;line-height: 20px;}
	.mobile_header .nav_mobile>div a {color: #fff;font-size:24px;}
	
	
	
	.main_marks li {width:25%;} 
	.main_filter ul li {width:50%;}
	.main_filter ul li:nth-child(3) {border-left: 1px solid #dcdcdc;}
	.main_filter ul li:last-child {width:100%;}
	
	.car_nav_ico {background: #18537e;text-align: center; padding: 10px; position: absolute;top: 0; right: 0;  bottom: 0; height: 70px; line-height: 70px;}
	.mobile_header .car_nav {height:0px;overflow:hidden;transition:height .3s linear;position:absolute;top:70px;left:0;right:0;background-color: rgba(57,57,57,.97);}
	.mobile_header .car_nav.open {height:100vh;overflow-y:scroll;}
	.mobile_header .car_nav>div {padding:20px;}
	.mobile_header .car_nav ul {max-width:510px;margin:0 auto;}
	.mobile_header .car_nav ul>li {float:none;width:100%;color:#fff;border-bottom:1px solid;height:40px;}
	.mobile_header .car_nav ul>li span {float:left;}
	.mobile_header .car_nav ul>li sub{float: right; display: inline-block;vertical-align: inherit; font-size: inherit;}
	
	.item_list>li {width:50%;}
	
	.gifts li, .gifts li:nth-child(2) {width:50%;}
	.gifts li:nth-child(3) {width:100%;}
	.gifts li:nth-child(3)>div {float:none;}
	.gifts li span br {display:none;}
	
	.short_form_wrapper {background-size: cover;}
	.short_form {width:100%;}

	.credit_page_tab, .credit_page_tab>.main_credit, .credit_page_tab>.credit_sidebar {display:block;width:100%;padding:0px;}
	.credit_page_tab>.credit_sidebar {margin-top:20px;}
	.credit_steps li>div {height:190px;}
	.credit_sidebar .gifts {margin-left:0px;}
	.credit_sidebar .gifts li, .credit_sidebar .gifts li:nth-child(2) {width: 33.3333%;}
	.tradein_text {height:auto;}
	.banks>li {width: 32%;}
	.adv {margin: 10px 0;}	
	.adv>div {width:100%;}
	.adv_item, .adv_item .tab {height:auto;}
	.adv_item_image {width: 130px;}
	.actions {display:none;}
	.contacts_container{background: #fff;padding: 5px; text-align: center;width: 220px;}
	.container_2 .contacts_container, .container_2 .contacts_container_right, .container_2 .contacts_container_right span  {
		width:100%;
	}
	.container_2 .contacts_container_right {
		padding-left: 10px;
	}
	.container_2 .contacts_container .form_control {
		width:100%;
	}
	
	.tab.creit_form>div {display:block;width:auto;padding-right:0;}
	.main_credit_form .car_image {height: 270px;padding-top: 0px;}
	.main_credit.tab>div.sidebar {display:none;}
	
	.tradein_tab.tab>div {display:block;width:auto;padding:0;}
	.tradein_tab .car_image {background-position: center;}
	.advantage .container>li{width:50%;}
	.conditions>div {width:100%;}
	.infographics_2.container>div {height:200px;}
	
	.reviews>div {display:block;width:100%;}
	.reviews_page>div+div {width:100%;padding:20px 0;}
	.services_form>div {padding: 20px 10px;}
	.services_form b {height: 85px;}
	.services_item_link {left: 50%;margin-left:-75px;}
	
	.guarantee_list {font-size: 16px;line-height: 18px;}
	
	.main_form h1 {font-size: 24px;margin: 10px 0;}
	 
	.specials>li {width:50%;}
	.tab>div.form_variants {width: 65%;padding:10px;}
	.bot_banner h1 {width:auto;}
	
	.credit_calculator_link {display:none;}
	
	.swiper-button-prev, .swiper-button-next, .main_slider .swiper-container-horizontal > .swiper-pagination-bullets {display:none;}
	
	/*credit*/
	.breadcrumbs {display:none;}
	.credit_banner {margin:0px;}
	.inset_title {margin-top:0px;}
	.main_credit.tab, .main_tradein.tab {display:block;margin-bottom:0;}
	.main_credit.tab>div, .main_tradein.tab>div {display:block;width:100%;padding:0px;}
	.main_tradein>div>div {padding-bottom: 0;}

	.contacts_page>div+div, .contacts_page>div:last-child {display:inline-block;width:100%;padding-left:0;}

	.marks_page .container_3>li{width:50%;}
	.marks_page .banners>li {width:50%;}
	
	.avito_form.container>div {width:100%;}
	
	/*detail*/
	.tabs_container ul {width: 100%;}
	.tabs_container ul li {padding:12px 0;width:33.3333%;}
	.main_tr {display:block;position:relative;border-bottom: 1px solid #dcdcdc;padding-top: 10px;}
	.main_tr:after {clear: both; display: table;content: "";line-height: 0;}
	.complectation_tr:nth-child(even) {background:transparent;}
	.main_tr>td {display:block;width:50%;float:left;}
	.main_tr>td+td {width:25%;}
	.main_tr>td:last-child {width:100%;}
	.main_tr .btn {width:100%;}

	/*catalog_bu*/
	.catalog_bu .main_marks ul {column-count: 3;}
	.catalog_bu .catalog_item.tab {display:block;}
	.catalog_bu .catalog_item.tab>div {display:block;}
	.catalog_bu .catalog_item .item_image_container {width:100%;}
	
	.catalog_bu .main_marks ul {column-count: 3;}
	.catalog_bu .main_marks ul li {line-height: 20px;}
	.catalog_bu .main_filter .container>li, .catalog_bu .catalog_mobile .main_filter .container>li {width: 33.3333%;}
	.catalog_bu .main_filter .container>li:nth-last-child(2) {display:none;}
	.catalog_bu .main_filter .container>li:last-child, .catalog_bu .catalog_mobile .main_filter .container>li:last-child {width:100%;}
	
	/*detail_bu*/
	.model_content >div {width:100%;}
	.detail_slider {width:100%;}
	.small_imagess {display:none;}
	.model_content >div.detail_pics {height:310px;position:absolute;top:0;left:0;padding-left:0;}
	.model_content  {position:relative;padding-top:310px;}
	.inner_marks .main_marks ul {column-count:4;}
	.specials_title .detail_price, .specials_title h1  {width:100%;float:none;padding-left:0px;}
	.car_detail_banner .tab>div:first-child {text-align:center;}
	.car_detail_banner .tab>div.ta_c {display:none;}
	.specials ul li {width:50%;}
	.bu_detail_tabs .tabs__caption li, .bu_detail_tabs .tabs__caption li:last-child { padding: 0px 40px;width: 100%;text-align: center;}
	
	.reviews .tab, .reviews .tab>div {display:block;width:100%;}
	.review_image {margin-bottom:10px;}
	.review_image>div {height: 170px;}
	.inset_form .container>div {width:100%;float:none;}
	
	footer .footer {padding:0;text-align:center;}
	footer .footer .logo {position:relative;}
	.desctop_header .top, footer .footer .top{position:relative;margin-top: 10px;}
	.top .main_phone {float:none;margin-top:10px;}
	
	
	.page404 .title404 { font-size: 70px; line-height: 100px; font-weight: 900; color: #8fa8bf;}
	a.close:hover {animation:none;}
	.popup.role_container {display:none !important;}
	.base-popup .base-popup-container {min-width: auto !important; max-width: 100% !important;}
	.recall .tab>div {display:block;width:100%;}
	
	#popup_toggle {transform: scale(0.7);}
	.h1 {font-size: 28px;    line-height: 30px;}
	.h1.mark_name {line-height: 50px;}
	.h2 {font-size:18px;}
	.landing_form .h1 {font-size: 28px;line-height: 40px;}
	.main_cover_info li>div {padding:10px;}
	.main_cover_info .container>li img {height:50px;}
	.landing_form .btn>div {font-size:16px;}

	.cpn-root-image {display: none;}
	.cpn-root-inputs {width: 100%;}
	.cpn-root-inputs > div {display: inline-block; width: 100%;}
	.cpn-root-inputs > div > *:not(:last-child) {margin-bottom: 10px;}
	.cpn-root-inputs {padding-right: 45px;}
	.cpn-root-inputs > div > button {margin-left: unset; width: 100%;}

	.input-desk {display: none !important;}
	.input-mobile {display: flex !important;}
}


@media (max-width: 580px) {
	.mobile_header .logo { width: 180px;}
	.mobile_header .main_phones a {font-size:20px;}
	.item_list>li {width:100%;}
	.short_form .container_3>div {width:100%;}
	.credit_steps li>div {height: 220px;}
	.credit_steps li>div h2 {line-height: 20px;}
	.gifts li, .gifts li:nth-child(2) {width:100%;text-align:left;}
	.gifts li>div {padding-left:100px !important;}
	.credit_sidebar .gifts {margin-left:0px;}
	.credit_sidebar .gifts li, .credit_sidebar .gifts li:nth-child(2) {width: 33.3333%;}
	.credit_sidebar .gifts li>div {padding-left:0 !important; text-align:center;}
	
	.about_wrapper {padding-bottom: 200px;background-size: contain;}
	.guarantee_list {font-size: 14px;line-height: 16px;}
	.conditions ul {column-count:1;}

	.infographics ul li {width:100%; background-size: 22px;padding-left: 30px;}
	.infographics ul li+li { margin-top: 10px;}
	.infographics ul li br {display:none;}
	.action_summ b {font-size: 22px;}
	
	.model_block_container>div:first-child, .model_block_container>div+div { width: 100%;padding-left:0;}
	.model_block_container>div.model_pic>div:first-child {height:auto;}
}

@media (max-width: 520px) {
	.mobile_header .logo {width:150px;}
	.mobile_header .main_phones {width: 170px;}
	.mobile_header .main_phones a {font-size:14px;font-weight: 700;white-space:nowrap;}
	.mobile_header .region {width:170px; top: 35px;}
	.mobile_header .region b{display:none;}
	footer .top > span, footer .nav li, footer p {font-size:12px;}
	.model_info .container>div, .model_info .container>li {width:100%;}
	.model_info .btn2 {margin-bottom:0;}
	.legal_purity, .model_garanty {height:auto;}
}

@media (max-width: 470px) {
	
	.main_marks li {width:33.3333%;}
	.credit_sidebar .gifts h2, .credit_steps li>div h2 {font-size: 18px; line-height: 16px;}
	.credit_form .container>div {width:100%;float:none;}
	.adv_item_image {width: 100px;}
	.about {padding:20px 20px 0;}
	.about_wrapper {padding-bottom: 120px;}
	.legal_purity .container>li {width:100%;}
	.slick-slider .slick-trac {}
	.slider, .slider__item, .slider a.last_slide {height:220px;}
	.slider a.last_slide{line-height:220px;}
	.vin {top: 10px; right: 10px; width: 90px;}
	.vin>div {font-size: 10px;padding:0;background-size:contain;line-height: 14px; padding-left: 30px;}
	.mobile_header .main_phones {width:130px; top: 15px;line-height: 45px;}
	.mobile_header .region {width:130px; top: 35px;}
	.mobile_header .region b{display:none;}
	.model_info .container>div, .model_info .container>li {padding:5px 10px;}
	.model_info label {font-size: 18px; margin-bottom: 5px;}
	.model_info .model_price {margin-bottom: 5px; font-size: 22px;    line-height: 24px;}
	.model_info .model_price b {font-size:28px;margin-bottom:0px;}
	
}
@media (max-width: 420px) {
	.main_filter ul li {width:100%;}
	.main_filter ul li+li {border-left: 1px solid #dcdcdc;}
	.credit_steps li, .credit_sidebar .gifts li, .credit_sidebar .gifts li:nth-child(2),  .credit_sidebar .gifts li>div {width:100%;}
	.credit_steps li>div {height:auto;}
	.mobile_header .logo {width:115px;}
	.mobile_header .main_phones a {font-size:12px;}
	.mobile_header .region {font-size:12px;}
}
@media (max-width: 360px) { 
        body {min-width:320px;padding:0px;}
	.mobile_header .logo {width:100px;left: 50px;}
	.mobile_header .main_phones {right: 40px;width:120px;}
	.mobile_header .region {right: 40px;width:120px;}
}
