@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width: 1136px) {
header nav {
font-size: 16px;
}
}
@media only screen and (max-width: 1048px) {
header nav {
font-size: 14px;
}
.home-content-wrapper {
	margin: 0 auto;
    position: relative !important;
    width: 100%;
	left:0px;
	bottom:16px;
	background-color:#000;
	clear:both;
}
.home-content {
	background-image: none !important;
}
}


@media only screen and (max-width: 944px) {
header nav {
font-size: 14px;
}
}
@media only screen and (max-width: 906px) {
.logo {
	display:none;
}
	.logo-after {
	display:block !important;
	width: 82px;
	height: 104px;
	background-image: url(../images/adair-logo-after.png);
	background-repeat: no-repeat;
	margin:72px auto 0;
	}
	#banner-image h1 {
    font-size: 1.5em !important;
    margin: 10px 0 !important;
}
li.wheels {
	padding-left:1em !important;
}
.line-after {
border-right: 1px solid #E4BC5F !important;
}
}
@media only screen and (max-width: 768px) {
	.fullwidth {
		width:100% !important;
	}
.home-header {
	padding:0rem 0 0rem 0 !important;
}
.hider {
	display:none;
}
.home {
margin-top: 16px !important;
}
h1.slider {font-size:24px !important; margin-top:16px !important;}
h2.title {
    font-size: 24px !important;
	margin: 
}
h3.title {
    font-size: 24px !important;
}
.marques {
    margin: 1% !important;
    width: 31% !important;
	background-color: #f7f7f7;
	border-radius: 3px;
	margin: 1%;
	border: thin solid #f1f1f1;
}
h3.latest-marques a {
    font-size: 14px !important;
}
.badges {
	width: 20% !important;
}

h3.title {
    font-size: 24px;
}
.wheelpad {
	padding: 10% !important ;
}
.footer-link {
    font-size: 12px !important;
}
}

@media only screen and (max-width: 480px) {
	.nivo-directionNav a {
	position:absolute;
	top:0% !important;
	z-index:9;
	cursor:pointer;
}
.marques {
    margin: 1% !important;
    width: 98% !important;
	background: none !important;
	border-radius: none !important;
	margin: 1%;
	border: none !important;
}
.logo-after {
	margin:12px auto !important;
	}
.logo {
	display:none !important;
	}
li.wheels {
	padding-left:0px !important;
}
.last {
	padding-left: 0 !important;
}
.first {
	padding-right: 0 !important;
}
.contact {
    float: left;
    padding: 0 0 0 0.9375em !important;
}
h2.title {
	text-align:left !important;
}
#banner-image {
min-height: 12px !important;
}
#banner-image h1 {
    margin: 0px 0 4% !important;
}
}
@media only screen and (max-width: 320px) {
	.wheel-image {
	margin: 0 auto;
	width:280px !important;
	height:274px !important;
}
.footer-link {
    font-size: 12px !important;
}
h2.title {
padding-left: 0.9375em !important }

}