@media only screen and (max-width:1399px) {

.products-list .product .wrap h2 {padding:0 10%; font-size:16px; line-height:22px;}

}

@media only screen and (max-width:1239px) {

#nav-wrap #main-nav ul li {margin:0 10px; font-size:12px;}

.staff-list .staff .details {width:calc(100% - 310px);}
.staff-list .staff:nth-child(odd) .img {margin-left:-310px;}
.staff-list .staff:nth-child(even) .img {margin-right:-310px;}

.contact #side-col {width:50%;}
.contact #content {width:50%;}

}

@media only screen and (min-width:980px) {

#nav-wrap #main-nav {display:block !important;}

}

@media only screen and (max-width:979px) {

.wrapper {padding:0 15px;}

#header #main-logo {width:206px;}
#header .wrap {padding:10px 0 0 0;}

#header .wrap .social-links {margin:0 0 5px 0;}
#header .wrap .links-wrap {margin:0 0 10px 0;}
#header .wrap .links-wrap .phone, #header .wrap .links-wrap #nav-toggle {display:inline-block; width:30px; height:30px; text-indent:-9999px; text-align:left; font-size:16px; vertical-align:top; background:url('../images/bg-header-links.png') no-repeat; background-size:60px 30px;}
#header .wrap .links-wrap .phone {background-position:0 0;}
#header .wrap .links-wrap #nav-toggle {background-position:-30px 0;}
#header .wrap h1 {font-size:16px; line-height:22px;}

#nav-wrap #main-nav {display:none;}
#nav-wrap #main-nav ul {padding:5px 0; text-align:right;}
#nav-wrap #main-nav ul li {display:block; margin:0; padding:0; line-height:30px;}
#nav-wrap #main-nav ul li:first-child {display:block;}
#nav-wrap #main-nav ul li a {display:block; padding:2px 10px 0 10px; font-size:18px;}

h1, .cta-link h2 {font-size:22px; line-height:28px;}

#latest-wrap {padding-top:0;}
#latest-wrap h1 {margin-bottom:30px;}

.products-list .product, .products-list.cars .product, .products-list.cars .product:nth-child(3n+2) {width:50%; margin:0 0 20px 0;}

.staff-list .staff .img {display:none;}
.staff-list .staff .details {float:none; display:block; width:100%; height:auto; padding:30px 20px;}
.staff-list .staff .details .wrap {display:block;}

#sub-footer .col {float:none; width:auto; padding:30px 20px; border-top:1px solid #FFF;}
#sub-footer .col-1 {border:none;}
#sub-footer .col-1::before, #sub-footer .col-1::after {display:none;}

#footer-wrap {padding:15px 0;}

}

@media only screen and (min-width:760px) {

#content-inner.car #content {display:block !important;}

}

@media only screen and (max-width:759px) {

body {-webkit-text-size-adjust:100%;}

.wrapper {padding:0 10px;}

#header #main-logo {margin-left:-20px;}

#header .wrap h1 {font-size:14px; line-height:22px;}

#content-inner {padding-top:25px; padding-bottom:25px;}
#content-inner h1 {margin:0 0 20px 0;}
#content-inner p {margin:0 0 20px 0;}
.home #content-inner p:last-of-type {margin-bottom:20px;}

#car-header {padding-top:25px;}
#car-header h1 {padding:0 0 20px 0;}

h1, .cta-link h2 {font-size:20px; line-height:26px;}
h2 {margin:0 0 15px 0; font-size:18px; line-height:24px;}
#content h2 {font-size:18px; line-height:24px;}

#content-inner.car {padding:30px 10px; background:none;}
#content-inner.car #desc-toggle {display:block; margin:0 0 20px 0; font-family:"Trajan"; font-size:18px; line-height:24px;}
#content-inner.car #desc-toggle::after {float:right; display:block; margin:0 0 0 10px; content:"+"; font-size:22px; line-height:22px;}
#content-inner.car #desc-toggle.active::after {content:"-";}
#content-inner.car #content:not(.sold) {display:none; float:none; width:100%; padding:0 0 30px 0; text-align:left;}
#content-inner.car #side-col {float:none; width:100%;}
#content-inner.car #side-col .block {padding:20px;}

#content-inner.news {padding:25px 10px; border-top:1px solid #333;}
#content-inner.news h1 {margin:0 0 20px 0;}
#content-inner.news.has-side-col #content {float:none; width:100%; margin:0;}
#content-inner.news #side-col {float:none; width:100%; padding-top:0; border-top:none;}

.contact #side-col, .contact #content {float:none; width:100%; padding:20px;}

#footer {text-align:center;}
#footer p {margin:0 0 10px 0;}
#footer .copy {float:none; line-height:normal;}
#footer .copy::after {display:none;}
#footer nav {float:none; margin:0 0 10px 0; line-height:normal;}
#footer nav ul li::after {display:none;}
#footer .credit {float:none; line-height:normal;}
#footer .social-links {float:none;}

}

@media only screen and (max-width:629px) {

#header #main-logo {width:145px; margin-left:-10px;}
#header .wrap h1 {display:none;}

}

@media only screen and (max-width:619px) {

.staff-list .staff .img {float:none; display:block; width:1005; height:auto;}
.staff-list .staff:nth-child(odd) .img {margin-left:0;}
.staff-list .staff:nth-child(even) .img {margin-right:0;}

}

@media only screen and (max-width:479px) {

#banner-slides .slick-prev, #banner-slides .slick-next {top:auto; margin-top:0; bottom:5%;}
#banner-slides .slick-prev {left:10px; background-position:-50px 0;}
#banner-slides .slick-next {right:10px; background-position:0 0;}
#car-header .slick-pause {display:none;}

.products-list .product, .products-list.cars .product, .products-list.cars .product:nth-child(3n+2) {width:100%; margin:0 0 10px 0;}
.products-list .product h2 {margin:0;}

.latest-products .product .details {padding:20px 10px;}

#sub-footer .col {padding:20px 10px;}

}
