/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/webfonts/fa-brands-400.woff2");
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/css/all.min.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;
}

.flex {display:flex;}

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

a,button {cursor:pointer;}

h1,h2,h3,h4,h5,h6 {font-family: "Lexend", sans-serif;text-transform:uppercase;}

 h2 {font-size: clamp(1.1875rem, 0.9439rem + 1.2179vw, 2.375rem);margin-bottom: 5px;font-weight:600;}
/*-------- 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;
}


.sub.hero-image {background: url("../siteart/homepage.jpg");width: 100%;background-size: cover;background-repeat: no-repeat;height: 400px;background-position: 0 70%;position: relative;}

.sub.shipping-image {background: url("../siteart/shipping/image-1.webp");width: 100%;background-size: cover;background-repeat: no-repeat;height: 400px;background-position: 0 55%;position: relative;}

.sub.about-page {background: url("../siteart/arial-view.webp");width: 100%;background-size: cover;background-repeat: no-repeat;height: 400px;background-position: 0 55%;position: relative;}

.sub.hero-image .hero-content,.sub.shipping-image  .hero-content,.sub.about-page .hero-content{top: 36%;}

.hero-content p {font-family: "Lexend", sans-serif !important;font-weight:500;}

.hero-image {background: url("../siteart/homepage.jpg");width: 100%;background-size: cover;background-repeat: no-repeat;height: 860px;background-position: 0 70%;}

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

body {
	box-sizing:border-box;
	 font-family: "Roboto", sans-serif;
	line-height:1.5;
	font-style: normal;
	overflow-x: hidden;
}

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


hr{border:#000 1px solid;}

/*--- ANIMATION STYLES ---------------------*/
.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 600ms linear;
  -webkit-transition: all 600ms linear;
  -o-transition: all 600ms linear;
  transition: all 600ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*--- BUTTON STYLES ---------------------*/
a.green-button {width:100%;}
a.green-button button,input.green-button,button.show-more.green-button{display: flex;padding: 20px 16px;background: #028A0F;color: #fff;font-weight: 800;text-transform: uppercase;border: unset;width: 70%;text-align: center;justify-content: center;margin: 0 auto;transition:.3s;}

button.show-more.green-button {margin:20px auto;width:100%;}

a.green-button button:hover,input.green-button:hover,button.show-more.green-button:hover {background:#000;color:#fff;}

a.green-button button {width: 80%;}

.green-button.long {display: flex;justify-content: space-between;padding: 20px 16px;background:#028A0F;color:#fff;font-weight:800;text-transform:uppercase;}

a.white-button {width:100%;}
a.white-button button {padding: 20px 16px;background: #fff;color: #000;font-weight: 800;text-transform: uppercase;border: unset;width: 30%;text-align: center;justify-content: center;margin: 0 auto;margin-top: 50px;transition:.3s;}
a.white-button button:hover {background:#fff9;}

.shipping-heading a.green-button button,.contact-heading a.green-button button{width: 100%;margin-top:20px;}

/*--- HEADER STYLES ---------------------*/
header {}
.overlay .wrapper.flex {flex-direction: column;color:#fff;}
.overlay {background-image: linear-gradient(to right, #0009 ,transparent);width:100%;height:100%;}

.hero-content {width: 80%;font-size: clamp(1.5rem, 1.3205rem + 0.8974vw, 2.375rem);line-height: 1;text-transform: uppercase;top: 40%;position: absolute;left: 60px;font-weight:900;box-sizing: border-box;}
/*---BODY--------------------------------*/

/*---INVENTORY CAT----------*/
.top-inv {display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;}
.top-inv a {width: 15% !important;}
.inv-categories .wrapper.flex{display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto;gap: 12px;padding: 3% 0 0;flex-direction: column;width: 90%;}

.inv-cat {width: 100%;max-width: 510px;box-sizing:border-box;position:relative;transition:.3s;}
.inv-cat img {width:100%;}
.inv-cat .overlay {position: relative;top: -40px;text-align: center;display: flex;justify-content: center;color: #fff;text-transform: uppercase;}

a.green-button.long {display: flex;justify-content: space-between;padding: 30px 15px;align-items: center;transition:.3s;}

.inv-overlay {position: absolute;color: #fff;bottom: 0;width: 100%;display: flex;height: 100%;justify-content: center;align-items: flex-end;padding-bottom: 21px;text-transform: uppercase;font-size: 16px !important;}

.inv-image {position:relative;line-height: 0;background-color: #000;}
.inv-cat img {width: 100%;object-fit: cover;}
.inv-overlay p {font-family: "Lexend", sans-serif;font-weight:700;text-align:center;line-height:1.1;}

.inv-cat:hover {transform:scale(.9);}
.inv-cat:hover  .green-button.long{background:#000;color:#fff;}



.active, .collapsible:hover {
  background-color: #555;
}

.hide-part{
    display: none;
}
.show-part{
    display: block;
}


/*--------ABOUT STYLES--------------------*/
.about-home .sec-1 p {padding-bottom:30px;}

.about-home .sec-1 {width: 40%;border-right: unset;}
.about-home .sec-2 {width: 30%;}
.about-home .sec-2 .flex{flex-direction:column;align-items:center;}
.about-home .wrapper.flex {align-items: center !important;justify-content: space-evenly;padding: 3% 0;}
.about-home .wrapper.flex p {text-transform:capitalize;font-size:16px;font-weight:normal;line-height:1.5;}

.about-cat {width: 100%;display: flex;padding: 30px 0;gap: 20px;align-items: center;border-bottom: solid 4px #028A0F;}
.about-cat.last {border-bottom:unset;}

.about-cat .bold {font-weight:900;font-size: clamp(1.125rem, 1.0353rem + 0.4487vw, 1.5625rem);text-transform:uppercase;font-family: "Lexend", sans-serif;}
.about-content p {font-weight:500 !important;}

.ariel-photo {width: 100%;padding: 4% 0 6%;}
.ariel-photo img {object-position: 0 -180px;width: 100%;height: 440px;object-fit: cover;}

.about-home .button.flex a.green-button button {margin:unset !important;width: 100%;}

.about-home .button.flex  {gap: 18px;}
/*--------GALLERY STYLES--------------------*/
.line {width: 30%;}
.line hr {border: none;height: 7px;background-color: #028A0F!important;}
.gallery-header {display: flex;justify-content: center;align-items: center;padding-bottom:40px;}

.gallery-header .content-wrap {width: 100%;max-width: 30%;text-align: center;font-size: 30px;align-items: center;justify-content: center;}
.gallery-slider {width: 90%;margin: 0 auto;}

.gray-background {background:#DFDFDF;width:100%;height:400px;}

.gallery-header h2 {font-size: clamp(1.125rem, 0.9628rem + 0.8108vw, 1.875rem);}

/*--------WAREHOUSES STYLES--------------------*/
section.warehouses-section {padding: 3% 0 10%;}
.warehouses-section .wrapper.flex {flex-direction: row;width: 90%;margin: 0 auto;box-sizing: border-box;flex-wrap: wrap;gap: 40px;justify-content: center;gap: 20px;}

.map{width: 100%;}
.warehouse-cat {display: flex;align-items: center;box-shadow: 0 0 7px #0005;flex-direction: column;flex-wrap: wrap;justify-content: center;width: 32%;background-color: #028A0F !important;}
.warehouse-content {padding: 30px 0;color: #fff;}
.warehouse-heading {width: 90%;margin: 0 auto;padding-bottom: 40px;}


/*--------ABOUT US PAGE STYLES--------------------*/
.about-heading p {margin-bottom:30px;line-height:1.5;}
.about-section .wrapper.flex {width: 90%;margin: 0 auto;align-items: center;padding: 3% 0;justify-content: space-between;gap: 30px;flex-direction: row;box-sizing: border-box;}

.about-heading {width: 90%;}
.about-image img {    max-width: 48%;
    width: 100%;
    height: auto;
    object-fit: cover;}

.about-image {width: 50%;height: 100%;}

.about-image {width: 90%;gap: 11px;display: flex;justify-content: space-between;}
.sub.about-cat.last {border-right:unset;}
 .about.sec-2 {width: 90%;margin: 0 auto;padding:30px 0 8%;}
.sub.about-cat {    width: 100%;
    display: flex;
    padding: 20px 2%;
    gap: 18px;
    border-bottom: unset;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;border-right: solid #028A0F;}



/*--------PARTS MACHINES STYLES--------------------*/

.shipping-image .button.flex {flex-direction:column;gap:10px;}
.shipping-image .button.flex a.green-button button {width: 100%;}

/*--------SHIPPING STYLES--------------------*/

.bullet-flex {display: flex;gap: 3%;width: 100%;}
span.flex {gap:20px;align-items: center;width: 100%;}
.shipping-section .wrapper.flex,.shipping-process .wrapper.flex {width: 90%;margin: 0 auto;align-items: center;padding: 5% 0;justify-content: space-between;gap: 4%;flex-direction: row-reverse;}
.wrapper.flex.normal {flex-direction:row;}
.shipping-heading {width: 50%;}
.shipping-image img {max-width: 100%;width:100%;height:300px;object-fit: cover;}
.shipping-image {width: 50%;height: 100%;}

.why.flex {width:100%;gap:40px;}
.why-cat {display: flex;width: 50%;box-shadow: 0 0 5px #0005;padding: 2%;flex-direction: column;gap:20px;align-items: center;font-weight:800;}
.why-buy .wrapper.flex {flex-direction:column;}
.why-buy .gallery-header,.shipping-process .gallery-header {width: 100%;gap: 50px;}
.why-buy .gallery-header .line, .shipping-process .gallery-header .line{width: 37%;}
.why-cat i {font-size:40px;color:#028A0F;}

.trailer-sizes .wrapper.flex {justify-content: space-evenly;gap: 40px;padding: 30px 0;box-sizing: border-box;}

.trailer {width: 100%;}
.trailer-img img {width: 100%;object-fit: cover;height: 100%;}

.trailer-cat {width: 100%;display: flex;flex-direction: column;}

.shipping-heading p {padding: 10px 0;}

.collapsible {
  background-color: #028A0F;
  color: #fff;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  font-weight:800;
  outline: none;
  text-transform:uppercase;
  font-size: 16px;
  font-family: "Lexend", sans-serif;
}



/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 10px 0 20px;
}

.trailer-img {display: flex;gap: 10px;flex-direction: column;}
.trailer-sizes .wrapper {width:90%;margin:0 auto;}

.trailer-sizes .wrapper div {width:100%;box-sizing: border-box;}
.trailer-img.middle img {height: 350px;}
section.trailer-sizes {padding: 30px 0;}

.trailer-sizes .why.flex {width:90%;margin: 0 auto;}
.shipping-process .wrapper.flex {flex-direction: column;}

.bullet-flex {display: flex;align-items: center;justify-content: flex-start;gap: 20px;}

.shipping-process {padding-bottom:30px;}
.process-content {margin-bottom: 30px;}
.why-cat .flex.wrapper {width: 90%;gap:30px;align-items: flex-start;}

.line.long {width: 90%;margin: 0 auto;}

/*--------GALLERY STYLES--------------------*/

/* Styles the thumbnail */

a.lightbox img {
    height: 100%;
    margin: unset;
    width: 100%;
    object-fit: cover;
	width: 100%;
	
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: fixed;
top: -100%;
left: 0;
width: 100%;
background: rgba(0,0,0,.7);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
 
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
  
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
top: 0;
}


.gallery .wrapper.flex {flex-wrap:wrap;justify-content: center;padding:4% 0;gap: 21px;}
.gallery .wrapper.flex > div {width: 100%;max-width: 420px;}
div#image-1 {max-width: 100%;}
/*--------FORM STYLES--------------------*/

section.form {width: 90%;}
section.form .form.flex {gap: 30px;}
.message.formfield {padding-top: 24px;}
.formfield input, .formfield textarea {box-sizing:border-box;width:100%;padding: 10px;border: solid 1px #000;}
.formfield {width: 100%;}

label p {margin-bottom:5px;}
input.green-button {cusor:pointer;}



/*--------MAP SECTION--------------------*/
section.our-gallery {position:relative;text-align: center;padding-bottom: 7%;}
section.clickable-map {background:url("../siteart/grass-background.webp");background-repeat: no-repeat;width:100%;background-size: cover;}

.button-heading {border-bottom: 3px solid black;width: 100%;padding-bottom: 5px;text-transform: uppercase;font-weight:700;text-align:center;}

.gray-background {background: #DFDFDF;width: 100%;height: 180px;position: absolute;bottom: 46%;z-index: -1;}
.long-button {padding-top: 50px;}
.buttoncontent {display:none;}
.buttoncontent.active {display:flex;}

.button-content {display: flex;flex-direction: column;
    border-top: solid;
    width: 100%;padding-top: 19px;
    padding-top: 2px;}




.clickable-map .wrapper.flex { justify-content: center;   width: 100%;
    margin: 0 auto;
    justify-content: center;
    gap: 20px;padding:7% 0;}

.open-btn a {padding-top:10px;color:#000;}

.open-btn {
       background-color:#005E09;
    border: none;
    color: white;
    padding: 21px 30px;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
	flex-direction: row;
    max-width: 100%;
    height: 72px;
    box-sizing: border-box;
    margin-bottom: 15px;
	transition:.3s;
}

.open-btn:hover {background:#fff;color:#000;}

.button-heading {border-bottom:unset;padding-bottom:unset;}

.button-heading.open {    border-bottom: 3px solid black;
    width: 100%;
    padding-bottom: 5px;
    text-transform: uppercase;
    align-items: center !important;
    display: flex;
    text-align: center !important;justify-content: center;}

.open-btn.active {    width: 100%;
    height: 150px;
    background: #fff;
    color: #000;
    display: flex;
    flex-direction: column;
	height: 200px;
    gap: 33%;align-items: flex-start;text-align: left;}

.content-box {
    height: 30px;
    box-shadow: unset;
    opacity: 0;
    display:none;
    transform: scale(0.9);
    transition: all 0.3s ease;
}

.map-cat {height: inherit;}
.maps{
	position:absolute;
	top: 0;
   visibility: hidden;
	height: 100%;
	width: 100%;
}
.maps.active{
    visibility:visible;}

 .content-box.active {
       opacity: 1;
    display: flex;
    transform: scale(1);
    background: unset;
    align-items: center;
    justify-content: center; 
	 width: 100%;
}
.all-maps {position: relative;width: 50%;}
.map-button.flex {flex-direction: column;width: 30%;}
.green-overlay {    background: #028A0F;
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: -1;}


/*-------- FOOTER STYLES ----------------*/
footer{}

.footer .flex {flex-direction: column;}
.icon {color:#fff;}
.footer-top {background:#028A0F;}

.footer-top .wrapper.flex{flex-direction: row;justify-content: space-between;padding: 50px 0;gap: 5%;width: 80%;margin: 0 auto;}

.warehouse-flex {justify-content: space-evenly;display:flex;width: 90%;padding-bottom: 15px;}

.footer-cat {width: 100%;border-right: solid #fff 3px;margin: 0 auto;}
.footer-cat ul li a {color:#fff;font-weight:600;transition:.3s;font-size: 16px;}

.footer-cat ul li a:hover {border-bottom:solid #fff;}

.footer-cat.last {border-right:unset;}
.footer-cat.last  a {text-transform:capitalize;}

.footer-bottom .wrapper.flex {align-items:center;}

.footer-cat span.footer-heading {font-size:23px;padding-bottom:30px;font-weight:600;font-family: "Lexend", sans-serif;text-transform:uppercase;}

.footer-cat li {padding-bottom: 11px;text-transform: uppercase;}

.footer-bottom .wrapper.flex {padding:30px 0;background:#00710a;}

.footer-cat > p {margin-bottom:20px;color:#fff !important;}

.footer-bottom .wrapper.flex p {font-weight:600;text-transform:uppercase;color:#fff;}

.warehouse-address p {font-weight:500;color:#fff;}
.warehouse-address b {font-weight:600;color:#fff;}
.warehouse-address i {color:#fff !important;}
/*---CONTACT STLYES ----*/

.contact-heading {width: 50%;}
.contact-heading ul {margin-top:20px;}
.contact-heading ul li  {margin-bottom: 10px;}
.contact-heading ul li a {color:#000}
.contact-heading a.green-button button {margin-top: 5%;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.section-content.inventory-flex {display: flex;flex-wrap: wrap;width: 100%;margin: 0 auto;gap: 11px;justify-content: center;padding: 30px;}

.section-content.inventory-flex a.green-button{width: 23%;}
.section-content.inventory-flex a.green-button button{width: 100%;padding: 14px 16px;}

.faceted-search-content .selected-facets-container .selected-facet,.list-container-flexrow .view-listing-details-link,.list-redesign .widget-container .listing-widgets .shipping a,.list-content .list-error-container .info button:not(.login-button) {background:#028A0F !important;color:#fff !important;}

.column3.left ul li a {color:#000 !important;}
.detail__search-results,.calc-button-wrapper button,a.MuiTypography-root.MuiTypography-text.MuiLink-root.MuiLink-underlineHover,.dealer-contact__link,.dealer-contact__videochat {color:#000 !important;}

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

@media only screen and (max-width: 1600px) {
	.top-inv a {width:25% !important;}
}

@media only screen and (max-width: 1500px) {
	.section-content.inventory-flex {flex-wrap: wrap;}
	.section-content.inventory-flex a.green-button {width: 28%;}
	.hero-content {width: 90%;top: 40%;}
}

@media only screen and (max-width: 1350px) {
	.section-content.inventory-flex {flex-wrap: wrap;}
	.section-content.inventory-flex a.green-button {width: 28%;}
	.hero-content {width: 90%;top: 60%;}
	.about-image {width: 50%;flex-direction: column;}
	.about-image img {max-width: 100%;}
}

@media only screen and (max-width: 1300px) {
	.footer-top .wrapper.flex {width: 90%;}
}

@media only screen and (max-width: 1100px) {
	.hero-content {width: 90%;font-size: clamp(1.125rem, 0.9968rem + 0.641vw, 1.4375rem);line-height: 1;text-transform: uppercase;position: absolute;font-weight: 900;top: 40%;}
	.hero-image {height: 530px !important;}
	.section-content.inventory-flex a.green-button {width: 49%;}
	.gray-background {height: 130px;bottom: 47%;}
}

@media only screen and (max-width: 1000px) {
	 .section-content.inventory-flex a.green-button {display:none !important;}
	.why.flex {flex-direction:column;width: 90%;}
	.trailer-sizes .wrapper.flex,.shipping-section .wrapper.flex {flex-direction: column;}
	.why.flex {width: 100%;}
	.shipping-heading,.shipping-image {width: 90%;}
	.why-cat {width: 100%;text-align:center;padding: 4% 0;}
	.footer-top .wrapper.flex {flex-direction: column;}
	.warehouse-flex {justify-content: flex-start;gap: 12px;}
	.footer-bottom .wrapper.flex p {text-align:center;}
	.footer-cat {border-right: unset;border-bottom: solid #fff;padding-bottom: 0px;margin-bottom: 10px;}
	.why-buy .gallery-header .line, .shipping-process .gallery-header .line {width: 16%;}
	.trailer-sizes .wrapper.flex, .shipping-section .wrapper.flex {flex-direction: column;gap: 40px;}
	.contact-heading {width: 90%;}
	.shipping-section .wrapper.flex, .shipping-process .wrapper.flex {padding: 5% 0;}
	.about-home .wrapper.flex {flex-direction: column;}
	.about-home .sec-1 {width: 90%;padding: 5% 0;}
	.about-home .sec-2 {width: 90%;}
	.long-button {padding-top: 14%;}
	.map-button.flex {flex-direction: column;width: 90%; margin: 0 auto;}
	.clickable-map .wrapper.flex {flex-direction: column;}
	.all-maps {height:400px;width: 90%;margin: 0 auto;}
	.about-home .wrapper.flex{padding: 13% 0;}
	.warehouse-cat {width: 48%;}
	.sub.shipping-image,.sub.hero-image {height: 190px !important;}
	.about-section .wrapper.flex {flex-direction: column;padding: 13% 0;}
	.about-heading {width:90%;}
	.about .flex {flex-direction:column;}
	span.flex {text-align: left;}
	.sub.about-cat {border-right: unset;}
	.trailer-sizes .wrapper.flex {padding: 30px 0 0;gap: 6px;}
	.why-buy .gallery-header .line, .shipping-process .gallery-header .line {width: 29%;}
	.gray-background {bottom: 55%;}
	.sub.about-cat {padding: 20px 0;border-bottom:solid #028A0F ;}
	.top-inv a {width: 45% !important;}
	.inv-cat {max-width:100%;}
	.inv-cat img{height: auto;}
	.hero-buttons {display:flex;flex-direction:column;}
	.about-image {width: 90%;}
}
@media only screen and (max-width: 700px) {
	section.shipping-section {padding: 5% 0;}
	section.form .form.flex {gap: 16px;flex-direction: column;}
	a.white-button button {margin-top: 20px;width: 60%;}
	.warehouse-cat {width: 100%;}
	.why-buy .gallery-header, .shipping-process .gallery-header {gap: 0;}
	.about-image {flex-direction: column;}
	.about-image img {max-width: 100%;width: 100%;height: unset;}
	.hero-content {top: 440px;left: 3%;width: 90%;}
	.hero-content h1 {font-size: 22px;}
	.hero-content p {font-size: 16px;margin-bottom: 8px;}
	.bullet-flex {display: flex;align-items: center;justify-content: flex-start;
    gap: 20px;flex-direction: column;align-items: center;text-align: center;
    width: 100%;}
	.why-cat .flex.wrapper {gap: 18px;}
	.gallery-header .content-wrap {max-width: 41%;}
	.section-content.inventory-flex {width: 90%;padding: 30px 0;}
	.long-button {padding-top: 17%;}
}
@media only screen and (max-width: 600px) {
	span.flex {flex-direction: column;text-align: center;}
	.section-content.inventory-flex a.green-button {width: 100%;}
	.inv-cat img{height: auto;}
	.top-inv {flex-direction: column;align-items: center;justify-content:unset;width: 100%;}
	.top-inv a{width: 100% !important;}
}
@media only screen and (max-width: 500px) {
	.about-cat {flex-direction: column;text-align: center;}
	.button.flex {flex-direction: column;}
	.about-home .sec-2 {padding-left:unset;}
	.long-button {padding-top: 24%;}
	a.white-button button {width: 90%;}
	
}