/* CSS Document */

.touch{
}

.touch .list-vehicles ul li a.see-details,
.touch .list-vehicles ul li a.make-offer{
	opacity: 1;
}


@media screen and (max-width: 1400px){
	.list-vehicles ul li{
		width: 23%;
		padding: 0 1%;
	}
	.list-vehicles ul li figure{
		height: 150px;
	}
	#search-and-filters,
	#search-and-filters a.scroll-down,
	#search-and-filters a.see-filters,
	#search-and-filters form.search,
	#search-and-filters form.search input,
	#search-and-filters form.search input.find{
		height: 35px;
		line-height: 35px;
	}
	#search-and-filters form.search input{ font-size: 20px;}
	#search-and-filters form.search input.find{ width: 50px;}
	#features .content .desc p{ width: 100%}
	#features .content .desc a.see-details,
	#features .content .desc a.make-offer{
		height: 30px;
		line-height: 30px;
	}
	#filters{
		top: 50px;
	}
	#filters form fieldset{
		max-width: 70%
	}
	.scroll header#main-header nav a.bt-phone,
	.scroll header#main-header nav a.social{
		display: none
	}
}
@media screen and (max-width: 1280px){
	footer aside{
		float: none;
		clear: both;
		margin-left: 0;
		padding-top: 40px;
	}
}
@media screen and (max-width: 1100px){
	#banners{
		height: auto !important;
	}
	.list-vehicles ul li{
		width: 31.333%;
		padding: 0 1%;
	}
	.list-vehicles ul li figure{
		height: 200px;
	}
	.list-vehicles span.bg{ width: 33.33333%}
	.list-vehicles span.bg:nth-of-type(1){ left: 0;}
	.list-vehicles span.bg:nth-of-type(2){ left: 33.33333%;}
	.list-vehicles span.bg:nth-of-type(3){ left: 66.666%;}
	.list-vehicles span.bg:nth-of-type(4){ display: none;}

	header#main-header nav a{
		font-size: 15px;
		margin: 0 5px;
	}
}
@media screen and (max-width: 1000px){
	footer form{
		float: none;
		clear: both;
		margin-left: 0;
		padding-top: 40px;
	}
	footer aside.interest form{
		margin-left: 2.5%;
	}
}
@media screen and (max-width: 960px){
	#features .content .desc a.see-details,
	#features .content .desc a.make-offer strong{
		font-size: 13px;
	}
	header#main-header nav a.bt-phone,
	header#main-header nav a.facebook{
		display: none
	}

	header.inner-description nav.other-links{
		position: static;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: -5px
	}

	.extra-descriptions .container{
		width: 76%;
		padding: 40px 12%;
		float: none;
	}
	.extra-descriptions figure{
		width: 100%;
		float: none;
	}
	#youtube iframe{
		width: 90%;
		height: 400px;
	}
	form.common-form,
	.hidden-content .social{
		width: 90%;
	}

	.list-vehicles a.see-list{
		display: block;
	}


}
@media screen and (max-width: 800px){
	#features .content{
		position: static;
		height: auto
	}
	#features .content .desc{
		width: 100%;
		left: 0;
		position: static;
		height: auto;
		background: #2e2e2e;
	}

	#features .content .desc .container{
		height: auto !important;
		padding: 5%;
		position: static;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0));
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	#features .content figure,
	#features .content figure img{
		position: static;
		left: 0 !important;
		width: 100%;
		height: auto !important;
		display: block;
		opacity: 1 !important;
	}
	#features .content.left{
		position: static;
		display: none;
	}

	.list-vehicles ul li{
		width: 46%;
		padding: 0 2%;
	}
	.list-vehicles ul li figure{
		height: 150px;
	}
	.list-vehicles span.bg{ width: 50%}
	.list-vehicles span.bg:nth-of-type(1){ left: 0;}
	.list-vehicles span.bg:nth-of-type(2){ left: 50%;}
	.list-vehicles span.bg:nth-of-type(3){ display: none;}
	.list-vehicles span.bg:nth-of-type(4){ display: none;}

	#search-and-filters a.scroll-down{	display: none;}
	#search-and-filters form.search{ left: 0; right: 120px;}
	#search-and-filters a.see-filters,
	#search-and-filters.fixe.open-filters a.see-filters{
		background-image: none !important;
	}
	#filters form fieldset{
		max-width: 100%
	}
	#filters form label{
		float: left;
		margin-right: 5px;
	}

}
@media screen and (max-width: 880px){
	header#main-header nav a{
		display: none
	}
	header#main-header nav span.menu{
		display: block;
	}
	.extra-descriptions .container{
		width: 90%;
		padding: 40px 5%;
		float: none;
	}
	article.descriptions-vehicle ul li{
		clear: both;
		float: none;
		height: auto !important
	}
}
@media screen and (max-width: 500px){
	#features .content .desc .container p{
		display: none;
	}
	#features .content .desc a.see-details,
	#features .content .desc a.make-offer{
		margin-top: 0;
	}
	.list-vehicles ul li a.make-offer{ display: none;}

	#features .content .desc strong.title,
	#features .content .desc strong.title a{
		font-size: 22px;
	}
	#youtube iframe{
		width: 100%;
		height: 320px;
	}
	#gallery nav.numbers{
		width: 100%;
		margin-left: 0;
	}

	footer .social,
	footer .social .fb-like,
	.fb_iframe_widget,
	footer .social .fb_iframe_widget span,
	.fb_iframe_widget span{
		width:  100% !important;
		overflow: hidden
	}
	footer form{
		width: 100%;
	}
	footer form fieldset{
		width: 80%!important;
		margin-bottom: 10px;
		clear: both;
		float: none;
	}

	form.common-form fieldset{
		width: 100%;
	}
	form.common-form input,
	form.common-form textarea{
		width: 100%;
	}

}
@media screen and (max-width: 470px){
	#search-and-filters.fixe a.see-filters{
		display: none;
	}
	.scroll header#main-header nav span.menu{
		right: 10px;;
	}
	.open-menu header#main-header nav{
		padding-top: 45px;
	}
	.open-menu #search-and-filters.fixe{
		z-index: 999 !important;
	}
	.open-menu #search-and-filters a.see-filters,
	#search-and-filters.fixe.open-filters a.see-filters{
		display: block;
		top: 0px;
		right: 0;
		left: 0 !important;
		width: 100%;
		text-align: center;
		padding: 0;
		position: fixed;
		z-index: 99;
		background: #696969;
	}
	#filters{
		padding: 5%;
	}
	#search-and-filters.fixe.open-filters{
		position: absolute;
		top: 0px;
		z-index: 998
	}
	body.open-filters main{
		display: none;
	}
	.scroll header#main-header{
		right: 0;
	}
	#search-and-filters{
    	margin-top:85px;
	}
	
	.scroll header#main-header .container {
	    height: 0px;
	}
	.list-vehicles {
	    padding-top: 85px;
	}
	
}
@media screen and (max-width: 400px){
	.list-vehicles ul li{
		width: 90%;
		padding: 0 5%;
	}
	.list-vehicles span.bg{ width: 100%; display: none}
	.list-vehicles span.bg:nth-of-type(1){ display: block;}
}