@media (max-width: 1400px) {
	.wrap{
		width:100%;

	}
	
}
@media (max-width: 1300px) {
	.bar .phone{
		font-size: 26px;
		margin-right: 40px;
	}
}	
@media (max-width: 1200px) {
	.bar .logo span{
		font-size: 16px;
		padding-left: 30px;
	}
	.text ul li div .title{
		font-size: 24px
	}

}
@media (max-width: 1100px) {
	.bar .logo span{
		/*display: none;*/
	}
	.bar .re{
		font-size: 18px;
		width: 190px;
	}
	.bar .phone{
		font-size: 22px
	}
	.bar .phone{
		margin-right: 30px;
	}
	.bar .phone{
		padding-left: 40px;
	}
	.cars ul li div .img span img{
		max-width: 200px
	}
	.cars ul li div .img span{
		height: 160px;
	}
	.why .wrap > img{
		width: 400px;
	}
	.why .wrap .list{
		margin-left: 480px;
	}
}
@media (max-width: 987px) {
	.wrap{
		padding-left: 10px;
		padding-right: 10px;
	}
	.top  .wrap > img{
		 width: 400px;
		 margin-top: 140px;
		 max-width: 100%	
	}
 	.bar .logo span{
		display: none;
	}
	.top .wrap form{
 
	}
	.text ul li{
		width: 100%;
		margin-bottom: 20px;
	}
	.text ul li:last-child{
		margin-bottom: 0;
	}
	.cars ul li{
		width: 50%;
	}
	.why .wrap > img{
		width: 250px;
	}
	.why .wrap .list{
		margin-left: 300px;
	}
	.rev ul li{
		width: 100%;
		padding-right: 0;
	}
	.order form{
		width: 280px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 30px;
		padding-right: 30px;
	}
	.order form > div{
		margin-right: 0;
	}
	.order form > div label{
		float: none;
		width: 100%;
	}
	.order form button{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.order form > div label{
		padding: 0;
		margin-bottom: 10px;
	}
}
@media (max-width: 787px) {
	.top{
		text-align: center;
		height: auto;
	}
	.top  .wrap > img{
		float: none;
		display: inline-block;
	}
	.top .wrap form{
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
	}
	.why .wrap {
		text-align: center;
	}
	.why .wrap > img{
	 	float: none;
	 	display: inline-block;
	 	max-width: 100%
	}
	.why .wrap .list{
		margin-left: 0;
		text-align: left;
		margin-top: 35px;
	}
	.why .wrap .num li{
		width: 100%;
		margin-bottom: 25px;
	}
	.why .wrap .num li:last-child{
		margin-bottom: 0;
	}
	.contacts .wrap form{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.cars ul li{
		width: 100%;
	}
	.rev ul li{
		text-align: center;
	}
	.rev ul li img{
		float:none;
		display: inline-block;
		margin-bottom: 25px;
	}
	.rev ul li p{
		margin-left: 0;
		text-align: left;
	}
}
@media (max-width: 678px) {
	.bar .logo img{
		width: 100px;
		margin-top: 10px;
	}
	.bar .re{
		margin-top:45px;
	}
	.bar .phone{
		position: absolute;
		top: 15px;
		right: 10px;
		margin-top: 0;
		margin-right: 0;
		font-size: 20px;
		background-size: 15px auto;
		height: 23px;
		line-height: 23px;
		padding-left: 20px;
	}
}
@media (max-width: 500px) {
	/*.bar .logo img{
		width: 80px;
	}
	.bar{
		height: 75px;
		background-position: left bottom
	}*/
 
	 
	.text h1{
		font-size: 28px
	}
	.adv1 h2{
		font-size: 28px
	}
	.adv1 h2{
		font-size: 18px
	}
	.why h4{
		font-size: 36px
	}
	.order p span{
		font-size: 42px
	}
	.top .wrap form{
		width: 280px;
	}
	.contacts .wrap form{
		width: 280px;
	}
}