@media screen and (max-width: 1920px){
	.c13 .map_info{
		left: 18%;
	}
}

@media screen and (max-width: 1400px){
	.c13 .h1_wrapp{
		margin-left: 0;
	}

	.c13 .map_info{
		left: 8%;
	}
}

@media screen and (max-width: 1280px){
	body{
		width: 100%;
	}
	.wrapp{
		max-width: 960px;
		width: auto;
	}
}

@media screen and (max-width: 1024px){
	.review_popup{
		width: 90%;
	}

	.popup.review_popup .border{
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}

	.popup.review_popup .border ul{
		display: flex;
		width: 100%;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	.popup.review_popup .border ul li{
		width: 50%;
		box-sizing: border-box;
		padding: 0;
		margin: 0;
		margin-bottom: 20px;
		background-position: center !important;
	}

	.popup_close{
		right: -8px;
		top:-10px;
		z-index: 10;
	}

	.popup.review_popup .border p{
		position: relative;
		left: 0;
		padding-top: 25px;
	}

	.c6 .cases_img .slick-arrow.slick-prev{
		left: -10px;
	}

	.c6 .cases_img .slick-arrow.slick-next{
		right: -10px;
	}

	.c9 ul li .text{
		width: 280px;
	}

	.reviews .slick-arrow.slick-prev{
		left: -10px;
	}

	.reviews .slick-arrow.slick-next{
		right: -10px;
	}
}


@media screen and (max-width: 768px){

	/* ÐœÐµÐ½ÑŽ */
	.c1 .left{
		background-position: center;
		margin-left: 0;
		width: 100%;
		height: 64px;
	}

	.c1 .right{
		display: none;
	}

	.top_menu1_wrapper .wrapp{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.top_menu{
		display: none;
	}

	.top_menu .wrapp{
		display: flex;
		justify-content: center;
	}

	.top_menu ul{
		display: none;
	}

	.top_menu.active{
		display: block;
		height: 0;
		width: 100%;
	}

	.top_menu ul.active{
		position: absolute;
		display: block;
		padding: 12px 0;
		background: #52ec8c;
		width: 100%;
		left: 0;
		top: 0px;
		z-index: 1000;
	}

	.top_menu ul.active li{
		display: block;
	}

	.burger__icon{
		height: 20px;
		width: 24px;
		cursor: pointer;
		position: relative;
	}

	.burger__icon span{
		height: 2px;
		width: 24px;
		display: block;
		margin-bottom: 6px;
		background: #fff;
		position: absolute;
		transition: 200ms ease-in;
	}

	.burger__icon span:first-child{
		top:0;
	}

	.burger__icon span:nth-child(2){
		top:7px;
	}

	.burger__icon span:last-child{
		margin-bottom: 0;
		top:14px;
	}

	.burger__icon.checked span:nth-child(1){
		transform: rotate(45deg);
		top:10px;
	}

	.burger__icon.checked span:nth-child(2){
		display: none;
	}

	.burger__icon.checked span:nth-child(3){
		transform: rotate(-45deg);
		top:10px;
	}

	.phone_call_item{
		display: block;
		height: 26px;
		width: 26px;
		background: url(../img/phone-call.svg) no-repeat;
	}

	/* Ð’Ñ‚Ð¾Ñ€Ð¾Ð¹ ÑÐºÑ€Ð°Ð½ */

	.c2{
		height: auto;
	}

	.c2 .block .wrapper{
		margin-bottom: -15px;
	}

	.c2 .car .preview{
		display: block;
		background: url(../img/c2/cars.png) center no-repeat;
		width: 100%;
		padding-top: 100px;
		box-sizing: border-box;
	}

	.c2 .preview .car_b,
	.c2 .preview .car_a{
		display: none;
	}

	.c2 .preview .line{
		display: none;
	}

	.c2 .block{
		padding-top: 24px;
	}

	.c2 .block h2{
		width: auto;
		display: inline-block;
	}

	/* ÐœÐ°Ñ€ÐºÐ¸ Ð°Ð²Ñ‚Ð¾ */

	.c3 fieldset{
		height: auto;
		padding-bottom: 50px;
		border: 0;
	}

	.c3 ul{
		border-top: 0;
		display: flex;
		justify-content: center;
		flex-flow: row wrap;
		margin-bottom: 0;
	}

	.c3 ul li{
		width: calc(25% - 18px);
		margin-top: 2px;
		margin-right: 2px;
	}

	.c3 ul li:nth-child(4n){
		margin-right: 0;
	}

	/* ÐÐ°ÑˆÐ¸ ÑƒÑÐ»ÑƒÐ³Ð¸ */

	.c4{
		height: auto;
		padding-bottom: 40px;
	}

	.c4 .btn_wrapp{
		position: relative;
		bottom: 0;
		margin-top: 90px;
	}

	.c4 .img_bg{
		width: 100%;
		height: 340px;
		position: relative;
	}

	.c4 .img_bg .img{
		background-size: 700px !important;
	}

	.c4 .wrapp > ul{
		display: none;
	}

	.accordion{
		display: block;
	}


	.c4 .desc_wrapp{
		display: none;
	}

	/* ÐÐºÑ†Ð¸Ñ */


	.c5{
		background-size: cover;
		height: auto;
		padding-bottom: 60px;
	}

	.c5 .text_bg{
		position: relative;
		width: 100%;
		height: auto;
		left: 0;
		top: 45px;
		display: flex;
		justify-content: center;
		padding-bottom: 40px;
	}

	.c5 .text_bg fieldset{
		display: block;
		width: 87%;
		height: auto;
		box-sizing: border-box;
		margin: 0;
		margin-top: 20px;
		padding-bottom: 20px;
		padding-right: 20px;
	}

	.c5 .form_bg form{
		margin-top: 0;
		text-align: center;
		margin-left: 0;
	}
	
	.c5 .form_bg{
		float: none;
		padding-top: 20px;
		padding-bottom: 20px;
		margin: 0 auto;
		margin-top: 80px;
	}

.c5 .layer{
	background-size: cover;
}

	/* ÐŸÐ¾Ñ€Ñ‚Ñ„Ð¾Ð»Ð¸Ð¾ */

	.c6{
		background-size: cover;
		height: auto;
		padding-bottom: 80px;
	}

	.c6 fieldset{
		width: 100%;
		min-width: initial;
		position: relative;
		display: block;
		padding: 20px;
		box-sizing: border-box;
		height: auto;
		border: 0;
	}

	.c6 .left{
		float: none;
		margin: 0;
	}

	.c6 .left .auto{
		text-align: left;
	}

	.c6 .left .auto label{
		display: inline-block;
		margin-right: 15px;
	}

	.c6 .left .repair_type{
		padding-top: 30px;
		text-align: left;
	}

	.c6 .left .repair_type label{
		display: inline-block;
		margin-right: 15px;
	}

	.c6 .right{
		float: none;
		margin: 0;
	}

	.c6 .right .case{
		width: 100%;
	}

	.c6 .right .case .inner{
		width: auto;
	}

	.c6 .cases_img .slick-next{
		right: 0px;
	}

	.c6 .cases_img .slick-prev{
		left: 0px;
	}


	/* Slick */

	.cases_img{
		width: 100%;
		height: auto;
	}

	.cases_img_img{
		width: 100%;
	}

	.cases_img .slick-dots{
		bottom: -50px !important;
	}

	.reviews__block{
		width: 100%;
	}

	.reviews fieldset{
		border: 0;
	}

	.reviews__block{
		margin-right: 0;
		margin-left: 0;
	}



	/* Ð¡Ñ…ÐµÐ¼Ð° Ñ€Ð°Ð±Ð¾Ñ‚Ñ‹ */

	.c8{
		height: auto;
		background-size: cover;
		padding-top: 60px;
		padding-bottom: 40px;
	}

	.c8:before{
		content: '';
		display: block;
		position: absolute;
		height: 100%;
		width: 100%;
		background: rgba(0,0,0,0.65);
		top:0;
		left: 0;
	}

	.c8 .h1_wrapp{
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		display: flex;
		justify-content: center;
		height: auto;
		padding:20px 0;
		padding-bottom: 35px;
	}

	.c8 .h1_wrapp fieldset{
		height: auto;
		position: relative;
		left: 0;
		top: 0;
		width: 90%;
		box-sizing: border-box;
		text-align: center;
		padding: 0 0px;
	}

	.c8 .h1_wrapp fieldset p{
		margin-left: 0;
		padding-bottom: 20px;
	}

	.c8 ul{
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding-top: 40px;
	}

	.c8 ul li{
		width: calc(50% - 40px);
		margin: 0 20px 0px 20px !important;
	}

	.c8 ul li .text{
		position: relative;
		width: 100%;
		box-sizing: border-box;
		left: 0;
		top: -60px;
	}

	.c8 ul li.li5 .text{
		left: 0;
		top: -60px;
	}

	.c8 ul li .text br{
		display: none;
	}

	.c9 fieldset{
		border: 0;
	}

	.c9 ul{
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding: 0 40px;
		box-sizing: border-box;
		height: auto;
		padding-bottom: 40px;
	}


	.c9 ul li{
		width: calc(50% - 40px);
		box-sizing: border-box;
		margin-right: 0 !important;
	}

	.c9 ul li .img{
		width: 100%;
		background-position: center !important;
		margin-left: 0;
		right: 0 !important;
	}

	.c9 ul li .img .icon{
		left: 50% !important;
		transform: translateX(-50%) !important;
		top:-46px !important;
	}

	.c9 ul li .text{
		width: 100%;
	}

	.c9 ul li .text br{
		display: none;
	}

	/* Ðž Ð½Ð°Ñ */

	.c10{
		height: auto;
		background-size: cover;
		padding-bottom: 40px;
	}

	.c10 fieldset{
		height: auto;
		padding: 0;
		padding-bottom: 40px;
		width: 100%;
		float: none;
		box-sizing: border-box;
		border: none;
	}

	.c10 fieldset legend{
		margin: 0;
		padding:0;
	}

	.c10 fieldset p{
		margin: 0;
		padding-top: 12px;
	}

	.c10 .images{
		width: auto;
	}

	.slick-dots{
		width: 100% !important;
	}

	.c10 .images .slick-arrow.slick-prev{
		left: 20px;
	}

	.c10 .images .slick-arrow.slick-next{
		right: 20px;
	}



	/* Ð›Ð¸Ñ†ÐµÐ½Ð·Ð¸Ð¸ */

	.c12 fieldset{
		border: none;
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}


	.c12 fieldset ul li{
		width: 50%;
		background-position: center;
		border: 0;
		margin-bottom: 60px;
	}

	.c12 .slick_docs{
		position: relative;
		display: block;
		width: 300px;
		margin: 0 auto;
		overflow: hidden;
		margin-top: 50px;
	}

	.c12 .slick_docs .slick_docs_item{
		display: inline-block;
	}

	.slick_docs .slick-arrow{
		position: absolute;
		z-index: 10;
		top: 115px;
		height: 25px;
		width: 25px;
		background: 0 0;
		border: 0;
		outline: 0;
		text-indent: -9999px;
		color: transparent;
		cursor: pointer;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: border-color .2s;
		transition: border-color .2s;
	}

	.slick_docs .slick-arrow.slick-prev{
		left: 5px;
		border-bottom: 3px solid #000;
		border-left: 3px solid #000;
	}

	.slick_docs .slick-arrow.slick-next{
		right: 5px;
		border-top: 3px solid #000;
		border-right: 3px solid #000;
	}


	/* ÐšÐ°Ñ€Ñ‚Ð° */

	.c13 .h1_wrapp{
		left: 50%;
		transform: translateX(-50%);
		width: 70%;
		height: auto;
		padding: 20px;
		margin-left: 0;
		box-sizing: border-box;
		text-align: center;
	}

	.c13 .h1_wrapp .h1{
		width: 100%;
		height: auto;
		padding-bottom: 12px;
		box-sizing: border-box;
		margin-left: 0;
	}

	.c13 .map_info{
		position: relative;
		top:0;
		left: 0;
		width: 100%;
		text-align: center;
		height: auto;
		padding: 40px 0;
	}

	/* ÐŸÐ¾Ð´Ð²Ð°Ð» */

	.c15 .wrapp{
		display: flex;
		justify-content: space-between;
	}


}

@media screen and (max-width: 667px){

	.c2 .block h1{
		font-size: 48px;
	}

	.c2 .block h2{
		font-size: 30px;
	}

	.c2 .block .wrapper{
		max-width: 450px;
		width: auto;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: -15px;
	}

	/* ÐŸÑ€ÐµÐ¸Ð¼ÑƒÑ‰ÐµÑÑ‚Ð²Ð° */

	.balls{
		background-size: cover;
	}

	.balls__list{
		flex-wrap: wrap;
		justify-content: center;
	}

	.balls__item{
		width: 33%;
		padding-bottom: 30px;
	}

	.balls__item:last-child{
		padding-bottom: 0;
	}

	.c3 fieldset legend,
	.c3 fieldset p{
		font-size: 38px;
	}

	.c4 h1{
		font-size: 38px;
	}

	/* ÐÐºÑ†Ð¸Ñ */

	.c5 .text_bg fieldset legend,
	.c5 .text_bg fieldset span{
		font-size: 38px;
	}

	.c5 .text_bg fieldset p{
		font-size: 18px;
	}

	.c6 .title_c6{
		font-size: 38px;
	}

	/* Ð­Ñ‚Ð°Ð¿Ñ‹ Ñ€Ð°Ð±Ð¾Ñ‚Ñ‹ */

	.c8 .h1_wrapp fieldset legend{
		font-size: 38px;
	}
	
	.c8 .h1_wrapp fieldset p{
		font-size: 38px;
	}

	/* ÐŸÑ€ÐµÐ¸Ð¼ÑƒÑ‰ÐµÑÑ‚Ð²Ð° */

	.c9 fieldset legend,
	.c9 fieldset > p{
		font-size: 38px;
	}

	.c9 ul li{
		width: 100%;
	}

	/* Ðž Ð½Ð°Ñ */

	.c10 fieldset legend{
		font-size: 38px;
	}

	.c10 fieldset p{
		font-size: 18px;
	}


	.c10 .images .slick-arrow{
		display: none;
	}

	/* Ð›Ð¸Ñ†ÐµÐ½Ð·Ð¸Ð¸*/

	.c12 fieldset legend{
		font-size: 38px;
	}

	/* ÐšÐ¾Ð½Ñ‚Ð°ÐºÑ‚Ñ‹ */

	.c13 .h1_wrapp .h1 p{
		font-size: 38px;
	}

	/* ÐŸÐ¾Ð´Ð²Ð°Ð» */

	.c15{
		padding-bottom: 15px;
	}

	.c15 .wrapp{
		flex-flow: row wrap;
		justify-content: center;
	}

	.c15 .left,
	.c15 .social,
	.c15 .right{
		width: 100%;
		float: none;
		text-align: center;
	}

	.c15 .right{
		margin-top: 0;
	}

	.c15 .right br{
		display: none;
	}

	.c15 .wrapp > ul{
		display: block;
	}

	.popup.review_popup .border ul li{
		width: 100%;
	}

	.popup.review_popup .popup_name{
		font-size: 38px;
	}

	.reviews fieldset legend{
		font-size: 38px;
	}

	.reviews__block{
		height: auto;
		margin-top: 20px;
	}


	.reviews__img{
		width: 140px;
		margin: 0 auto;
	}

	.reviews__text{
		text-align: center;
		width: 100%;
		margin-left: 0;
		padding-top: 10px;
	}

	.reviews .slick-dots{
		bottom: -30px !important;
	}

	.reviews .slick-arrow{
		top: 160px;
	}

}

@media screen and (max-width: 640px){
	.c1{
		height: auto;
	}

	.c1 .left{
		float: none;
		width: 100%;
		background-position: center;
	}

	.c1 .right{
		float: none;
		text-align: center;
	}

	.top_menu.fixed{
		top: 155px;
	}
	
	.c2{
		padding-top: 90px;
		background-position: 50% 60px;
		background-size: cover;
	}


	.c10 .images .slick-arrow{
		top: 67%;
	}

	.c10 .images{
		width: auto;
		height: auto;
	}

	.c10 .images .img{
		text-align: center;
		height: 360px;
	}

	.c10 .images .img img{
		height: 100%;
		width: auto;
		left: -80px;
	}

}

@media screen and (max-width: 560px){
	.balls__item{
		width: 100%;
		padding-bottom: 40px;
	}

	.c2 .car .preview{
		background-size: 380px;
		height: 260px;
	}

	.c3 ul li{
		width: calc(50% - 18px);
		margin-top: 2px;
		margin-right: 2px;
	}

	.c3 ul li:nth-child(4n){
		margin-right: 2px;
	}

	.c4{
		height: auto;
	}

	.c4 .img_bg{
		height: 280px;
	}

	.c4 .img_bg .img {
		background-size: 480px !important;
	}


}

@media screen and (max-width: 480px){

	.c1 .left{
		background-size: 170px;
	}

	.c2 .car .preview{
		background-size: 280px;
		height: 200px;
	}


	.c4 .desc_wrapp .desc{
		height: 240px;
		padding-top: 5px;
	}

	.c4 .wrapp > ul li.active + li{
		margin-top: 240px;
	}

	.c5 .form_bg{
		width: 95%;
		padding: 0;
	}

	label.name,
	label.email,
	label.phone{
		width: 100%;
	}


	.c5 .form_bg form{
		margin: 0;
		padding: 25px 35px;
	}

	.c5 .form-selector{
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
	}

	.c5 .form-selector .selector{
		margin-bottom: 10px;
	}

	.c5 .form_bg form input[name="name"],
	.c5 .form_bg form input[name="email"],
	.c5 .form_bg form input[name="phone"]{
		width: 100%;
		box-sizing: border-box;
	}

	.c5 .form_bg form > .btn{
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		padding: 13px 20px;
	}

	/* ÐŸÐ¾Ñ€Ñ‚Ñ„Ð¾Ð»Ð¸Ð¾ */

	.c6 fieldset{
		padding: 0;
	}

	.c6 .right .case{
		height: auto;
	}

	.c6 .right .case .inner{
		background-position: top !important;
		padding-left: 15px;
		padding-top: 320px;
		padding-bottom: 30px;
		padding-right: 30px;
		text-align: left;
	}

	.cases_img_item{
		margin: 0;
	}

	.c6 .cases_img .slick-prev{
		left: 0px;
		top:calc(50% + 25px);
		border: none;
		height: 40px;
		width: 40px;
		z-index: 10;
		background: url(../img/arrow_prev.png);
		background-size: 40px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.c6 .cases_img .slick-next{
		right: 0px;
		top:calc(50% + 25px);
		border: none;
		height: 40px;
		width: 40px;
		z-index: 10;
		background: url(../img/arrow_next.png);
		background-size: 40px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.c8 ul li{
		width: 100%;
		margin-bottom: 0px !important;
	}

	.c8 ul li:last-child{
		margin-bottom: 0 !important;
	}

	/* ÐžÑ‚Ñ‹Ð²Ñ‹ */

	.reviews__block{
	}

	/* ÐŸÑ€ÐµÐ¸Ð¼ÑƒÑ‰ÐµÑÑ‚Ð²Ð° */

	.c9 ul li{
		margin-bottom: 80px;
	}

	.c9 ul{
		padding: 0 40px;
	}

	/* Ðž Ð½Ð°Ñ */

	.c10{
		padding-bottom: 0;
	}


	.c10 fieldset p br{
		display: none;
	}


	.slick-dots{
		bottom: 90px !important;
		width: 100% !important;
	}

	/* Ð›Ð¸Ñ†ÐµÐ½Ð·Ð¸Ð¸ */

	.c12 fieldset ul li{
		width: 100%;
		margin-bottom: 30px;
	}

	/* ÐšÐ¾Ð½Ñ‚Ð°ÐºÑ‚Ñ‹ */

	.c13 .h1_wrapp{
		width: 90%;
	}

	/* Ð¤Ð¾Ñ€Ð¼Ñ‹ */
	.popup{
		position: absolute;
		width: 100%;
		height: 100vh;
		padding-top: 60px;
		box-sizing: border-box;
		margin-top: 0;
		margin-bottom: 0;
		border: none;
		overflow: auto;
		left: 0;
		top:0;
		-webkit-transform: none;
		transform: none;
	}

	.popup_close{
		right: 15px;
		top:15px;
	}

	.popup form input[type="text"],
	.popup form textarea{
		width: 100%;
		box-sizing: border-box;	
	}

	.policy br{
		display: none;
	}

}

@media screen and (max-width: 380px){
	.c4 .desc_wrapp .desc{
		height: 250px;
	}

	.c4 .desc_wrapp .desc .right ul li{
		min-width: auto !important;
		width: 100%;
		margin-right: 20px;
	}

	.c4 .wrapp > ul li.active + li{
		margin-top: 250px;
	}
	
	.c9 fieldset{
		padding-bottom: 60px;
	}
}
