/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap');
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;	
}
html {
    scroll-behavior: smooth;
}
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 --------*/
:root {
  --blue: #0B2D5A;
  --light-blue: #0E448C;
  --dark-blue: #050727;
  --grey: #F9F9F9;
}

/***** 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;
}

h1, h2, h3 {
	font-family: 'Exo', sans-serif;
}

#home p, #thankyou p, #brands p, footer p, #service p, #financing p, #specials p, #about p, #contact p, #soil-max p, .inner-hero p  {
	font-family: 'Exo', sans-serif;
	color: var(--dark-blue);
	font-size: 20px;
	line-height: 35px;
}

body {
	background: url("/siteart/footer-background.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

/*-------- BODY STYLES --------*/

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HERO STYLES ---------------------*/
.home-hero-mobile {display: none;}
.home-hero {
	background: url("/siteart/hero.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.home-hero > div {padding-top: 200px; padding-bottom: 200px; background: rgba(26, 26, 26, .2);}
.home-hero .shape {
	clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%); 
	background-color: rgba(11, 45, 90, .7);
	max-width: 830px;
	width: 100%;
}
.home-hero .shape .heading-lg {margin-left: 150px; padding: 30px 0;}
.home-hero .btn-top, .home-hero-mobile .btn-top {gap: 15px; flex-wrap: wrap;}

.inner-hero {background: var(--light-blue); padding: 30px 0;}
.inner-hero .flex {flex-wrap: wrap; gap: 20px; align-items: center; }
.inner-hero a {color: #fff; font-size: 20px; font-family: 'Exo', sans-serif; font-weight: 700;}
.inner-hero a:hover {text-decoration: underline!important;}
.inner-hero hr {margin: 0; border: #fff solid 1px; height: 30px;}
.inner-hero p {color: #fff!important;}

/*---BODY--------------------------------*/
/*---search---*/
.search {background:var(--light-blue); border-top: 10px #0B2D5A solid; border-bottom: 10px #0B2D5A solid; padding-top: 100px; padding-bottom: 100px;}

/*--------SEARCH FORM STYLES--------------------*/
.form-all-search .heading-sm {margin-bottom: 30px; color: #fff;text-align: left;}
.form-all-search {box-sizing: border-box;max-width: 1512px!important; width: 100%;margin: 0 auto!important;}
.form-all-search .flex-form {width: 100%;max-width: 1512px;padding: 15px;margin: 52px auto;}

.form-all-search .flex-row {display: flex; align-items: center;}

.form-third {
	display: inline-block;
	width: 50%;
	margin: 15px 15px 15px 0;
}

.form-third button {padding: 18px 40px 21px 40px; width: 100%; border: none; background: var(--blue); color: #fff; font-size: 24px; box-sizing: border-box;}

.form-third input, .form-third select {
	padding: 20px;
	width: 100%;
	border: none;
	background: #fff;
	font-family: 'Exo', sans-serif;
    box-sizing: border-box;
	color: var(--dark-blue);
	font-size: 20px;
}

.form-third select {color: var(--dark-blue);}
.form-third-second {margin-right: 0;}
.form-third-last {margin-right: 0;width: auto;margin-left: -104px;}
.form-third-last button {margin-right: 0;transition: all .4s ease-out;cursor: pointer;}
.form-third-last button:hover {background: #fff; color: var(--dark-blue);}
input::placeholder, textarea::placeholder {color: var(--dark-blue);}
select {
	-webkit-border-radius: 0;
}

/*---col-2---*/
.col-2 {padding-top: 100px; padding-bottom: 100px; background: var(--grey);}
.col-2 .wrapper {justify-content: center; gap: 15px; align-items: center;}
.col-2 .wrapper a {align-items: stretch; background: var(--blue); border-radius: 30px;max-width: 720px; width: 100%;}
.col-2 .box-width-sm img {max-width: 100px;}
.col-2 .box-width-sm > .box {padding: 50px 30px; background: var(--light-blue);border-radius: 30px 0 0 30px; display: flex; justify-content: center;transition: all .4s ease-out;}

.col-2 .box-width-bg {width: 100%; max-width: 1000px;}
.col-2 .box-width-bg > .box {
	padding: 45px 100px 28px 30px; background: var(--blue);border-radius: 0 30px 30px 0;transition: all .4s ease-out;display: flex; align-items: end; box-sizing: border-box; height: 100%;}
.col-2 .box-width-bg .heading-md {color: #fff!important;}

.col-2 .wrapper a:hover .box-width-sm > .box {background: var(--blue)!important;}
.col-2 .wrapper a:hover .box-width-bg > .box {background: var(--light-blue)!important;}

.col-2 > .wrapper:last-child {margin-top: 15px;}

.location-arrow {background: #fff;margin: 0 auto; text-align: center;}
.location-arrow img {max-width: 140px;}

/*---center---*/
.center {background: #fff; padding-top: 80px; padding-bottom: 100px;}
.center .wrapper {text-align: center; max-width: 1050px!important;}
.center .wrapper .heading-mdlg {margin-bottom: 20px;}

/*---section-slider---*/
.section-slider {background: rgba(249, 249, 249, .9);}
.section-slider .heading-md {text-transform: none!important;}
.section-slider a {color: var(--light-blue)!important;}

.section-slider .hero-slide-wrap {position: relative;overflow: hidden;}
.slider-btn {padding-top: 80px; padding-bottom: 80px;}
.slider-btn .heading-md {margin: 0 auto; text-align: center; padding-left: 15px; padding-right: 15px;}
.section-slider .slide-hero {max-width: 1500px; width: 100%; margin: 0 auto;}
.section-slider a:hover {text-decoration: underline;}

/*--------SLIDER BUTTONS--------------------*/

.slick-prev:before {
	font-family: "Font Awesome 5 Free" !important;
    content: "\f053" !important;
    color: var(--dark-blue) !important;
    font-size: 25px !important;
    font-weight: 600;
	transition: all .4s ease-out;
}

.slick-next:before {
	font-family: "Font Awesome 5 Free" !important;
    content: "\f054" !important;
    color: var(--dark-blue) !important;
    font-size: 25px !important;
    font-weight: 600;
	transition: all .4s ease-out;
}

/*---brands---*/
.brands > div {background: rgba(249, 249, 249, .8); padding-top: 100px;}
.brands .col-4 {background: var(--blue);height: 400px; position: relative;}

.brands > div > div:first-child {justify-content: space-between; align-items: center; padding-bottom: 200px; flex-wrap: wrap; gap: 20px;}
.brands .col-4 .flex {position: absolute; top: -100px; left: 0; right: 0; justify-content: center; gap: 40px;}
.brands .col-4 a {box-shadow: 0px 20px 20px rgba(0, 0, 0, .4); position: relative;}
.brands .col-4 a:first-child {background: url("/siteart/soilmax-btn.jpg") no-repeat; background-size: cover; background-position: center;}
.brands .col-4 a:nth-child(2) {background: url("/siteart/agleader-btn.jpg") no-repeat; background-size: cover; background-position: center;}
.brands .col-4 a:nth-child(3) {background: url("/siteart/digifram-btn.jpg") no-repeat; background-size: cover; background-position: center;}
.brands .col-4 a:last-child {background: url("/siteart/lynx-btn.jpg") no-repeat; background-size: cover; background-position: center;}
.brands .col-4 a > div {background: rgba(14, 68, 140, .8); transition: all .4s ease-out;}
.brands .col-4 img {max-width: 500px; width: 100%; padding: 130px 40px; box-sizing: border-box;margin: 0 auto;display: flex;}
.brands .col-4 a:hover > div {background: rgba(5, 7, 39, .8);}

.brands .skewed-line {
	clip-path: polygon(1% 0%, 100% 0%, 99% 100%, 0% 100%);
	background-color: #fff;
	max-width: 300px;
	width: 100%;
	height: 12px;
	margin: 20px auto;
}

.brands .col-4 a > div > div {position: absolute; bottom: -45px; left: 0; right: 0;}

/*--------PAGE STYLES--------------------*/
/*---thankyou---*/
/*---brands---*/
.brands-flex {background: #fff; padding-top: 100px; padding-bottom: 100px;}
.brands-flex .wrapper > div:first-child {justify-content: space-between; margin-bottom: 50px;}
.brands-flex .wrapper > div:first-child > .flex {gap: 15px; flex-wrap: wrap; margin-left: 30px;}
.brands-flex .heading-mdlg {margin-bottom: 20px;}

.brands-flex .wrapper > div:last-child {justify-content: center; gap: 20px;}
.brands-flex .grey-box {background: var(--grey); max-width: 443px; width: 100%; position: relative;}
.brands-flex .grey-box > div:first-child {padding: 50px 30px 130px 30px; text-align: center;}
.brands-flex .grey-box .heading-sm {margin-bottom: 20px; color: var(--blue);}
.brands-flex .grey-box > div:last-child {position: absolute; bottom: 50px; left: 0; right: 0;display: flex;justify-content: center;}

/*---brands-individual---*/
.center-section-inner {background: var(--grey); padding-top: 100px; padding-bottom: 100px;}
.center-section-inner .img-height img {max-width: 350px; width: 100%; margin-bottom: 10px;}
.center-section-inner .heading-mdlg {margin-bottom: 20px;}
.center-section-inner > .wrapper:first-child {max-width: 1000px; text-align: center;}
.center-section-inner .wrapper .btn-top {gap: 15px; justify-content: center; flex-wrap: wrap;}
.center-bottom {background: #fff;}

.center-section-inner .video-img-2 {justify-content: center; gap: 20px; margin-top: 100px;}
.center-section-inner .video-img-2 .img-height {height: 450px; max-width: calc(50% - 10px); width: 100%;}
.center-section-inner .img-height-1 {margin: 100px auto 0; text-align: center;max-width: 100%;height: 450px;}
.center-section-inner .img-height-1 img {width: 100%; height: 100%; object-fit: contain;}

.img-left-sm {background: var(--grey); padding-top: 60px; padding-bottom: 60px;}
.img-right-sm {padding-top: 60px; padding-bottom: 60px; background: #fff;}
.img-left-sm .flex, .img-right-sm .flex {align-items: center; justify-content: space-between; gap: 30px;}
.img-left-sm .img-height, .img-right-sm .img-height {max-width: 750px; height: 450px; width: 100%;}
.img-left-sm .img-height img, .img-right-sm .img-height img {width: 100%; height: 100%; object-fit: cover;}
.img-left-sm .content-right, .img-right-sm .content-left {max-width: 975px;}
.img-left-sm .heading-md, .img-right-sm .heading-md {margin-bottom: 20px; color: var(--blue);}

.img-contain .img-height img {object-fit: contain!important;}
.img-position .img-height img {object-position: top;}

.img-left-sm.img-position .flex {justify-content: left;}
.img-left-sm.img-position .content-right {margin-left: 80px;}

.img-left .logo-img img {max-width: 150px; width: 100%; margin-bottom: 10px;}

/*---financing---*/
.center-img {background: var(--grey); padding-top: 60px; padding-bottom: 60px;}
.center-img .heading-md {text-align: center; margin-bottom: 30px; color: var(--blue);}
.center-img .flex {justify-content: center; gap: 20px;}
/*.center-img .img-height {height: 600px; width:auto;}*/
.center-img .img-height img {width: 100%;}
.center-img.background-grey > .wrapper {display: flex; flex-direction: column; align-items: center;}
.financing-logo img { padding: 20px;width: 100%;max-width: 400px; margin: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 10px; margin-bottom: 20px;transition: 0.3s ease all; box-sizing: border-box;}
.financing-logo img:hover {transform: scale(1.03); transition: 0.3s ease all;}

/*---specials---*/
#specials .center-section-inner {background: #fff!important;}
.img-left-sm ul, .img-right-sm ul {margin-top: 20px;}
.img-left-sm ul li, .img-right-sm ul li {display: flex; gap: 10px; margin-bottom: 5px;}
.img-left-sm ul li span, .img-right-sm ul li span {font-size: 30px;}
.p-bold {font-weight: 700;}

.grey-box-2 {background: #fff; padding-bottom: 60px;}
.grey-box-2 .flex {justify-content: center; gap: 20px;}
.grey-box-2 .grey-box {width: calc(50% - 10px); background: var(--grey);}
.grey-box-2 .grey-box div {text-align: center; padding: 60px;}
.grey-box-2 .heading-md {color: var(--blue); margin-bottom: 20px;}

/*---about---*//*---service---*/
.img-left {padding-top: 100px!important; padding-bottom: 100px!important;background: #fff;}
.img-left > div {align-items: center; gap: 50px; justify-content: space-between;}
.img-left .img-height {max-width: 900px; height: 550px; width: 100%;}
.img-left .img-height img {width: 100%; height: 100%; object-fit: cover; border-radius: 30px;}
.img-left .heading-mdlg {margin-bottom: 20px;}
.img-left .flex > div:last-child {max-width: 850px;}

.img-left.img-contain .img-height img {border-radius: 0;}
.img-left .btn-top.flex {gap: 15px; flex-wrap: wrap;}

.img-right { padding-bottom: 100px!important;background: #fff; justify-content: space-between;}
.img-right > div {align-items: center; gap: 50px; justify-content: space-between;}
.img-right .img-height {max-width: 900px; height: 550px; width: 100%;}
.img-right .img-height img {width: 100%; height: 100%; object-fit: cover; border-radius: 30px;}
.img-right .heading-mdlg {margin-bottom: 20px;}
.img-right .flex > div:first-child {max-width: 850px;}

.img-right.img-contain .img-height img {border-radius: 0;}
.img-right .btn-top.flex {gap: 15px; flex-wrap: wrap;}

.center-section-boxes {background: #fff; padding-bottom: 100px!important;}
.center-section-boxes .wrapper > div:first-child {max-width: 680px; text-align: center; margin: 0 auto; margin-bottom: 50px;}
.center-section-boxes .heading-md {margin-bottom: 20px; color: var(--blue);}
.center-section-boxes .flex {justify-content: center; gap: 20px;}
.center-section-boxes .flex .grey-box {background: var(--grey); max-width: 550px; width: 100%;}
.center-section-boxes .flex .grey-box > div {padding: 50px 40px;text-align: center;}
.center-section-boxes .heading-sm {margin-bottom: 20px; color: var(--blue);}
.center-section-boxes .wrapper > div:last-child  {max-width: 1200px; width: 100%; text-align: center; margin: 0 auto; margin-top: 50px;}

.call-us {background: var(--blue); padding-top: 80px; padding-bottom: 80px;}
.call-us .heading-lg {text-align: center; font-style: normal;}
.call-us .heading-lg a {font-weight: 400!important; cursor: pointer; color: #fff!important; white-space: nowrap;}
.call-us .heading-lg a:hover {text-decoration: underline;}

/*---contact---*/
.map-left {background: #fff; padding-bottom: 100px;}
.map-left .wrapper .heading-mdlg {color: #fff!important;}
.map-left .wrapper > div {max-width: calc(50% - 10px); width: 100%;}
.map-left .img-height {margin-right: 10px;}
.map-left .img-height iframe {border-radius: 20px;}
.map-left .wrapper > div:last-child > div {padding: 60px 80px; background: var(--light-blue);border-radius: 20px 20px 0 0;}
.map-left .wrapper > div:last-child ul {background: var(--blue); padding: 40px 80px 20px; border-radius: 0 0 20px 20px;}
.map-left .wrapper > div:last-child {margin-left: 10px;}
.map-left li {margin-bottom: 40px;}
.map-left a {color: #fff; font-size: 20px; font-family: 'Exo', sans-serif;}
.map-left a:hover {text-decoration: underline;}
.map-left i {margin-right: 20px;}

/*--------FORM STYLES--------------------*/
.form-all .heading-md {margin-bottom: 10px;}
.form-all p {max-width: 700px; margin: 15px auto 40px;}

.form-bg {background: #fff; padding-top: 100px;}
.form-all {
	box-sizing: border-box;
	max-width: 1200px!important; 
	width: 100%;
	margin: 0 auto!important;
	text-align: center;
	padding-bottom: 200px!important;
}

 .label {
	font-family: 'Exo', sans-serif;
	text-align: left!important;
	font-weight: 500;
	font-size: 19px;
	 color: var(--dark-blue);
}

.label-row {margin-bottom: 15px;color: #050727;}
.flex-form {width: 100%;max-width: 1205px;padding: 15px;margin: 52px auto;}
.flex-row {display: flex;width: 100%;}

.form-half {
	display: inline-block;
	width: calc(50% - 8px);
	margin: 15px 15px 15px 0;
}

.form-half input {
	padding: 15px;
	width: 100%;
	border: none;
	font-family: 'Exo', sans-serif;
	box-sizing: border-box;
	background: var(--grey);
	font-size: 20px;
	color: var(--dark-blue);;
}

.form-2nd-row {margin-right: 0;}

.form-full textarea {
	width: 100%;
	padding: 15px;
	border: none;
	box-sizing: border-box;
	margin-bottom: -8px;
	font-family: 'Exo', sans-serif;
	background:  var(--grey);
	font-size: 20px;
	color: var(--dark-blue);;
}

.form-full {margin: 15px 0 30px 0;}

/*--------Captcha--------------------*/

.include-captcha{display:none;}
#submit-btn {float: right;}
.CaptchaWhatsThisPanel > a:hover {text-decoration: underline;}
.CaptchaWhatsThisPanel > a, .CaptchaMessagePanel {color: var(--dark-blue);font-family: 'Exo', sans-serif;}
.CaptchaPanel {text-align: right!important;}
.captcha-button {float: right;}

/*-------- FOOTER STYLES ----------------*/
.my-site-footer{background: rgba(249, 249, 249, .8);}
.my-site-footer > div:last-child {background: rgba(249, 249, 249, .4);}
.my-site-footer > div:last-child div {margin: 0 auto; text-align: center;}
.my-site-footer > div:last-child img {max-width: 250px; width: 100%; padding-top: 60px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px;}

.my-site-footer .wrapper {justify-content: space-between; padding-top: 100px!important; padding-bottom: 100px!important;}
.my-site-footer .footer-heading {font-weight: 700; font-size: 25px; margin-bottom: 20px; color: var(--dark-blue);}
.my-site-footer .wrapper .flex {gap: 150px;}
.my-site-footer li a {gont-size: 20px; color: var(--dark-blue); font-family: 'Exo', sans-serif; font-weight: 600;}
.my-site-footer li {margin-bottom: 10px;}
.my-site-footer li a:hover {text-decoration: underline;}

/*-------- UNIVERSAL STYLES ----------------*/
.wrapper {
	padding: 0 15px; 
	margin: 0 auto;
	max-width: 1830px;
}

.flex {display: flex;}
.btn-top {margin-top: 40px;}
.p-top {margin-top: 20px;}

/*---Headings---*/
.heading-lg {font-size: 50px; font-weight: 700; color: #fff; font-style: italic; text-transform: uppercase;}
.heading-md {font-size: 30px; font-weight: 700; color: var(--dark-blue); text-transform: uppercase; letter-spacing: 2px;}
.heading-mdlg {font-size: 50px; font-weight: 700; color: var(--blue); text-transform: uppercase;}
.heading-sm {font-size: 25px; font-weight: 700; color: var(--dark-blue); text-transform: uppercase; letter-spacing: 2px;}

.h-span-sm {font-size: 22px!important; font-weight: 400!important;}
.h-span-lg {font-size: 25px!important; color: var(--dark-blue)!important;}

.inventory-background {background: #fff;}

/*---Buttons---*/

.btn-blue, .btn-white, .btn-light-blue {
	display: inline-block;
	color: #fff;
	background: var(--blue);
	width: 275px;
	padding: 15px 0;
	font-family: 'Exo', sans-serif;
	font-size: 20px;
	font-weight: 700;
	transition: all .4s ease-out;
	text-align: center;
	border-radius: 20px;
	border: none;
}

.btn-white {background: #fff!important; color: var(--dark-blue)!important;}
.btn-light-blue {background: var(--light-blue)!important;}

.btn-light-blue:hover {background: var(--blue)!important;}
.btn-blue:hover {background: var(--light-blue)!important;}
.btn-white:hover {background: var(--light-blue)!important; color: #fff!important;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-listings-count, .list-content .price-container .price, .listing-prices__retail-price {color: var(--light-blue)!important;}

.listing-carousel .recommended-listings-section .view-all-link {background: var(--light-blue)!important;}

.list-container-flexrow .view-listing-details-link, .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button) {background: var(--light-blue)!important;transition: all .4s ease-out;}
.list-container-flexrow .view-listing-details-link:hover, .view-listing-details-link:hover, .list-content .list-error-container .info button:not(.login-button):hover, .detail__cta-buttons button:hover, .dealer-contact__buttons button:hover, .detail-contact-bar button:hover {background: var(--blue)!important;}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1480px) {
	.col-2 .box-width-bg > .box {padding: 45px 80px 28px 20px;}
	.img-left-sm.img-position .content-right {margin-left: 0;}
}

@media only screen and (max-width: 1455px) {
	.col-2 .box-width-bg > .box {padding: 45px 40px 28px 20px;}
	.col-2 .box-width-sm > .box {padding: 50px 20px;}
	.brands .col-4 img {padding: 100px 15px;}
	.brands .col-4 .flex {gap: 20px;}
	.brands .col-4 {height: 300px;}
}

@media only screen and (max-width: 1350px) {
	.brands-flex .wrapper > div:last-child {flex-wrap: wrap;}
	.brands-flex .grey-box {max-width: calc(50% - 20px);}
}

@media only screen and (max-width: 1299px) {
	.col-2 .box-width-sm > .box {padding: 70px 20px;}
}

@media only screen and (max-width: 1200px) {
	.img-right-sm .flex {flex-direction: column-reverse;}
	.img-left-sm .flex {flex-direction: column;}
	.img-left-sm .img-height, .img-right-sm .img-height {max-width: 100%; height: 200px;}
	.img-left-sm .content-right, .img-right-sm .content-left {max-width: 100%; width: 100%;}
}

@media only screen and (max-width: 1030px) {
	.brands .col-4 .flex {flex-direction: column; gap: 60px;}
	.brands .col-4 img {padding: 50px 15px;}
	.brands .col-4 {height: 1000px;}
	.my-site-footer .wrapper .flex {gap: 40px;}
	.grey-box-2 .grey-box div {padding: 60px 30px;}
}

@media only screen and (max-width: 1000px) {
	.brands-flex .wrapper > div:first-child {flex-direction: column;}
	.brands-flex .wrapper > div:first-child > .flex {margin-left: 0;}
	.map-left .wrapper > div:last-child > div {padding: 40px 50px;}
	.map-left .wrapper > div:last-child ul {padding: 40px 50px 1px;}
}


@media only screen and (max-width: 955px) {
	.col-2 .wrapper {flex-direction: column;}
    .quick-link {width: 100%;}
	.col-2 .box-width-bg > .box {padding: 50px 40px 50px 20px;}
	.img-left > div, .center-section-boxes .flex {flex-wrap: wrap;}
	.img-left .img-height {height: 200px; max-width: 100%;}
    .img-right {padding-top: 0 !important;padding-bottom: 80px!important; }
    .img-right > div, .center-section-boxes .flex {flex-wrap: wrap; flex-direction: column-reverse; padding-top: 0;}
	.img-right .img-height {height: 200px; max-width: 100%;}
	.center-section-boxes .flex .grey-box {max-width: 100%;}
}

@media only screen and (max-width: 900px) {
	.map-left .flex {flex-wrap: wrap;}
	.map-left .wrapper > div {max-width: 100%;}
	.map-left .img-height {margin-bottom: 20px; margin-right: 0; height: 200px;}
	.map-left .wrapper > div:last-child {margin-left: 0;}
	.grey-box-2 .flex {flex-wrap: wrap;}
	.grey-box-2 .grey-box {width: 100%;}
}

@media only screen and (max-width: 800px) {
	.my-site-footer .wrapper {flex-direction: column; gap: 30px;}
	.my-site-footer .btn-top {margin-top: 0;}
	.center-section-inner .video-img-2 {flex-wrap: wrap;}
	.center-section-inner .video-img-2 .img-height {max-width: 100%; height: 250px;}
	.center-img .flex {flex-wrap: wrap;}
	.center-img .img-height {height: auto;}
}

@media only screen and (max-width: 750px) {
	.home-hero .shape .heading-lg {margin-left: 15px;}
	.home-hero > div {padding-top: 100px; padding-bottom: 100px;}
	.center-section-inner .img-height-1 {height: 200px; margin: 60px auto 0;}
}

@media only screen and (max-width: 700px) {
	.search {padding-top: 50px; padding-bottom: 50px;}
	.form-all-search .flex-row {flex-direction: column;}
	.form-third {width: 100%; margin: 15px 0;}
	
	.col-2 .wrapper a {flex-direction: column;}
	.col-2 .box-width-sm > .box {padding: 40px 20px;border-radius: 20px 20px 0 0;}
	.col-2 .box-width-bg > .box {border-radius: 0 0 30px 30px;padding: 45px 20px 28px 20px;}
	.call-us .heading-lg {font-size: 35px!important;}
	.brands-flex .grey-box {max-width: 100%;}
}

@media only screen and (max-width: 600px) {
	.home-hero {display: none;}
	.home-hero-mobile {display: block;}
	.home-hero-mobile .img-height {width: 100%; height: 200px;}
	.home-hero-mobile .img-height img {object-fit: cover; width: 100%; height: 100%;}
	.home-hero-mobile .blue-background {background: var(--light-blue); padding-top: 50px!important; padding-bottom: 50px!important;}
	.home-hero-mobile .heading-lg {text-align: center; font-size: 45px;}
	.home-hero-mobile .btn-top {justify-content: center;}
	.col-2, .center, .my-site-footer .wrapper, .img-left, .brands-flex, .center-section-inner {padding-top: 80px!important; padding-bottom: 80px!important;}
	.center-section, .form-all, .map-left , .img-right {padding-bottom: 80!important;}
	.form-bg {padding-top: 80px!important;}
	.center-section-inner .video-img-2 {margin-top: 80px;}
	
	.flex-row {flex-direction: column;}
	.form-half {width: 100%; margin: 15px 0;}
}

@media only screen and (max-width: 530px) {
	.col-2 .box-width-bg .heading-md {font-size: 25px;}
	.heading-mdlg {font-size: 40px;}
}

@media only screen and (max-width: 500px) {
	.home-hero-mobile .img-height {height: 150px;}
	.call-us .heading-lg {font-size: 30px!important;}
	.grey-box-2 .grey-box div {padding: 60px 15px;}
}

@media only screen and (max-width: 430px) {
	.home-hero-mobile .heading-lg {font-size: 40px;}
	.home-hero-mobile .blue-background {padding-top: 30px!important; padding-bottom: 30px!important;}
	.slider-btn {padding-top: 60px; padding-bottom: 0px; margin-bottom: 70px;}
	.brands .col-4 {height:900px;}
	.center-section-boxes .flex .grey-box > div {padding: 30px 15px;}
	.brands-flex .grey-box > div:first-child {padding: 30px 15px 110px 15px; }
	.brands-flex .grey-box > div:last-child {bottom: 30px;}
	.map-left .wrapper > div:last-child > div {padding: 30px;}
	.map-left .wrapper > div:last-child ul {padding: 30px 30px 1px;}
}

@media only screen and (max-width: 350px) {
	.map-left a {font-size: 18px;}
	.map-left i {margin-right: 10px;}
}

@media only screen and (max-width: 330px) {
	.brands .col-4 {height:800px;}
}