html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, div, header, nav, span, dl, dt, dd {margin: 0; padding: 0; border: 0;}

ul, li, p, h1, h2, h3, h4, h5, h6, a, img {font-weight: 400;}

ul, ol {list-style-type: none;}

span {display: block;}

h1 {font-size: 1.8em;}
h2 {font-size: 1.6em; font-weight: bold;}
h3 {font-size: 1.4em; font-weight: bold;}
h4 {font-size: 1.2em; font-weight: bold;}
h5 {font-size: 1em;}
h6 {font-size: 0.8em;}

a, a:link, a:hover, a:visited {color: #fff; text-decoration: none;}

* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body {color: #fff; font-size: 1em; font-weight: 400; font-family: Arial, sans-serif; -webkit-text-size-adjust: none; background: #000;}

.nswon {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 200; display: none; background: #666; padding: 16px; text-align: center;}
.scroll-stop {height: 100%; overflow: hidden;}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* TOPBAR */
#topbar {width: 100%; z-index: 100; height: 60px; position: fixed; top: 0; left: 0; border-top: 0; -webkit-box-shadow: 0 1px 2px #000; box-shadow: 0 1px 2px #000;}
.tbnotouch {background: #13a0e7;}
.tbnotouch:hover {background: #13a0e7;}
.tbtouchoff {background: #13a0e7;}
.tbtouchon {background: #13a0e7;}

#mainlogo {display: table; position: fixed; top: 0px; left: 24px; width: 240px; height: 60px;}
#mainlogo span {display: table-cell; vertical-align: middle; height: 60px;}
#mainlogo span a {display: table-cell; vertical-align: inherit; width: 100%;}
#mainlogo span a img{width: 100%; height: auto;}
.largelogo {display: block;}
.smalllogo {display: none;}

#mobile-menu-buttons {position: fixed; display: none; height: 60px; top: 0; left: 16px;}
#mobile-menu-buttons ul {display: table; height: 60px; border-spacing: 8px 0;}
#mobile-menu-buttons li {display: table-cell; text-align: center; vertical-align: middle; cursor: pointer;}
#mobile-menu-buttons li img {width: 30px; height: auto; display: block; margin: 0 auto;}
#mobile-menu-buttons li p {font-size: 0.6em; display: none;}
#mobile-menu-buttons li.options-menu {display: none;}

#menu {width: 100%;}
#menu > ul {margin: 0 auto; display: table;}
#menu li {display: table-cell; vertical-align: middle; height: 60px;}
#menu li a {display: table-cell; font-weight: 600; padding: 0 25px; letter-spacing: 0.05em; cursor: pointer; height: 60px; vertical-align: inherit;}
#menu li a:hover {color: #ffff33;}

#topbar-social {position: fixed; right: 32px; top: 0; display: table; height: 60px;}
#topbar-social a {display: table-cell; vertical-align: middle;}
#topbar-social a img {display: block; width: 30px;}

/* mobile menu */
#mobile-nav {position: fixed; top: 59px; left: 0; background: #1e1e1e; width: 100%; z-index: 95;}
#mobile-nav ul {display: none; background: #1e1e1e; padding: 8px 0; float:left; overflow: hidden;}
#mobile-nav li {width: 33.3333333333%; float: left; border-left: 1px solid #5e5e5e; margin-left: -1px;}
#mobile-nav li a {padding: 16px; display: block; font-size: 0.9em; font-weight: 300; cursor: pointer;}

#overlay {position: fixed; top: 0; left: 0; z-index: 2; display: none; overflow-y: hidden; width: 100%; height: 100%; background: #000; opacity: 0;}

/* END TOPBAR STUFF */

#bffull {width: 100%; height: 100%; display: block; position: fixed; background: #000; z-index: 110; top: 0; left: 0;}
#bffull div {display: table; text-align: center; width: 100%; height: 100%;}
#bffull div p {display: table-cell; font-size: 74em; vertical-align: middle; -webkit-margin-before: 0; -webkit-margin-after: 0; line-height: 0.5em;}

#fp-test-text {position: fixed; bottom: 0; left: 0;}
#background-image-4 {position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}
#background-image-4 img {width: 100%; height: auto;}


/* Front page - fp */
#fp-content h1 {position: fixed; font-size: 1em; top: 0; left: 0;}
.fp-featured {position: fixed; bottom: 48px; left: 0; z-index: 30; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); font-size: 1.2em; line-height: 1.4em; background: url('/images/featured-1.png') no-repeat; padding-left: 40px;}
.fp-featured a {text-decoration: underline;}
#front-page-text {z-index: 30; display: block; position: fixed; width: 100%; height: 100%; padding: 0 24px;}
.page-template-text {overflow-y: auto;}
#fp-text-holder {text-align: center; width: 100%; max-width: 1700px; overflow: hidden; margin: 76px auto 0;}
#fp-text-holder h2, #fp-text-holder p.saleevent, #fp-text-holder p.salenow {font-size: 8em; font-weight: 800; text-shadow: 1px 1px 3px rgba(0,0,0,0.7); white-space: nowrap; display: inline; line-height: 100%;}
#fp-text-holder p {font-size: 2em; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); line-height: 1.4;}
.page-text-holder {margin-top: 76px!important;}
.page-text-holder p {font-size: 1.5em!important; margin: 16px auto; padding: 0 8px; max-width: 700px;}
.page-text-holder p a {font-size: 1em!important; width: 300px!important;}
#fp-text-holder a {padding: 10px; display: block; background: rgba(19,157,138,0.9); width: 130px; margin: 0 auto; border-radius: 5px; margin-top: 8px; font-weight: 600; font-size: 1.2em; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); -webkit-transition: background .5s linear; transition: background .5s linear;}
#fp-text-holder a:hover {background: rgba(19,160,231,0.9);}
.fp {background: #000; opacity: .2;}

#fp-text-holder p.salenow {line-height: 200%;}
p#startsnow {margin-bottom: 30px;}
#fp-text-holder a.bf-button {background: #f1f1f1; color: #414141;}

#front-page-comment {z-index: 30; width: 300px; position: fixed; font-size: 0.9em; line-height: 1.3em;}
#front-page-comment.fp-tl {top: 80px; left: 20px;}
#front-page-comment.fp-tr {top: 80px; right: 20px;}
#front-page-comment.fp-bl {bottom: 20px; left: 20px;}
#front-page-comment.fp-br {bottom: 20px; right: 20px;}
#front-page-comment .fp-comment {padding: 10px 20px; background: rgba(0,0,0,0.6); border-radius: 5px;}
#front-page-comment .fp-comment p {padding: 3px 0;}

/* Static Pages */
#static-page-text {display: block; position: relative; width: 100%; z-index: 30;}
#static-text-holder {width: 100%; padding: 0 25px 0;}
#static-text-holder h1 {font-size: 1em; top: 0; left: 0;}
#static-text-holder h2 {font-size: 1.2em; font-weight: bold; margin-top: 65px;}
#static-text-holder ul {padding: 10px 0; list-style-type: disc; list-style-position: inside; font-size: 0.9em;}
#static-text-holder li {margin: 3px 0;}
#static-text-holder p {margin: 20px 0; max-width: 500px; line-height: 1.3em; font-size: 0.9em;}
#static-text-holder p a {text-decoration: underline;}
.sp {background: #000; opacity: .6;}

/* OPTIONS SIDEBAR VEHICLE LISTINGS */

#options {position: fixed; top: 0; left:0; width: 288px; display: block; overflow-y: auto; height: 100%; padding: 0 24px 18px; z-index: 30;}
#options h3 {padding: 4px 8px; background: rgba(19,160,231,0.6); margin: 84px 0 16px; font-weight: 600; font-size: 1.2em; box-shadow: 1px 1px 6px rgba(0,0,0,0.4); border-radius: 5px;}
#options h3 img {vertical-align: middle; width: 25px; height: auto;}

.vl-options {width: 100%; background: rgba(200,200,200,0.2); border-radius: 5px; box-shadow: 1px 1px 10px rgba(0,0,0,0.4); padding: 8px 4px;}
.vl-options p {margin-bottom: 4px; padding: 0 8px;}
.vl-options li, .vl-options select {margin: 4px 8px 16px; border-radius: 5px; font-size: 0.6em; text-align: center; position: relative;}
.vl-options li {float: left;}
.vl-options li a {background-color: rgba(19,160,231,0.6); border-radius: 5px; color: #fff;}
.vl-options select {border: none; outline: none; background: rgba(19,160,231,0.6); color: #ffff33; padding: 4px; font-weight: 600; font-size: 0.9em; width: 136px;}
.vl-options li span {position: absolute; top: -5px; right: -5px; background: #ba6e54; padding: 4px; width: 20px; height: 20px; border-radius: 10px;}
.vl-options.vl-finance {margin-top: 10px;}
.vl-finance p.vl-inner-p {font-size: 0.9em; margin-top: 10px;}

a.grid-view, a.list-view {background: url('/images/list-grid-3.png') no-repeat; padding-top: 60px; width: 60px; height: 60px; overflow: hidden; display: block; text-align: center; text-indent: -9999px;}
a.grid-view {background-position: -180px 0;}
a.list-view {background-position: 0 0;}
a.grid-view:hover {background-position: -180px 0;}
a.list-view:hover {background-position: -60px 0;}

a.vtypeicon {background: url('/images/vehicle-sprite-0415.png') no-repeat; padding-top: 45px; width: 60px; height: 60px; overflow: hidden; display: block; text-align: center;}
a.vtallstock-icon {background-position: -1080px 0;}
a.vtallstock-icon:hover, a.vtallstock-active {background-position: -1140px 0;}
a.vt4x4-icon {background-position: 0 0;}
a.vt4x4-icon:hover, a.vt4x4-active {background-position: -60px 0;}
a.vtBikes-icon {background-position: -120px 0;}
a.vtBikes-icon:hover, a.vtBikes-active {background-position: -180px 0;}
a.vtCars-icon {background-position: -240px 0;}
a.vtCars-icon:hover, a.vtCars-active {background-position: -300px 0;}
a.vtDropsides-icon {background-position: -360px 0;}
a.vtDropsides-icon:hover, a.vtDropsides-active {background-position: -420px 0;}
a.vtLeisure-icon {background-position: -480px 0;}
a.vtLeisure-icon:hover, a.vtLeisure-active {background-position: -540px 0;}
a.vtMinibuses-icon {background-position: -600px 0;}
a.vtMinibuses-icon:hover, a.vtMinibuses-active {background-position: -660px 0;}
a.vtPick-Ups-icon {background-position: -720px 0;}
a.vtPick-Ups-icon:hover, a.vtPick-Ups-active {background-position: -780px 0;}
a.vtTippers-icon {background-position: -840px 0;}
a.vtTippers-icon:hover, a.vtTippers-active {background-position: -900px 0;}
a.vtVans-icon {background-position: -960px 0;}
a.vtVans-icon:hover, a.vtVans-active {background-position: -1020px 0;}

/* MAIN PAGE */
.overlay-standard {display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2;}
#main-container {position: fixed; width: 100%; height: 100%; padding: 60px 0 0 264px; z-index: 29;}
.vl-main-container {position: relative; width: 100%; height: 100%; padding: 24px; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.sort-hl {display: none; width: 100%; padding: 12px 24px; margin: -24px 0 24px; background: rgba(11,95,138,0.8);}
.sort-hl p, .sort-hl form {display: inline-block;}
.sort-hl p, .sort-hl select {padding: 4px; font-size: 1em;}
.sort-hl select {border: none; outline: none; background: #fff; color: #000;}

/* Vehicle Listing Page - .vl- */
.vl-main-container h1 {position: fixed; font-size: 1em; top: 0; left: 0;}
.vl-container {float: left; border-radius: 5px; width: 23.3184445612192%; margin: 0 0.840777719% 32px; padding: 8px; background: rgba(19,160,231,0.6); box-shadow: 1px 1px 10px rgba(0,0,0,0.5);}
.vl-container a {display: block;}
.vl-title {max-width: 350px; overflow: hidden; margin-bottom: 4px; height: 18px;}
.vl-title h2 {font-size: 16px; font-weight: bold; white-space: nowrap; display: inline;}
.vl-image {position: relative;}
.vl-image img {width: 100%; height: auto; display: block;}
.vl-banner {position: absolute; top: 0; left: 0; z-index: 76;}
.vl-years-miles {position: absolute; bottom: 0; padding: 4px; background: rgba(0,0,0,0.4); width: 100%; z-index: 3;}
.vl-years-miles p {float: left; font-size: 0.9em; line-height: 1.4em;}
.vl-years-miles ul {float: right;}
.vl-years-miles li {position: relative; float: left; margin-right: 4px;}
.vl-years-miles li:nth-child(1) {margin-right: 8px;}
.vl-years-miles li img {width: 40px; height: auto;}
.vl-years-miles span {position: absolute; top: 4px; background: #f87142; border-radius: 10px; padding: 1px; font-size: 0.6em; right: -2px; text-align: center; width: 17px; height: 17px; padding: 2px;}
.vl-price {color: #fff; text-align: right; width: 100%; padding: 8px 4px 0;}

/* Vehicle Details Page - .vd- */
.vd {background: #000; opacity: 0.2;}
.vdnopic {background: #13a0e7; opacity: 1;}
.vd-page {padding: 60px 0 0 0!important;}
.vd-page h1 {position: fixed; top: 0; left: 0; font-size: 0.9em;}
.vd-container {width: 100%; height: 100%; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.vd-title{position: relative; max-width: 1700px; overflow: hidden; margin: 0 auto; text-align: center; width: 100%; padding: 8px 16px;}
.vd-title h2 {font-size: 80px; font-weight: bold; text-shadow: 1px 1px 6px rgba(0,0,0,0.6); white-space: nowrap; display: inline;}
.vd-basic-info {position: fixed; bottom: 24px; left: 24px; z-index: 4;}
.vd-basic-info > p {font-size: 1.2em;}
.vd-basic-info span {font-size: 1.6em!important; font-weight: 600; margin-top: 4px;}
.vd-info {width: 100%; margin: 0 auto; display: block; background: rgba(0,0,0,0.5); background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0)100%); box-shadow: 1px 1px 5px rgba(0,0,0,0.7); transition: all .9s linear;}
.vd-info-container {padding: 8px; height: 215px; overflow-y: auto; max-width: 800px; margin: 0 auto; transition: all .9s;}
.vd-info-container:hover {background: rgba(0,0,0,0.4);}
#mCSB_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(19,160,231,0.7);}
.vd-image {display: none; width: 100%; position: relative; background: #036797; border-radius: 5px; box-shadow: 1px 1px 6px rgba(0,0,0,0.4); margin-bottom: 16px; padding: 8px; float: left;}
.vd-image-inner {position: relative; width: 100%; float: left;}
.vd-image-inner img {float: left; width: 50%; border-radius: 5px; height: auto; display: block;}
.vd-years-miles {position: absolute; left: 50%; top: 0; font-size: 1.2em; padding: 0 8px;}
.vd-years-miles p {font-weight: 600;}
.vd-price {position: absolute; bottom: 0; right: 0; font-size: 1.4em; font-weight: 600;}
.vd-icons {width: 100%; padding: 8px;}
.vd-icons ul {text-align: center; display: table; margin: 0 auto;}
.vd-icons li {float: left; width: 80px; height: 80px; padding: 6px; background: rgb(227,82,171); text-align: center; border-radius: 5px; position: relative; max-width: 80px; margin: 0 4px; box-shadow: 1px 1px 6px rgba(0,0,0,0.4);}
.vd-icons li img {width: 50px; height: auto; display: block; margin: 0 auto;}
.vd-icons li span {padding: 3px 0; position: absolute; bottom: 0; width: 100%; left: 0; font-size: 0.8em;}
.vd-fsp {padding: 8px; width: 100%;}
.vd-fsp ul {display: table; margin: 0 auto;}
.vd-fsp li {padding: 4px; display: table; background: #00aa4a; height: 80px; border-radius: 5px; width: 264px; position: relative; box-shadow: 1px 1px 6px rgba(0,0,0,0.4);}
.vd-fsp li span {padding: 4px 8px; width: 80px; display: table-cell; vertical-align: middle;}
.vd-fsp li img {display: block; width: 50px; height: auto; margin: 0 auto;}
.vd-fsp li p {display: table-cell; vertical-align: middle; font-size: 0.8em;}
.vd-features {width: 100%; padding: 8px;}
.vd-features ul {display: table; margin: 0 auto;}
.vd-features li {width: 49.0196078431372549%; float: left; padding: 8px 8px 9px; margin-bottom: 8px; text-align: center; background: #036797; font-size: 0.9em; border-radius: 5px; box-shadow: 1px 1px 6px rgba(0,0,0,0.4);}
.vd-features li:nth-child(odd) {margin-right: 1.96078431372549%;}
.vd-thumbs {padding: 8px; max-width: 800px; height: 444px; overflow-y: auto; margin: 0 auto; display: none;}
.vd-thumbs ul {padding: 8px;}
.vd-thumbs li {width: 24.21875%; float: left; margin-bottom: 8px;}
.vd-thumbs li:nth-child(4n+2) {margin: 0 1.04166666667% 8px;}
.vd-thumbs li:nth-child(4n+3) {margin-right: 1.04166666667%;}
.vd-thumbs li a {display: block;}
.vd-thumbs li img {width: 100%; height: auto; display: block; border-radius: 5px;}
.vd-video {margin: 0 auto; max-width: 600px; height: calc(100% - 109px - 20%); display: none;}

.no-vehicles {text-align:center; padding: 0 16px 8px;}

.vd-options {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 79;}
.vd-options ul {max-width: 336px; margin: 0 auto; padding: 8px; background: rgba(30,30,30,0.8); border-radius: 5px 5px 0 0;}
.vd-options li {float: left; width: 60px; height: 60px; margin: 0 2px; border-radius: 5px; text-align: center; position: relative; cursor: pointer; background: url('/images/vd-options-0415.png') rgba(19,160,231,0.8) no-repeat;}
.vd-options li span {padding: 3px 0; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0.8em;}
.vd-options li.vd-info-button {background-position: 0 0;}
.vd-options li.vd-info-button:hover, .vd-options li.vd-info-button.active {background-position: -60px 0;}
.vd-options li.vd-gallery-button {background-position: -120px 0;}
.vd-options li.vd-gallery-button:hover, .vd-options li.vd-gallery-button.active {background-position: -180px 0;}
.vd-options li.vd-video-button {background-position: -240px 0;}
.vd-options li.vd-video-button:hover, .vd-options li.vd-video-button.active {background-position: -300px 0;}
.vd-options li.vd-calc-button {background-position: -360px 0;}
.vd-options li.vd-calc-button:hover, .vd-options li.vd-calc-button.active {background-position: -420px 0;}
.vd-options li.vd-enquire-button {background-position: -480px 0;}
.vd-options li.vd-enquire-button:hover, .vd-options li.vd-enquire-button.active {background-position: -540px 0;}
.vd-options li.vd-gallery-notactive {background-position: -600px 0;}
.vd-options li.vd-video-notactive {background-position: -660px 0;}
.vd-options li.vd-gallery-notactive span, .vd-options li.vd-video-notactive span {color: #036797;}
.vd-options li.vd-option-notactive {background-image: none;}

/* Page Footer */

#footer {width: 100%; height: 100%; position: fixed; z-index: 20; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;}
#ft-inner {position: absolute; bottom: 0; height: 100%; width: 100%; display: none;}
#c-close {width: 100%; text-align: center; position: fixed; top: 0; left: 0; background: #036797; height: 60px; z-index: 121; display: none;}
#c-close li {width: 50px; margin: 0 auto; position: relative; height: 50px; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,0.6); margin-top: 5px; cursor: pointer;}
#c-close li img {width: 100%; display: block;}
#c-close li span {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 0.7em; color: #ffff33; padding-bottom: 2px; letter-spacing: 0.05em;}
.ft-title {height: 50%; width: 100%; display: table; text-align: center;}
.ft-title p {display: table-cell; vertical-align: middle; font-size: 8em; font-weight: 800; float: none; margin: 0; line-height: initial;}
#ft-info {background: #2e2e2e; background: rgba(0,0,0,0.6); width: 100%; display: block; height: 50%; position: relative;}
.ft-contact {display: table; width: 70%; margin: 0 auto; border-bottom: 1px solid #13a0e7;}
.ft-address, .ft-open {width: 45%; padding: 16px; display: table-cell}
.ft-social {width: 10%; display: table-cell; padding: 16px; text-align: center;}
.ft-contact h3 {font-size: 1.2em; line-height: 1.4em; font-weight: 600;}
.ft-contact p {margin: 8px 0 0; line-height: 1.3em; float: left;}
.ft-contact a {display: block;}
.ft-address p a {padding: 6px 0; font-weight: 400; font-size: 1em; line-height: 1.3em; color: #fff;}
.ft-address p.ft-email, .ft-address p.ft-tel {clear:both;}
.ft-open p {float: left; font-size: 1em; margin-right: 16px;}
.ft-buttons {float:left; clear: both; margin-top: 8px;}
.ft-buttons p {font-weight: 600; text-align: center; margin-right: 16px; float: left;}
.ft-buttons p a {font-weight: 300; color: #fff; display: block; font-size: 0.7em;}
.ft-buttons p a img {height: 30px;}
.ft-social a img {width: 30px; height: auto;}
.ft-links {width: 70%; margin: 0 auto; padding: 10px 20px; display: block;}
.ft-links ul {font-size: 0.9em; color: #ccc; overflow: hidden; width: 100%;}
.ft-links li {float: left; width: 20%; text-align: center; padding: 4px;}
.ft-links li a {float: left; padding: 4px; display: block; width: 100%;}
#breadcrumbs {width: 70%; margin: 0 auto; padding: 10px 20px; display: block; font-size: 0.8em; text-align: center;}
#breadcrumbs li {display: inline-block;}
#breadcrumbs li a:hover {text-decoration: underline;}
.ft-smallprint {background: #1e1e1e; width: 100%; font-size: 0.8em; color: #515151; padding: 10px; display: table; position: absolute; bottom: 0;}
.ft-smallprint p {display: block; width: 100%; color: #ccc; margin: 0; text-align: center; line-height: 1.6em;}

#countdown.is-countdown {border: none; font-size: 800%; font-weight: 600; background-color: #000;}
p#startstomorrow {font-size: 3em;}

/* Media Queries */
@media screen and (max-width: 1400px){
	/* Showroom Page */
	.vl-container {width: 31.65177789455253%; margin-bottom: 24px;}
	.vl-years-miles p {font-size: 0.8em; line-height: 1.6em;}
	#countdown.is-countdown {font-size: 600%;}
}
@media screen and (max-width: 1080px){
	/* Main Menu */
	#menu ul {padding: 0 114px 0 296px;}
	
	/* Footer */
	.ft-contact {width: 90%;}
	.ft-links {width: 90%; padding: 10px 0;}
	.ft-smallprint {font-size: 0.7em;}
		
	/* Showroom Page */
	.vl-container {width: 47.66763848396%;}
	
	#countdown.is-countdown {font-size: 500%;}
}

@media screen and (max-width: 960px){
	/* Main Menu */
	#mainlogo {width: 100%; position: relative; top: 0; left: 0; display: block;}
	#mainlogo span {display: table; margin: 0 auto;}
	#mainlogo span a {display: table-cell; vertical-align: middle; width: 240px;}
	#menu {display: none;}
	#mobile-menu-buttons {display: table;}
	#topbar-social {right: 24px;}
	
	/* Front Page */
	#fp-text-holder p {font-size: 1.7em;}
	
	.ft-title p {font-size: 6em;}
	
	#countdown.is-countdown {font-size: 400%;}
}

@media screen and (max-width: 800px), screen and (max-height: 600px) {
	/* Showroom Page */
	#options {display: none;}
	#main-container {padding: 60px 0 0;}
	.vl-main-container {padding: 24px 0;}
	.sort-hl {display: block;}
	.vl-container {width: 44.75218658892128%;}
	.vl-container:nth-child(even) {margin: 0 1.749271137026239% 24px 3.498542274052478%;}
	.vl-container:nth-child(odd) {margin: 0 3.498542274052478% 24px 1.749271137026239%;}
	
	/* Vehicle Details Page */
	.vd-page {overflow: visible;}
	.vd-container {margin-top: 60px; background: #036797; padding-bottom: 20px; height: calc(100% - 76px);}
	.vd-basic-info {display: none;}
	.vd-info{max-width: 700px; background: none;}
	.vd-info:hover {background: none;}
	.vd-info-container {height: auto; overflow-y: visible;}
	.vd-image {display: block;}
	.vd-icons ul {display: block;}
	.vd-icons li {width: 15.24570751924216%; margin: 0 0.7104795737122558%; max-width: 150px;}
	.vd-thumbs {height: auto; overflow-y: visible;}
	.vd-thumbs li {width: 23.97172236503856%!important; margin: 0 0.5141388174807198% 8px!important;}
	.vd-options {background: rgba(0,0,0,0.6);}
	.vd-options ul {background: transparent;}
}

@media screen and (max-width: 720px) {
	/* Footer */
	.ft-info {height: auto;}
	.ft-title p{font-size: 3.375em;}
	.ft-contact {width: 98%; margin: 0 1%;}
	.ft-contact h3 {font-size: 0.9em; margin-top: -4px;}
	.ft-info p, .ft-info p a {font-size: 0.9em; font-weight: 400;}
	.ft-open p {line-height: 1.5em; font-weight: 400; margin-right: 8px;}
	.ft-buttons p {margin-right: 12px;}
	.ft-social a img {width: 35px; height: auto;}
	.ft-links {width: 98%; padding: 8px; display: block; margin: 0 1%;}
	.ft-links ul {font-size: 0.8em;}
	.ft-links li {width: 33.3333333%; text-align: left; padding: 4px; display: block; border-left: 1px solid #5e5e5e; margin-left: -1px;}
	.ft-smallprint {font-size: 0.6em; font-weight: 300;}
	.ft-smallprint p a {color: #fff;}	
	
	#countdown.is-countdown {font-size: 300%;}
}

@media screen and (max-width: 600px) {
	/* Main Menu */
	#mainlogo span a {width: 75px;}
	.largelogo {display: none;}
	.smalllogo {display: block;}
	#mobile-menu-buttons {left: 0px;}
	#mobile-menu-buttons li img, #topbar-social a img {width: 27px;}
	#mobile-menu-buttons li p {font-size: 0.5em; font-weight: 600; display: none;}
	#topbar-social {right: 8px;}
	#mobile-nav li {width: 50%;}
	
	/* Front Page */
	#fp-text-holder p {font-size: 1.3em;}
	.page-text-holder p {font-size: 1.2em!important;}
	
	/* Showroom Page */
	.sort-hl {padding: 12px;}
	.vl-container {width: 46.75090252707581%;}
	.vl-container:nth-child(even) {margin: 0 1.083032490974729% 16px 2.166064981949458%;}
	.vl-container:nth-child(odd) {margin: 0 2.166064981949458% 16px 1.083032490974729%;}
	
	/* Vehicle Detail Page */
	.vd-thumbs li {width: 32%!important; margin: 0 0.6666666667% 8px!important;}
	.vd-video {max-width: 100%; height: calc(100% - 55px);}
	.ft-address p, .ft-open p {font-size: 0.8em;}
	
	#countdown.is-countdown {font-size: 200%;}
}

@media screen and (max-width: 480px){
	#topbar-social {display: none;}
	/* Front Page */
	.page-text p {font-size: 1em!important;}
	.fp-featured {font-size: 1em; min-height: 78px; bottom: 2px;}
	
	#front-page-comment {width: 80%; margin: 0 10%;}
	#front-page-comment.fp-tl, #front-page-comment.fp-tr, #front-page-comment.fp-bl, #front-page-comment.fp-br {bottom: 20px; right: unset; left: unset; top: unset;}
	
	/* Footer */
	.ft-title p {font-size: 2.25em;}
	.ft-contact p {font-size: 0.9em;}
	.ft-address, .ft-open {width: 50%; padding: 16px 4px; display: inline-block;}
	.ft-address p {font-size: 0.8em;}
	.ft-open p {font-size: 0.7em;}
	.ft-social {width: 98%; margin: 8px 1% 0; text-align: center; display: table; border-top: 1px solid #5e5e5e; padding: 8px 0;}
	.ft-social a {display: inline-block; margin-top: 8px;}
	.ft-links li {width: 50%;}
	
	/* Showroom Page */
	.sort-hl {margin-bottom: 16px;}
	.vl-container {width: 96.3963963963964%;}
	.vl-container:nth-child(even), .vl-container:nth-child(odd) {margin: 0 1.801801801801802% 16px;}
	
	/* Vehicle Details Page */
	.vd-container {padding-bottom: 0; height: calc(100% - 61px);}
	.vd-title {padding: 8px;}
	.vd-title h2 {font-weight: 600;}
	.vd-info {padding: 0 8px;}
	.vd-info-container {padding: 0;}
	.vd-image-inner img {width: 100%;}
	.vd-years-miles {left: 0; top: inherit; bottom: 31px; font-size: 1em; padding: 4px 8px; width: 100%; background: rgba(0,0,0,0.6);}
	.vd-years-miles p {font-weight: 400; font-size: 1em;}
	.vd-price {position: relative; float: right; padding-top: 4px; height: 31px; font-size: 1.2em;}
	.vd-icons li {width: 31.6666666667%; margin: 0 0.83333333333% 8px; max-width: 150px;}
	.vd-fsp {padding: 0 8px 8px; text-align: center;}
	.vd-fsp ul {display: block;}
	.vd-fsp li {width: 100%;}
	.vd-features {width: 100%; margin-bottom: 8px; margin-left: 0;}
	.vd-features li {width: 100%;}
	.vd-features li:nth-child(odd) {margin-right: 0;}
	.vd-thumbs ul {padding: 0;}
	.vd-thumbs li {width: 48.33333333%!important; margin: 0 0.83333333333% 8px!important;}
	.vd-options {background: rgba(0,0,0,0.9);}
	.vd-options ul {padding: 8px 0; max-width: 320px;}
	.vd-options li {width: 60px; height: 45px;}
	.vd-options li span {display: none;}
	
	#countdown.is-countdown {font-size: 150%;}
}

@media screen and (max-height: 480px){
	#front-page-comment {width: 100%; padding: 0 20px;}
	#front-page-comment.fp-tl, #front-page-comment.fp-tr, #front-page-comment.fp-bl, #front-page-comment.fp-br {top: 80px; left: unset; right: unset; bottom: unset;}
}

@media screen and (max-height: 350px){
	.nswon {display: block;}
	.fp-featured {display: none;}
}