﻿/* RESET 
------------------------------------------------*/
*{ 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent;  
}


/* TEXT/LINK FORMATTING
------------------------------------------------*/
	/* LINKS */
	a:link, a:visited {
		color:#171566;
		text-decoration:underline;
		-webkit-transition:.5s ease-in;  
		-moz-transition:.5s ease-in;  
		-o-transition:.5s ease-in;  
		transition:.5s ease-in;
	}
	a:hover, a:active {
		color:#E01B21;
		text-decoration:none;
	}

	/* PARAGRAPH/LIST/GENERAL TEXT */
	p, ul, li {font-size: 12px;}

	/* HEADERS */
	h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
	h1 {font-size:28px; font-family: 'source_sans_prolight'; color:#171566; font-weight:100;}
	h2 {font-size:40px; font-family: 'yesteryearregular'; color:#171566; font-weight:100;}
	h3 {font-size:25px; font-family: 'source_sans_proextralight'; color:#fff; font-weight:700;}
	h4 {font-size:25px; font-family: 'source_sans_prolight'; color:#171566;}
	h5 {font-size:17px; font-family: 'source_sans_prolight'; color:#171566; font-weight:100;}
	h6 {font-size:16px; font-family: 'source_sans_prolight'; color:#171566; font-weight:100;}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left; position:relative;}
.right {float:right; position:relative;}

body {
	margin:0;
	line-height:12px;
	
	font-family: 'source_sans_proregular';
	background:#151515 url(../siteart/bg.jpg) repeat !important;
}

.background-gradient {background:url(../siteart/bg-x.jpg) repeat-x;}

italic {font-family: 'source_sans_proitalic';}
strong {font-family: 'source_sans_prosemibold';}

::selection {
	color:#fff;
	background: #171566;
}
::-moz-selection {
	color:#fff;
	background: #171566;
}


/* CONTENT SECTIONS
------------------------------------------------*/	
.bodycontent {
	width:1100px;
	margin:0 auto;
}

.content1 {
	width:1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.content-full {
	width:100%;
	max-width:1140px;
	margin:0 auto;
}


/* HEADER
------------------------------------------------*/	
.site-header {
	padding:30px 0 20px 0;
	color:#fff;
	background: #232628;
}	

.site-header .content-full {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;}


/* LOGO
------------------------------------------------*/	
.logo {
	position:relative;
    margin:0 0 0 -12.5%;
	max-width:509px;
}	

.logo img {width:100%; max-width:400px;}


/* HEADER MID
------------------------------------------------*/	
.header-mid {}
.header-mid h2{
	line-height:40px;	
}

.header-mid a[href^="tel:"] {font-size:18px; font-weight:700; text-decoration:none; color:#fff; font-family: Montserrat, sans-serif;}

.header-mid .fas {
	width:28px; margin:0 20px 0 0; padding:8px 4px 6px 4px; font-size:20px; text-align:center; border:3px #e1180f solid; color:#e1180f;
	-webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px;
}

.header-mid span {display:none;}



/* ADDRESS
------------------------------------------------*/	

.social-media {

	position:relative;
}

.social-media a {
	width:45px; margin:0 0 0 15px; padding:8px 8px 6px 8px; font-size:20px; color:#fff; background-color: #2f3234;
	-webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; 
}
.social-media a:hover {background: #1d1b6b;}
.social-media a.alt-logo {padding:8px 12px 6px 12px;} 


.header-mobile {display:none; }



.hero {max-height:347px; overflow:hidden; }
.hero img {width:100%; transform:translate(0, -15%);}





iframe.banner {
	width:100%;
	height:115px;
	background:#f7f7f7;
}	



.hosted-content {font-size:16px; line-height:20px;}
.hosted-content h1{font-size:24px; color:#202020;}

iframe.home-inv {width:98%; height:5700px; padding:10px 0 0 0;}




/*  NAVIGATION
------------------------------------------------*/
#menu-button,
#search-button {display: none;}
nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; margin:0; padding:0; background:#eaedf0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	display:block; height:52px; padding: 0 21px;
    font-size:1.125em; line-height:52px; font-weight: 700; text-align:center; text-decoration:none; text-transform:uppercase; color:#232628;
	-webkit-transition:.15s ease-in; -moz-transition:.15s ease-in; -o-transition:.15s ease-in; transition:.15s ease-in;	
	font-family: Montserrat, sans-serif;
}	

nav.primary ul li a:hover {color:#fff; background:#e1180f;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 250px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 250px; padding:15px 0; font-size:.94em; line-height:18px; text-indent:20px; text-align:left; color:#fff; border:0; background: #181818;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {line-height:18px; color:#fff; background:#058fce;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}



.nav-content {display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between;}

.inv-search {height:52px; font-size:13px; line-height:52px; font-weight:700; text-transform:uppercase; font-family: Montserrat, sans-serif;}
.inv-search .fas {font-size:20px; }
.inv-search a {text-decoration:none; color:#232628;}
.inv-search a.search {width:45px; margin:0 0 0 35px; padding:8px 8px 6px 8px; border:3px #fff solid; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px;}
.inv-search a.search .fas {font-size:15px}





/* MODAL BUTTON
------------------------------------------------*/
a.modal-button {/*margin:0 0 0 10px !important; padding:18px 20px!important; color:#fff !important; background:#ec9f2e;*/}



/* SEARCH MODAL
------------------------------------------------*/
.lock{overflow: hidden; -webkit-overflow-scrolling: touch;}

.modal{display: none; position: fixed; background: rgba(0,0,0,.6); padding-top: 5%; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; z-index:99999;}
.modal .modal-content-wrap{position: relative; margin: auto; width: calc(100% - 30px); max-width: 600px; background: #fff; border-radius: 3px; box-shadow: 0 5px 5px 0 rgba(0,0,0,.25); animation-name: animatetop; animation-duration: .4s;}
.modal .modal-head {position: relative; padding: 15px 25px 0; color: #555;}
.modal .modal-head h2 {font-weight:700; font-family: 'source_sans_proregular', sans-serif;}
.modal .modal-head .close{position: absolute; top: 15px; right: 15px; font-size: 20px; color: #ccc; cursor: pointer;}
.modal .modal-head .close:hover{color: #000;}
.modal .modal-main{padding: 25px 25px 25px;}


.modal .modal-buttons{position:relative;  background:#f5f5f5; padding: 10px 15px; border-top: 1px #ddd solid;}
.modal .modal-buttons a{display: inline-block; float: right; padding: 10px 35px; font-weight: 700; text-align: center; text-transform: uppercase; text-decoration: none; border-radius: 3px; cursor: pointer;}
.modal .modal-buttons .close-modal{color: #999;}
.modal .modal-buttons .close-modal:hover{color: #555;}

@keyframes animatetop{from{top:-300px; opacity:0} to{top:0; opacity:1}}



/* SEARCH FORM
------------------------------------------------*/
.search-form {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:0;}

.search-form input[type="text"], .search-form select  {
	width:calc(50% - 10px); height:49px; margin:6px 10px 9px 0; padding:15px 0 !important; font-size:15px !important; line-height:1 !important; text-indent:12px;
	color: #808285; box-sizing: border-box; border-radius:0; border:1px #afafaf solid; background-color: #F4F4F4;
}

.search-form input[type="text"]:focus, .search-form select:focus {background-color:#f9f9f9;}

.search-form input[type="submit"] {
	width:calc(50% - 10px); height:49px; margin:6px 10px 9px 0; padding:15px 0 !important; font-size:15px !important; line-height:1 !important; text-transform:uppercase; letter-spacing:1px; font-weight:700; border: none; color:#fff; border-radius:0; background:#1d1b6b;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -webkit-appearance: none;
}

.search-form input[type="submit"]:hover {
	color:#fff; background:#1a1a1a; -webkit-animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; -webkit-appearance: none;
}






/*  MAIN
------------------------------------------------*/	
.main {
	background:#fbfbfb;
	margin:0 auto 5% auto;
	-webkit-box-shadow: 0px 5px 45px 0px rgba(0,0,0,0.44);
	-moz-box-shadow: 0px 5px 45px 0px rgba(0,0,0,0.44);
	box-shadow: 0px 5px 45px 0px rgba(0,0,0,0.44);
}

#red-bold {
	color: #e01b21;
	font-weight: 900;
}

/*  ARTICLE
------------------------------------------------*/
article {
	width:44%;
	padding:7% 0 10px 0;
	float:left;
	position:relative;
}

article .page-title {
	font-size:32px;
	line-height:40px;
	color:#171566;
	font-weight:100;
	font-family: 'source_sans_prolight'; 
}

article p{
	font-size:14px;
	line-height:20px;
}


/*  ASIDE
------------------------------------------------*/
aside {
	width:56%;
	float:left;
	position:relative;
}

aside img {
	width:100%;
	margin:25px 1% 15px 2.5%;
}

.associations {
	width:50%;
	float:right;
	position:relative;
	margin:-70px 0 0 5%;
}

.associations img {
	width:30%;
	text-align:right;
	float:left;
	position:relative;
}


/*  TAX LINKS
------------------------------------------------*/
.tax-link {
	width:100%;
	margin:40px 0 7% 0;
	text-align:left;
	
}

.tax-link img{
	width:50%;
	max-width:170px;
	float:left;
	position:relative;
}

.tax-link p {
	width:48%;
	font-size:22px;
	line-height:24px;
	margin:8px 0 0 2%;
	float:left;
	position:relative;
}


/*  SECTION
------------------------------------------------*/
.bannersection {
	padding:20px 0;
	border-bottom:4px #e01b21 solid;
	background: #1d1b6b;
	background: -moz-linear-gradient(top,  #1d1b6b 0%, #2c2a78 100%);
	background: -webkit-linear-gradient(top,  #1d1b6b 0%,#2c2a78 100%);
	background: linear-gradient(to bottom,  #1d1b6b 0%,#2c2a78 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1b6b', endColorstr='#2c2a78',GradientType=0 );
}

.bannersection .banner-logo img{
	float:left;
	position:relative;
	margin: 0 2%;
}
 
.bannersection .motto {
	color:#fff;
	font-size:29px;
	line-height:30px;
	float:left;
	position:relative;
	font-family: 'yesteryearregular';	
}

.bannersection .banner-contact {
	float:left;
	position:relative;
	text-align:right;
	font-weight:100;
}

.bannersection .banner-contact span {
	color:#fff;
	font-size:20px;
	line-height:20px;
	font-family: 'source_sans_prolight';
	margin: 0px 2% 0 2%;
}

.bannersection .banner-contact a {
	font-size:16px;
	line-height:20px;
	font-family: 'source_sans_prolight';
	color:#fff;
	text-decoration:underline;
	-webkit-transition:.5s ease-in;  
	-moz-transition:.5s ease-in;  
	-o-transition:.5s ease-in;  
	transition:.5s ease-in; 
}

.bannersection .banner-contact a:hover {
	font-family: 'source_sans_prolight';
	text-decoration:none;
}

.home-text {
	    font-size: 18px;
    margin: 5% 0;
    line-height: 20px;
}
  

/*  LOWER SECTION
------------------------------------------------*/
.lower {
	background:#fff;
	padding:7% 0 8% 0;
}

.lower .lower-title {
	font-size:45px;
	line-height:70px;
	font-family: 'yesteryearregular';
	color:#171566;
	font-weight:100;
	margin:0 0 0 2.3%;
}


/*  FEATURED
------------------------------------------------*/
.featured {	
	color:#fff;
	float:left;
	width:43.8%;
	margin:0 2.3%;
	position:relative;
	border-bottom:5px #e01b21 solid;
}

.featured-truck {
	margin:0;
	padding:0;
	border:0;
	line-height:0;
}

.featured-truck img {
	width:100%;
}

.details {
	padding:4% 5.5%;
	background:#3F3D85;	
}

.details a {
	color:#fff;
	font-size:16px;
	position:relative;
	text-decoration:none;
	-webkit-transition:.5s ease-in;  
	-moz-transition:.5s ease-in;  
	-o-transition:.5s ease-in;  
	transition:.5s ease-in; 
}

.details a:hover {
	text-decoration:none;
}

.make {
	width:70%;
	font-size:20px;
	float:left;
	position:relative;	
	font-family: 'source_sans_prosemibold';
}

.year {
	font-family: 'source_sans_probold';
}



.mileage {
	width:50%;
	float:left;
	position:relative;
	font-size:20px;
	line-height:20px;
	padding:2% 0 0 0;
	font-family: 'source_sans_proregular';
}

.details-link {
	padding:2% 0 0 0;
	text-align:right;
}

.details-link .icon{
	font-size:20px;
	line-height:20px;
	position:relative;	
	margin:0px 0 0 6.5%;
	font-family: 'entyporegular';
}


/*  PAGE TITLE
------------------------------------------------*/
.page-text {
	padding:20px 35px 25px 35px;
}

.page-text p{
	font-size:14px;
	line-height:20px;	
}

.title {
	font-size:28px;
	line-height:38px;
	color:#171566;
	font-weight:100;
	font-family: 'source_sans_prolight';
}

.contact-info {
	float:left;
	position:relative;	
	padding:20px 6% 25px 0;
}

contact-info p{
	font-size:14px;
	line-height:20px;	
}


/*  IFRAME
------------------------------------------------*/
.inventory {
	background:#fff;
	padding:35px 0 45px 0;
}

.inventory-title {
	font-size:28px;
	line-height:38px;
	color:#171566;
	font-weight:100;
	font-family: 'source_sans_prolight';
}


/*  ENQUIRY FORM
------------------------------------------------*/
.form {
	display:block !important;
}

.enquiryform {
	display:none;
	margin:0 0 0 0;
}
	
.enquiryform ul {
	padding: 0 0 0 0;
	margin: 2px 0 0 2%;
}

.enquiryform p{font-size:14px; line-height:19px;}

.enquiryform input{
	margin:15px 3% 0px 0;
	float:left;
	width:33%;
	color:#767475;
	font-size:16px;
	background:#fff;
	padding:6px 5px 6px 8px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px #b2abad solid;	
	font-family: 'source_sans_prolight';
}

.enquiryform select {
	margin:15px 3% 0px 0;
	float:left;
	width:15.7%;
	color:#767475;
	font-size:16px;
	background:#fff;
	padding:5px 5px 5px 8px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px #b2abad solid;	
	font-family: 'source_sans_prolight';	
}

.enquiryform .short-field {
	width:14.2% !important;
}

.enquiryform .long-field {
	width:100% !important;
}

.enquiryform .full-field {
	width:33%;
}

.enquiryform .xl-field {
	width:51.8%;	
}

.enquiryform .capthca {
	width:100%;
	margin:0 auto;
	color:#767475;
	line-height:19px;
	text-align:center;
}

.enquiryform .capthca a{
	color:#767475;	
}

.enquiryform .capthca input{
	margin:0;
	float:none;
}

.submit {
	width:20%;
	margin:0 auto;		
}

.enquiryform .submit .submit-btn {	
	width:100%;
	min-width:100%;
	float:none !important;
	color:#f5f5f5;
	font-size:16px;	
	padding:6px 0px;
	text-align:center;
	border-radius:5px;
	margin:0 auto;
	background:#2b2977;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px #f5f5f5 solid;	
	text-transform:uppercase;
	font-family: 'source_sans_prolight';
	-webkit-transition:.2s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;
}

.enquiry {
	width:94.1%;
	margin:0 auto;
	padding:20px 0 3% 0;
}


/*  FOOTER
------------------------------------------------*/
.site-footer {
	padding:35px 0;
	background:#f8f8f8;
	border-bottom:10px #171566 solid;
}


/*  Stylized Footers 
------------------------------------------------*/
.divfooter {
	width:73.5%;
	color:#7b7b7b;
	margin:0 auto;
	line-height:11px;
	text-align:center;
	font-family: 'source_sans_prolight';
}

.footertext{
	color:#7b7b7b;
	font-size:11px;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	color:#7b7b7b;
	font-size:11px;	
	text-decoration:underline;
}

a.footerlink:hover {
	color:#7b7b7b;
	font-size:11px;
	text-decoration:none;
}

.smallfootertext{
	color:#7b7b7b;
	font-size:10px;
}


/*  Responsive Styles
------------------------------------------------*/

@media screen and (max-width: 1200px) {
	.site-header {padding:30px 25px 20px 25px;}
	.site-header .content-full {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; }
	
	.site-header .social-media {display:none;}
	
	.header-mid span {display:block;}
	
	#search-button {display:block; font-size:15px; color:#fff;
	
	width:40px; margin:0 0 0 15px; padding:12px 4px 4px 4px; font-size:20px; text-align:center; color:#fff; bordeR:3px #fff solid; 
	-webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; 
		
	}
	#search-button .fas {color:#fff;}
	
	
	.bodycontent {width:95%;}
	.content1 {width:94.1%;}
	
	.header-mobile {display:flex; flex-flow:row wrap;}
	
	
	nav.primary{display:none;}
	#menu-button{display: block; font-size: 1.125em; line-height:52px; position: relative; z-index: 400;}
	#menu-button a{color:#fff; text-decoration: none; text-transform:uppercase; padding:0 0 0 .8em; font-weight:700; font-family: Montserrat, sans-serif;}
	

	
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile h3 {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:right;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #C8102E solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.nav-footer {color:#777; position:relative; text-align:center; font-size:14px; line-height:14px; padding:15px 0;}
}

@media screen and (max-width: 1120px) {
	.logo {margin:0 0 -10px 00px; width:50%;}
	.logo img {width:100%;}
	.header-mid {margin:15px 2% 0 0; /*width:40%;*/}
	.header-mid h2{line-height:40px;}
	address {margin:20px 0 0 7%; width:42%;}
	address h4 {float:left; position:relative; margin:0 3% 0 0; width:37%; }
	.social-media {width:60%; float:left; position:relative;}
	.social-media img{margin:5px 0% 0 12%; float:left; position:relative;}
}

@media screen and (max-width: 1080px) {
	body {background-image:none;}
	.background-gradient {background:none;}
	.main {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
}

@media screen and (max-width: 1036px) {
	.bodycontent {width:100%;}
	.content1 {width:92.6%; display: inline-block;}
	.content-full {width:100%;}
}

@media screen and (max-width: 1020px) {	
	
	
	
	
	
	
	
	.bannersection .motto {margin: 15px 2% 0 2%;}
		
	.content-full {width:100%;}
}

@media screen and (max-width: 1011px) {
	.bannersection .banner-contact {width:60%;}
	.bannersection .banner-contact span{float:left; position:relative; margin:15px 3% 0 0;}
	.bannersection .banner-contact h3{float:left; position:relative; margin:10px 3% 0 0; font-size:20px;}
	.bannersection .banner-contact a{float:left; position:relative; margin:13px 0 0 0;}
}

@media screen and (max-width: 975px) {
/*	.logo {margin:0 0 -75px 00px;}
	address h4 {font-size:23px;}*/
	.tax-link {
		margin: 0 !important;
	}
}

@media screen and (max-width: 900px) {	
	/*.header-mid {margin:15px 2% 0 3%; width:45%;}
	address {margin:20px 0 0 2%; width:48%;}*/
	.formpage input {width:95%;}
	.enquiryform input {width:95%;}
	.enquiryform select {width:95%;}
	.enquiryform .full-field {width:95%;}
	.enquiryform .xl-field {width:95% !important;}
	.enquiryform .short-field {width:95% !important;}
	.enquiryform .short-field {width:95% !important;}
	.tax-link p {font-size:18px; line-height:22px;}
}

@media screen and (max-width: 870px) {
	.bannersection .banner-contact {width:100%;}
	.bannersection .banner-contact span{margin:15px 0% 0 0; width:33%; text-align:center;}
	.bannersection .banner-contact h3{margin:10px 0% 0 0; font-size:20px;  width:33%; text-align:center;}
	.bannersection .banner-contact a{margin:13px 0 0 0;  width:33%; text-align:center;}
	.make {font-size:18px;}
	.mileage {font-size:18px; line-height:18px;}
	.details-link .icon {font-size:18px; line-height:18px;}
}

@media screen and (max-width: 830px){
	/*.logo {width:50%; float:none !important; margin:0 auto !important;}
	address {margin:32px 0 0 2%;}*/
	.associations {margin:-60px 0 0 5%;}
	.associations img {width:45%;}	
	.tax-link p {font-size:16px; line-height:20px;}
	.home-text {font-size: 16px;}
}

@media screen and (max-width: 785px){
	/*.header-mid {margin:1% auto 0 auto; width:100%; float:none !important;}
	.header-mid h2 {text-align: center;}
	.header-mid h5 {text-align: center;}
	address {margin:20px auto 0 auto; width:65%; float:none !important;}
	address h4 {margin:0 3% 0 0; width:45%; }
	.social-media {width:50%;}*/
}

@media screen and (max-width: 750px){
	.header-mid h2{font-size:35px; line-height:35px;}
	.header-mid h5 {font-size:14px;}
	.make {font-size:16px;}
	.mileage {font-size:16px; line-height:16px;}
	.details-link {font-size:16px; line-height:16px;}
	.details-link .icon {font-size:16px; line-height:16px;}
}

@media screen and (max-width: 680px){
	.bannersection .banner-logo {display:none;}
	.bannersection .motto {margin:15px 2%; text-align:center; width:100%;}
	.bannersection .banner-contact h3{margin:13px 0% 0 0; font-size:16px;}
	.make {font-size:14px;}
	.mileage {font-size:14px; line-height:14px;}
	.details-link {font-size:14px; line-height:14px;}
	.details-link .icon {font-size:14px; line-height:14px;}
}

@media screen and (max-width: 650px){
	.submit {width:40%;}
	.enquiryform .submit .submit-btn {font-size:14px;}	
}

@media screen and (max-width: 600px) {
	article {width:100%;}
	aside {width:100%; margin:0 auto;}
	aside img {width:90%; margin:25px 5% 15px 5% !important;}
	.associations {width:100%; float:none !important; position:relative; margin:0 auto !important;}
	.associations img {width:18%; float:none !important; margin:0 15.5% 15px 15.5%!important;}
	.bannersection .banner-contact h3{margin:15px 0% 0 0; font-size:14px;}
	.make {font-size:12px;}
	.mileage {font-size:12px; line-height:12px;}
	.details-link {font-size:12px; line-height:12px;}
	.details-link .icon {font-size:12px; line-height:12px;}
	.home-text {
		font-size: 18px;
	}
}

@media screen and (max-width: 535px){
	.site-header .content-full {display:flex; flex-flow:column wrap; align-items:center; justify-content:space-between;}
	.logo {margin:35px auto 15px auto; width:100%; text-align: center;}
	
	.header-mid h2{font-size:30px; line-height:30px;}
	.header-mid h5 {font-size:12px;}
	address h4 {font-size:18px;}
	.social-media img {width:15%;}
	.make {font-size:11px;}
	.mileage {display:none;}
	.details-link {display:none;}
}

@media screen and (max-width: 485px){
	.bannersection .banner-contact span{width:100%; text-align:center; margin:0px auto; }
	.bannersection .banner-contact h3{float:left; position:relative;width:100%; text-align:center; margin:0px auto; font-size:18px;}
	.bannersection .banner-contact a{float:left; position:relative; width:100%; text-align:center; margin:0px auto;}
	.make {font-size:10px;}
}

@media screen and (max-width: 425px){
	.bannersection .motto {font-size:30px; line-height:30px;}
	.year {display:none;}
}

@media screen and (max-width: 390px){
	address h4 {font-size:16px;}
	.submit {width:50%;}
	.enquiryform .submit .submit-btn {font-size:12px;}		
}

@media screen and (max-width: 350px){
	address h4 {font-size:14px;}
	.make {width:100%; font-size:12px;}
}