﻿/***** BEGIN RESET *****/

 @import url("https://use.typekit.net/zvz6dhy.css");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

h1, h2, h3, h4 {
	font-family: 'puffin-display', sans-serif;
}

#home p, #main-footer a, #service p, #contact p, #sales p, #about p, #warranty li, #thankyou p {
	font-family: 'nunito-sans', sans-serif;
}

#main-footer p {
	font-family: 'puffin-display', sans-serif;
	font-size: 23px;
}

/*--- HEADER STYLES ---------------------*/
header {}

.header-contact {
    color: #000;
	background: linear-gradient(to right, #2B2B2C 50%, #8CC63E 50%);
    padding: 24px 0 24px 15px;
    transition: .3s ease;
	font-size: 23px;
	font-family: 'nunito-sans', sans-serif;
}

.header-contact ul {
	justify-content: flex-end;
}

.header-contact .wrapper {
	position: relative;
}

.header-contact .header-logo {
	position: absolute;
	z-index: 500;
	top: -24px;
}

.header-contact a {
	color: #2B2B2C;
}

.header-contact i {
	color: #fff;
	margin-right: 16px;
	margin-left: 50px;
}

.header-contact li:hover, .header-contact i:hover {
	text-decoration: underline;
}

.header-logo img{max-width: 500px; padding: 80px 30px; background: #F8F8F8; box-sizing: border-box;}
.header-logo{
/*	width:100%;*/
}


/*---BODY--------------------------------*/


/*---Home--------------------------------*/

#home p, #service p, #contact p, #sales p, #about p, #warranty li, #thankyou p {
	font-size: 23px;
	line-height: 39px;
}

/*--------SLIDER--------------------*/

.slide-content {
	position: relative;
	z-index: 2;
	text-align: right;
	padding-top: 400px!important;
	padding-bottom: 60px!important;
}

.slide-content .heading-lg {
	margin-bottom: 40px;
}

.hero-slide-wrap {
	position: relative;
	overflow: hidden;
	background: #000;
}

.brands-logo-image > a > img {
	display: block;
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}

.slide-hero {
	position: absolute!important;
	width: 100%;
  	height: 100%;
  	z-index: 1;
}

.slick-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.slide-hero div {
	height: 100%;
}

.slider-dots {
	width: 100%;
	position: relative;
	z-index: 2;
}

.slider-dots .slick-list {
  	box-sizing: border-box;
	display: none;
}

.slider-dots > div {
	background-color: transparent;
}

/*--------SLIDER BUTTONS--------------------*/

button {
	display: none;
}

.slick-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	order: 1;
	box-sizing: border-box;
	gap: 30px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.slick-dots li {
	background: #fff;
    height: 16px;
    width: 16px;
    border-radius: 50px;
    cursor: pointer;
}

.slick-dots .slick-active {
	background: #8CC63E;
	cursor: pointer;
}

/*---Hero-------*/

.hero .heading-lg {
	float: right;
	padding-top: 223px;
	padding-bottom: 100px;
}

.service-hero {
	background: url(../siteart/service-header.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: auto; 
	height: 444px;
	background-color: #2B2B2C;
}

.contact-hero {
	background: url("../siteart/contact-header.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: auto; 
	height: 444px;
	background-color: #2B2B2C;
}

.sales-hero {
	background: url("../siteart/header/rotating-header-6.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 40%;
    height: auto; 
	height: 444px;
	background-color: #2B2B2C;
}

.sell-hero {
	background: url("../siteart/header/rotating-header-5.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: auto; 
	height: 444px;
	background-color: #2B2B2C;
}

.about-hero {
	background: url("../siteart/about-header.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 30%;
    height: auto; 
	height: 444px;
	background-color: #2B2B2C;
}

.warranty-hero {
	background: url("../siteart/warranty-header.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: auto; 
	height: 444px;
	background-color: #2B2B2C;
}

.thankyou-hero {
	background: url("../siteart/thankyou-header.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: auto; 
	height: 444px;
	background-color: #2B2B2C;
}


/*--------Page Styles--------------------*/

/*---About-------*/

#about a {
	margin-top: 37px;
} 

/*---Sales Team-------*/

#sales a {
	margin-top: 37px;
}

#sales .bx-grey h3, #sales .bx-green h3 {
	max-width: 500px;
}

#sales .bx-green h3 {
	color: #2B2B2C;
}

#sales .two-box.bg-lg {
	padding-top: 0;
}

#sales .img-right p {
	margin-bottom: 15px;
}

#sales .img-right .img-height {
	height: auto;
	max-width: 488px!important;
	margin-right: 100px;
}

#sales .img-right .img-height img {
	margin-bottom: -4px;
}

#sales .img-right .flex > div:first-child {
	max-width: 733px;
}

#sales .img-right hr {
	border-bottom: #8CC63E 5px solid;
    width: 100%;
    max-width: 491px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
	margin-bottom: 88px;
}


#sales .sales-info {
	max-width: 488px;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background: #8CC63E;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
}

.sales-info span {
	font-weight: 700;
	font-size: 30px;
}

.sales-info p:first-child {
	margin-bottom: 0!important;
}

.sales-info p, .sales-info a {
	line-height: 32px!important;
	font-size: 25px!important;
	font-family: 'puffin-display', sans-serif!important;
	color: #2B2B2C;
}

.sales-info a:hover {
	text-decoration: underline;
}

#sales .sales-info > div > div {
	margin-top: 30px;
}

#sales .sales-info > div {
	max-width: 350px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 32px;
}

/*---Service-------*/

#service > div {
	padding-top: 220px;
	background: #2B2B2C; 
}

/*---Warranty-------*/

#warranty ul {
	margin-bottom: 88px;
}

#warranty .bg-lg {
	background: #2B2B2C;
	padding-bottom: 220px;
}

#warranty hr {
	border-bottom: #8CC63E 5px solid;
    width: 100%;
    max-width: 460px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-left: 0;
	margin-bottom: 88px;
}

#warranty ul {
	max-width: 1050px;
}

#warranty li {
	color: #fff;
	margin-bottom: 20px;
}

#warranty li p:first-child {
	color: #8CC63E;
	margin-right: 20px;
}

#warranty p {
	font-weight: 23px;
	color: #fff;
}

#warranty > div {
	padding-top: 220px;
	background: #2B2B2C; 
}

/*---Thank You-------*/

#thankyou section:last-child {
	background: #2B2B2C;
}

#thankyou p {
	color: #fff;
	margin-bottom: 37px;
}

/*--------Section Styles--------------------*/

/*---About-------*/

.about {
	background: #2B2B2C;
}

.about p {
	color: #fff;
}

.about hr {
	border-bottom: #8CC63E 5px solid;
    width: 100%;
    max-width: 448px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-left: 0;
}

.about .flex {
	justify-content: space-between;
	flex-wrap: wrap;
}

.about .wrapper > div:first-child {
	margin-right: 15px;
}

.about .wrapper > div:last-child {
	max-width: 692px;
}

.about a {
	margin-top: 37px;
}

.about .bg-lg {
	padding-bottom: 220px!important;
}

/*---green-quicklinks-------*/

.green-quicklinks {
	background: #58595B;
	padding-top: 220px!important;
}

.green-quicklinks .heading-md {
	text-align: center;
}

.green-quicklinks hr {
	border-bottom: #8CC63E 5px solid;
    width: 100%;
    max-width: 250px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
	margin-bottom: 100px;
}

.green-quicklinks .img-height hr {
	border-left: #2B2B2C 5px solid!important;
	height: 100%;
    max-height: 350px!important;
    border-top: 0;
    border-bottom: 0!important;
    border-right: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 120px 60px;
	transition: all .4s ease-out;
}

.green-quicklinks .flex {
	justify-content: space-between;
	flex-wrap: wrap;
}

.green-quicklinks .flex > div {
	margin-right: 15px;
	margin-top: 25px;
}

.green-quicklinks .flex > div:last-child {
	margin-right: 0;
}

.green-quicklinks .img-height {
	height: 800px;
	max-width: 460px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	background-color: #8CC63E;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
	transition: all .4s ease-out;
}

.green-quicklinks .img-height img {
	width: 100%;
	object-fit: cover;
	height: 100%;
	opacity: .3;
	transition: all .4s ease-out;
}

.green-quicklinks .img-height .heading-sm {
	position: absolute;
	top: 0;
	left: 0;
	margin: 60px 0 0 60px;
	opacity: 100%;
	max-width: 323px;
	transition: all .4s ease-out;
}

.green-quicklinks .img-height:hover {
	background-color: transparent;
}

.green-quicklinks .img-height:hover img {
	opacity: 1;
}

.green-quicklinks .img-height:hover .heading-sm {
	color: #fff;
	text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.90);
}

.green-quicklinks .img-height:hover hr {
	border-left: #fff 5px solid!important;
}

/*---img-full-------*/

.img-full {
	position: relative;
}

.img-full > div > div:first-child {
	height: 280px;
	background: #8CC63E;
}

.img-full .wrapper {
	position: absolute;
	top: -90px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.img-full .wrapper > div {
	max-width: 1600px;
	height: 460px;
}

.img-full img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

/*---img-right-------*/

.img-right {
	background: #2B2B2C;
}

.img-right .flex {
	justify-content: space-between;
	align-items: center;
}

.img-right .flex > div:first-child {
	max-width: 633px;
	color: #fff;
	margin-right: 25px;
}

.img-right .flex > div:first-child > div:first-child {
	margin-bottom: 100px; 
}

.img-right .heading-md {
	max-width: 600px;
}

.img-right hr {
	border-bottom: #8CC63E 5px solid;
    width: 100%;
    max-width: 249px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-left: 0;
}

.img-right .flex > div:last-child {
	position: relative;
}

.img-right .img-height {
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
	height: 817px;
	max-width: 837px;
	overflow: hidden;
	box-sizing: border-box;
}

.img-right .img-height img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#home .img-right .flex > div:last-child p {
	position: absolute;
	background: #8CC63E;
	padding: 45px 40px 30px;
	bottom: -60px;
	left: -50px;
	font-size: 45px!important;
	font-weight: 600;
	color: #2B2B2C;
	max-width: 135px;
	text-align: center;
	font-family: 'puffin-display', sans-serif!important;
}

#home .img-right .flex > div:last-child p span {
	font-size: 70px;
}

/*---service-------*/

.service {
	background: #8CC63E;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

.service a {
	color: #2B2B2C;
}

.service a:hover {
	text-decoration: underline;
}

/*---map-------*/

.map {
	background: #2B2B2C;
}

.map p {
	text-align: center;
	color: #fff;
	max-width: 700px;
	margin: 0 auto;
	margin-top: 80px;
}

.map p span {
	font-weight: 600;
}

.map .wrapper div {
	max-width: 1160px;
	height: auto;
	margin: 0 auto;
}

.map .wrapper div img {
	width: 100%;
	height: auto;
}

/*---two-box-------*/

.two-box {
	background: #2B2B2C;
}

.two-box .flex {
	justify-content: space-between;
	flex-wrap: wrap;
}

.bx-grey p, .bx-green p{
	margin-top: 30px;
	margin-bottom: 50px;
}

.bx-green {
	max-width: 780px;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background: #8CC63E;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
	margin-right: 20px;
}

.bx-green h2 {
	color: #2B2B2C;
}

.bx-green hr {
	border-bottom: #2B2B2C 5px solid;
    width: 100%;
    max-width: 249px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-left: 0;
}

.bx-grey {
	max-width: 780px;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background: #58595B;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
}

.bx-grey p {
	color: #fff;
}

.bx-grey hr {
	border-bottom: #8CC63E 5px solid;
    width: 100%;
    max-width: 249px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-left: 0;
}

.bx-grey div, .bx-green div {
	max-width: 590px;
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left: 60px;
}

.bx-grey h2, .bx-green h2 {
	max-width: 361px;
}

/*---center-section-------*/

.center-section {
	text-align: center;
	background: #2B2B2C;
}

.center-section hr {
	border-bottom: #8CC63E 5px solid;
    width: 100%;
    max-width: 491px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
	margin-bottom: 88px;
}

.center-section p {
	color: #fff;
}

.center-section p {
	margin-bottom: 15px;
}

.center-section .wrapper > div {
	max-width: 1039px;
	margin: 0 auto;
}

/*---interior-form-------*/

.interior-form > .flex {
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.interior-form .bx-green a {
	font-family: 'puffin-display', sans-serif;
	color: #2B2B2C;
	font-size: 25px;
	font-weight: 700;
}

.interior-form .bx-green a:hover {
	text-decoration: underline;
}

.interior-form .bx-green a span {
	word-break: break-all;
}

.interior-form .right-form {
	margin: 20px 20px;
}


/*--------FORM STYLES--------------------*/

/*---interior-form-------*/

.interior-form #submit-btn, .interior-form .captcha-button {
	display: block;
}

.interior-form .CaptchaPanel {
	text-align: left!important;
}

/*---sell-form-------*/

.sell-form .heading-mds {
	margin-top: 60px!important;
}

#sell .contact-us, #finance .financing {
	background: #2B2B2C;
}

/*---finance-form-------*/

#finance .heading-md {
	text-align: center;
}

#finance .heading-mds {
	font-size: 35px;
	margin-bottom: 0;
	margin-top: 20px;
}

#finance hr {
    border-bottom: #8CC63E 5px solid;
    width: 100%;
    max-width: 491px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-bottom: 88px;
}

.financing .wrapper {
	width: 80%;
	margin: 0 auto;
}

.form-third {
	display: inline-block;
	width: 33.3%;
	margin: 15px 15px 15px 0;
}

.form-third input {
	padding: 15px;
	width: 100%;
	border: none;
	background: #fff;
	font-family: 'nunito-sans', sans-serif;
    box-sizing: border-box;
}

.form-half {
	display: inline-block;
    width: 50%;
    margin: 15px 15px 15px 0;
}

.form-half input, .form-half select {
	padding: 15px;
    width: 100%;
    border: none;
    background: #fff;
    font-family: 'nunito-sans', sans-serif;
    box-sizing: border-box;
}

.form-half select {
	color: #777;
}

.form-2nd-row, .form-third-last {
	margin-right: 0;
}

.flex-row {
    display: flex;
    flex-direction: row;
    width: 100%;
}

/*---contact-form-------*/

#contact .interior-form {
	background: #2B2B2C!important;
}

.contact-us, .interior-form {
	background: url("../siteart/contact.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
	background-color: #2B2B2C;
}

.contact-form-home .heading-md, .sell-form .heading-md {
	text-align: center;
}

.contact-form-home hr, .sell-form hr {
	border-bottom: #8CC63E 5px solid;
    width: 100%;
    max-width: 135px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
	margin-bottom: 20px;
}

/*---all-------*/

.form-full-sm {
	display: inline-block;
	width: 100%;
	margin: 15px 0;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
}

.form-full-sm input {
	padding: 17px;
	width: 100%;
	border: none;
	background: #F8F8F8;
	font-family: 'nunito-sans', sans-serif;
	box-sizing: border-box;
	color: #000;
}

.form-full textarea {
	width: 100%;
	padding: 17px;
	border: none;
	background: #F8F8F8;
	box-sizing: border-box;
	font-family: 'nunito-sans', sans-serif;
	color: #000;
}

.form-full textarea { 
	margin-bottom: -4px;
}

.form-full {
	margin: 10px 0 20px 0;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
}

.include-captcha{display:none;}

.CaptchaWhatsThisPanel > a, .CaptchaMessagePanel {
	color: #fff;
	font-family: 'nunito-sans', sans-serif;
}

.CaptchaWhatsThisPanel > a:hover {
	text-decoration: underline;
}
#submit-btn, .captcha-button {
	display: flex;
	justify-content: center;
}

/*--------Captcha--------------------*/

.CaptchaPanel {
	text-align: center!important;
	padding: 10px 0!important;
}


/*-------- FOOTER STYLES ----------------*/
footer{}

.brands {
	background: #F8F8F8;
	padding-top: 80px;
	padding-bottom: 80px;
}

.brands > .flex {
	justify-content: space-around;
	flex-wrap: wrap;
}

.brands > .flex div {
	margin: 20px;
	height: auto;
	transition: all .4s ease-out;
}

.brands > .flex div:hover {
	transform:translatey(-20px);
	transition: all .4s ease-out;
}

.brands > .flex div img {
	width: 100%;
	height: auto;
}

footer{
	background-color: #2B2B2C;
}

footer > .flex {
	justify-content: space-between;
	padding: 80px 15px;
}

footer .footer-nav > div {
	margin-left: 150px; 
}

footer li {
	color: #fff;
	list-style: none;
	margin-bottom: 35px;
}

footer li a{
	color: #fff;
	font-size: 23px;
}

footer li a:hover {
	text-decoration: underline;
}

footer .heading-xsm {
	color: #fff;
	margin-bottom: 50px;
	font-weight: 700;
}

.footer-nav > div:first-child > ul > div:last-child {
	margin-left: 90px;
}

.footer-nav i {
	margin-right: 16px;
	color: #8CC63E; 
	font-size: 23px;
}

.logo-footer img {
	max-width: 300px;
	width: 100%;
}


/*-------- CLASS STYLES ----------------*/

.flex {
	display: flex;
}

.wrapper {
	margin: 0 auto;
    max-width: 1600px;
	padding: 0 15px;
}

.bg-lg {
	padding-top: 130px;
	padding-bottom: 130px;
}

/*-------- Heading Styles ----------------*/

.heading-lg {
	font-weight: 600;
	color: #fff;
	font-size: 90px;
}

.heading-md {
	font-size: 60px;
	color: #fff;
	font-weight: 400;
	line-height: 70px;
}

.heading-mdlg {
	font-size: 65px;
	font-weight: 500;
	color: #2B2B2C;
}

.heading-mds {
	font-size: 45px;
	color: #fff;
	margin-bottom: 20px;
	font-weight: 400;
}

.heading-sm {
	font-size: 40px;
	color: #2B2B2C;
}

.span-sm {
	font-size: 35px;
	color: #8CC63E;
	font-weight: 700;
	font-family: 'puffin-display', sans-serif;
}

.span-bg {
	color: #fff;
	font-size: 50px;
	font-family: 'puffin-display', sans-serif;
}

/*-------- Button Styles ----------------*/

.btn-header {
	background: #8CC63E;
	padding: 5px 0!important;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
	transition: all .4s ease-out;
}

.btn-header a {
	color: #2B2B2C!important;
}

.btn-header:hover {
	background: #fff!important;
}

.btn-header a:hover {
	text-decoration: none!important;
	background: #fff!important;
}

.btn-green {
	display: inline-block;
	color: #2B2B2C;
	background: #8CC63E;
	width: 240px;
	padding: 20px 0;
	font-family: 'puffin-display', sans-serif;
	font-weight: 700;
	font-size: 25px;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
	text-align: center;
	transition: all .4s ease-out;
	border: none;
}

.btn-green:hover {
	background: #fff;
}

.btn-grey {
	display: inline-block;
	color: #fff;
	background: #2B2B2C;
	width: 240px;
	padding: 20px 0;
	font-family: 'puffin-display', sans-serif;
	font-weight: 700;
	font-size: 25px;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
	text-align: center;
	transition: all .4s ease-out;
}

.btn-grey:hover {
	background: #fff;
	color: #2B2B2C;
}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.body-wrapper {
	margin-top: 130px!important;
}

.view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .dealer-contact__button, .contact-bar-btn {
	background-color: #8CC63E!important;
	color: #2B2B2C!important;
}

.view-listing-details-link:hover, .dealer-contact__button:hover, .contact-bar-btn:hover {
	background-color: #D4D5D8!important;
}

.listing-prices__retail-price {
	color: #2B2B2C!important;
}


/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1901px) {
	.green-quicklinks .flex {
		justify-content: center;
		gap: 20px;
	}
	
	.green-quicklinks .flex > div {
		margin-right: 0px;
		margin-top: 0px;
	}
}

@media only screen and (max-width: 1626px) {
	.bx-grey {
		margin-top: 25px;
	}
	
	.two-box .flex {
		justify-content: center;
	}
	
	.bx-green {
		margin: 0 20px;
	}
}

@media only screen and (max-width: 1567px) {
	#home .img-right .flex {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.img-right .img-height, .img-right .img-height img {
		height: auto;
	}
	
	.img-right .img-height img {
		margin-bottom: -4px;
	}
	
	.img-right .flex > div:first-child {
		margin-bottom: 80px;
	}
	
	#home .img-right .flex > div:last-child p {
		bottom: revert-layer;
		left: 0;
		right: 0;
		margin: 0 auto;
		max-width: 837px;
	}
	
	.img-right {
		padding-bottom: 260px;
	}
	
	#sales .img-right {
		padding-bottom: 130px;
	}
}

@media only screen and (max-width: 1560px) {
	.header-logo img {
		max-width: 239px;
	}
}

@media only screen and (max-width: 1507px) {
	.interior-form > .flex {
		justify-content: center;
	}
}

@media only screen and (max-width: 1450px) {
	#sales .img-right .img-height {
		margin-right: 50px;
	}
}

@media only screen and (max-width: 1436px) {
	.green-quicklinks .img-height {
		height: 300px;
	}
	
	.green-quicklinks .img-height hr {
		height: 100px;
		margin: 0 0 30px 25px;
	}
	
	.green-quicklinks .img-height .heading-sm {
		margin: 48px 0 0 25px;
	}
	
	.green-quicklinks .img-height img {
		height: auto;
	}
}

@media only screen and (max-width: 1379px) {
	.about .wrapper > div:last-child {
		margin-top: 100px;
	}
	
	footer .footer-nav > div {
		margin-left: 100px;
	}
}

@media only screen and (max-width: 1360px) {
	#sales .img-right .img-height {
		margin-right: 20px;
	}
}

@media only screen and (max-width: 1310px) {
	#sales .img-right .img-height {
		margin-right: 0px;
	}
	
	#sales .img-right .flex {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.header-contact {
		background: #8CC63E;
	}
}

@media only screen and (max-width: 1275px) {
	footer .footer-nav > div:first-child {
		margin-left: 15px;
	}
}

@media only screen and (max-width: 1190px) {
	footer > .flex, .footer-nav, .footer-links .flex  {
		flex-wrap: wrap;
	}
	
	.logo-footer img {
		margin-bottom: 75px;
	}
}

@media only screen and (max-width: 990px) {
	.header-contact a span {
		display: none;
	}
}

@media only screen and (max-width: 888px) {
	
	.two-box .flex > div:first-child, .bx-green, .interior-form .right-form {
		margin-left: 0;
		margin-right: 0;
	}
	
	footer > .flex, .footer-nav, .footer-links .flex, footer .footer-nav > div:last-child .flex {
		flex-direction: column;
		text-align: center;
		align-items: center;
	}
	
	footer .footer-nav > div:last-child {
		margin: 35px auto;
		margin-bottom: 0;
	}
	
	.footer-links {
		margin: 35px auto;
	}
	
	.footer-nav > div:first-child > ul > div:last-child {
		margin-left: 0;
	}
	
	footer .footer-nav > div:first-child {
		margin-left: auto;
	}
	
	.footer-nav i {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 800px) {
	.heading-lg {
		font-size: 60px;
	}

	.heading-md {
		font-size: 50px;
	}

	.heading-mdlg {
		font-size: 55px;
	}

	.heading-mds {
		font-size: 35px;
	}

	.span-sm {
		font-size: 25px;
	}

	.span-bg {
		font-size: 30px;
	}

}

@media only screen and (max-width: 700px) {
	.two-box .flex > div div, .bx-green div {
		margin-left: 15px;
		margin-right: 15px;
	}
}

@media only screen and (max-width: 630px) {
	.flex-row {
		flex-direction: column;
	}
	
	.form-third, .form-half {
		width: 100%;
	}
	
	.slide-content {
		padding-top: 100px!important;
	}
}

@media only screen and (max-width: 540px) {
	.header-contact .header-logo {
		top: 50px;
		left: -15px;
	}
	
	.header-logo img {
		padding: 60px 15px;
	}
	
	footer .footer-nav > div:last-child .flex a {
		line-height: 30px;
	}
	
	.financing .wrapper {
		width: 90%;
	}
	
	#finance .heading-mds {
		font-size: 25px;
	}

}

@media only screen and (max-width: 450px) {
	.interior-form .bx-green a {
		font-size: 16px;
	}
	
	.sales-info a {
		font-size: 18px!important;
	}
	
	#sales .sales-info > div {
		margin-left: 15px;
	}
}

@media only screen and (max-width: 360px) {
	.heading-lg {
		font-size: 50px;
	}
	
	footer .footer-nav > div:last-child .flex:last-child a {
		word-break: break-word;
	}
}

@media only screen and (max-width: 360px) {
	.heading-md {
		font-size: 45px;
	}
}

@media only screen and (max-width: 340px) {
	.header-logo img {
		max-width: 200px;
	}
	
	.slick-dots {
		gap: 25px;
	}
	
	.sales-info a {
		font-size: 17px!important;
	}
}






