/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,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;
}

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

a,button {cursor:pointer;}


/*--- HOVER STYLES ---------------------*/
.inv-cat:hover .inv-img img {transform:scale(1.1);}
.inv-img img {transition:.3s;}
.inv-cat:hover i.fa-solid.fa-arrow-right {margin-left:20px;}
.inv-cat i.fa-solid.fa-arrow-right {transition:.3s;}
a.black-button button {transition:.3s;}
a.black-button button:hover {background:#626262;}

a.white-button button {transition:.3s;}
a.white-button button:hover {background:#fff9}
/*-------- BODY STYLES --------*/

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

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


hr{border:#000 1px solid;}
h1,h2,h3,h4,h5,h6 {  font-family: "Barlow Condensed", sans-serif;text-transform:uppercase;}
a.black-button {width:100%;max-width:400px;}
a.black-button button {width:100%;background: #000;color: #ffff;border:unset;padding:16px 40px;font-family: "Barlow Condensed", sans-serif;text-transform:uppercase;font-size: clamp(1rem, 0.9615rem + 0.1923vw, 1.1875rem); font-weight:600;border-radius:15px;}
p {line-height: 1.5;}

/*--- HEADER STYLES ---------------------*/
header {}
.hero-header {width:100%;overflow:hidden;}
.main-hero-image {    background: url("../siteart/hero-main.webp?v=1");
    width: 100%;
    background-repeat: no-repeat;
    height: 930px;
    object-fit: cover;
    background-size: cover;
    background-position: 0 60%;
    background-color: #000;position: relative;}

.main-hero-trailer {    background: url("../siteart/textured-background.webp");
    width: 100%;
    background-repeat: no-repeat;
    height: 930px;
    object-fit: cover;
    background-size: cover;
    background-position: 0 60%;
    background-color: #000;position: relative;}

.hero-image {    background: url("../siteart/hero.webp");
    width: 100%;
    background-repeat: no-repeat;
    height: 930px;
    object-fit: cover;
    background-size: cover;
    background-position: 0 78%;
    background-color: #000;}

.hero-overlay {display: flex;flex-direction: column;justify-content: center;position: absolute;top: 280px;left: 7%;gap:10px;}

.top-flex {display: flex;flex-direction: column;gap: 30px;}

.hero-overlay.trailer {bottom: 30px;position: relative;justify-content: space-evenly;left: 0;flex-direction: column;align-items: center;}

.hero-overlay.trailer a.white-button {max-width: 100%;}

.trailer-imaage {margin-top: 1%;width: 100%;max-width: 80%;}
.trailer-imaage img {width:100%;}

.hero-overlay.trailer h2{font-size: clamp(2.5rem, 1.4744rem + 5.1282vw, 4rem);}

.hero-overlay.trailer .button-flex{width: 100%;margin-top: unset;}

.button-flex {display: flex;gap:15px;margin-top: 50px;}
.hero-overlay .button-flex {margin-top: 30px;}
.hero-overlay p{font-family: "Barlow Condensed", sans-serif;text-transform:uppercase;color:#fff;font-size: clamp(1.5rem, 1.0385rem + 2.3077vw, 3.75rem);font-weight:600;line-height:.6;}
.hero-overlay h1,.large-inventory-text,.hero-overlay h2 {color:#fff;font-size: clamp(2.5rem, 1.4744rem + 5.1282vw, 7.0rem);line-height:.9;}

.gradient-background.small {height: 48%;padding: 24px 0;}
/*---BODY--------------------------------*/
.logos .wrapper.flex {display: flex;padding: 55px 0 110px;justify-content: space-evenly;border-bottom: solid 2px;margin-bottom: 50px;}
.logo-cat {width: 100%;max-width: 26%;box-shadow: 0 0 15px #0002;padding: 20px;border-radius: 20px;display:flex;justify-content: center;}

.logo-cat img{width: 100%;max-width:300px;}


/*---INVENTORY STYLES --------------------*/
.inventory-categories {     display: flex;
    justify-content: center;
    gap: 33px 60px;flex-wrap: wrap;}
.inventory-categories {display: flex;}
a.white-button {width:100%;max-width:250px;}
a.white-button button{width:100%;border:none;background:#fff;border-radius:15px;padding:20px 0;font-family: "Barlow Condensed", sans-serif;text-transform:uppercase;font-size:18px;font-weight:800;color:#000;}

.inv-cat {width: 100%;
    max-width: 27%;
    box-shadow: 0 0 8px #0003;
    height: 340px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 4px;}


.inv-img {display: flex;flex-direction: column;align-items: center;}

.inventory-header {width: 100%;max-width: 83%;margin: 0 auto 70px;display: flex;align-items: center;justify-content: space-between;}

.inventory-categories {display: flex;justify-content: center;gap: 33px;}

section.floating-background {background: #ffff;box-shadow: 0 0 5px #0003; position: relative;width: 90%;margin: 0 auto;top: -90px;padding: 50px 0 110px;border-radius: 20px;margin-bottom: -10%;}

span.inv-title {font-size: clamp(1.25rem, 1.1218rem + 0.641vw, 1.875rem);text-transform: uppercase; font-weight: 600;font-family: "Barlow Condensed", sans-serif;}

.inv-cat{font-size: 20px;text-transform: uppercase; font-weight: 600;font-family: "Barlow Condensed", sans-serif;}

.inv-img img {margin-bottom:10px;}
.inv-img {line-height: 1.2;color:#000}

/*--------INTRODUCTION STYLES--------------------*/
.textured-background {background: url("../siteart/textured-background.webp");background-color: #000;background-repeat: no-repeat;background-position: center;background-size: cover;}

.two-sections {display: flex;align-items: center;justify-content: center;gap: 90px;padding: 13% 0;}

.floating-background .two-sections {padding: 10% 0 2%;}
.sec-1 h2 {font-size: clamp(1.875rem, 1.4904rem + 1.9231vw, 3.75rem);}
section.textured-background .sec-1 {width: 33%;color: #fff;}

/*--------SERVICES STYLES--------------------*/
.option-flex {display: flex;width: 90%;margin: 0 auto;justify-content: center;gap: 50px;margin-top: 40px;}

.option h3 {font-size: clamp(1.25rem, 0.9936rem + 1.2821vw, 2.5rem);}

.option {width: 100%;
	max-width: 630px;
	height: 230px;
    background: #fff;
    box-shadow: 0 0 5px #0005;
    border-radius: 20px;
    padding: 40px 0 0;}


.option .wrapper {width: 90%;margin:0 auto;text-align: center;height: 210px;}
.floating-background h2{text-align:center;font-size: clamp(1.5rem, 1.0385rem + 2.3077vw, 3.75rem);}

.option a.black-button button {border-radius: 0 0 20px 20px;}

.financing h3 {font-size: clamp(1.4375rem, 1.0913rem + 1.7308vw, 3.125rem);}

.financing a.black-button button {margin-top: 20px;}

.financing .sec-1 {width:100%;max-width: 550px;}
.financing .sec-1 img {width:100%;}
.financing .sec-2 {width: 700px;}

.financing .two-sections {width: 90%;margin:0 auto;}


/*--------EMAIL SIGNUP STYLES--------------------*/
section.email-signup {background: url("../siteart/signup-background.png");background-repeat: no-repeat;background-size: cover;}
section.email-signup.small {background: url("../siteart/signup-background.png");background-repeat: no-repeat;background-size: cover;height: 380px;}

.email-overlay {width: 100%;background: #0009;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;flex-direction: column;}

.email-overlay h2 {font-size: clamp(1.5625rem, 1.3178rem + 1.2234vw, 3rem);}
.email-overlay p {font-size: clamp(1.0625rem, 1.0306rem + 0.1596vw, 1.25rem);font-weight:800;}

.search-section {padding-top: 20px;}
.email-overlay .wrapper {width: 70%;line-height: 1.2;padding: 170px 0;}
.email-overlay .wrapper h2 {margin-bottom:20px;}

.email-iframe-holder {width: 100%;
    justify-content: center;line-height: 0;}
.email-iframe-holder iframe {min-width: 100%;
    min-height: 160px;}
.emailiframepage {width: 100%;}

/*--------FORM STYLES--------------------*/

form.white-form .CaptchaMessagePanel {color:#000 !important;}
.formfield h3 {padding: 10px 0 5px;}
.dropbtn {
      color: #fff;
	background:unset;
    font-size: 18px !important;
    letter-spacing: 1px;
    text-decoration: none;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    font-weight: 600;
    font-family: "Roboto Condensed", sans-serif;
	border:none;
	padding: unset;
}

iframe#sign-up {width: 100%;line-height: 0 !important;min-height: 160px;}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: unset;
}

/* The search field */
#myInput {
  box-sizing: border-box;
  background-image: url('searchicon.png');
  padding: 45px 70px;
  background-repeat: no-repeat;
  font-size: 16px;
  border: none;
}

/* The search field when it gets focus/clicked on */
#myInput:focus {outline: 3px solid #ddd;}
#myInput i {color:#000;font-size:20px;}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color:#000;
    width: 100%;
    left: 0;
    top: 162px;
	z-index: 10;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}


input#keyword {padding: 10px 10px;width: 100%;margin: 0 auto;display: flex;}
.form-feild {display:flex;}

#myInput button#Submit {    position: absolute;
   top: 37px;
    right: 68px;
    background: unset;
    border: unset;
	width:unset;}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
button#Submit {transition:.3s;}

#myDropdown a {
  opacity: 1;
  transition: opacity 0.3s ease;
}

#myDropdown a.hidden {
  opacity: 0;
  pointer-events: none;
}

section.email-signup input#Email,section.email-signup  input#Primary_Name {box-sizing: border-box;width: 37%;border-radius: 10px;padding: 20px 10px;font-weight: 700;color: #000;background:#D9D9D9;font-family: "Roboto", sans-serif;}

button#Submit {width: 22%;padding: 16px;border-radius: 10px;border: unset;font-weight: 700;background:#ACACAC;font-family: "Barlow Condensed";font-size:19px;}

section.form {width: 100%;background:unset;}

input,select,textarea {box-sizing:border-box;width:100%;padding:20px 10px;border-radius: 10px !important;font-family: "Roboto", sans-serif;}

input.red-button-2.form {color:#000 !important;}


form {width:100%;}
.form {color: #fff !important;display: flex;width: 100%;flex-direction: column;gap: 20px;}
.formfield {display:flex;width:100%;gap:20px;}
.formfield > div {width:100%;}

select#country_select {margin: 20px auto;}

.email-overlay .collapsible {width: 14%;}

.collapsible {
      width: 22%;
    padding: 16px;
    border-radius: 10px;
    border: unset;
    font-weight: 700;
    background: #ACACAC;
    font-family: "Barlow Condensed";
    font-size: 19px;
	color:#000;
	transition:.3s;
}

.active, .collapsible:hover,button#Submit:hover {
  background: #fff;
}

.collapsible.black.active,.collapsible.black:hover,button#Submit.black:hover {background-color:#000 !important;color:#fff;}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: unset;
}

/*-------- ABOUT US STYLES ----------------*/
.subpage.hero-image {height: 500px;}
.about-header {width: 80%;margin: 0 auto;text-align: left;}
.about-header h2 {text-align:left;}

section.floating-background.about {padding: 30px 0 50px;}
.two-sections.about {display: flex;align-items: center;justify-content: center;gap: 90px;padding: 3% 0 0%;}

.textured-background.about {padding: 80px 0 7%; box-sizing:border-box;}
.textured-background.about .about.sec-1{width: 33%;color: #000;background: #fff;padding: 50px 40px;border-radius: 20px;font-size: 18px;}

.about-sec {box-sizing:border-box;}
.about.sec-1 h2{font-size: clamp(1.1875rem, 0.9824rem + 1.0256vw, 2.1875rem);}

.about {color:#fff;}
.about h2 {font-size: clamp(1.875rem, 1.4904rem + 1.9231vw, 3.75rem);}
.two-sections.about {width: 100%;margin:0 auto;}
.about.sec-1.long {width: 74% !important;margin: 60px auto 0;text-align: center;}

/*-------- Consign STYLES ----------------*/

section.consign-form h2 {font-size: clamp(1.5625rem, 1.242rem + 1.6026vw, 3.125rem);}
section.consign-form {padding: 60px 0 8%;}
.consign-form .wrapper {width: 90% !important;margin: 0 auto;}
.about.sec-1 ul li {margin-bottom:10px;}
.about.sec-1 a {color:#000;}
.textured-background.about .about.sec-1.consign {box-sizing: border-box;width: 43%;height: 290px;height: 360px;}
.about.sec-1.consign .wrapper {width: 90%;margin: 0 auto;}

.form-flex {display:flex;flex-direction: column;}
.formfield h3 {color:#000;font-size: clamp(1.1875rem, 0.9641rem + 1.117vw, 2.5rem);}


/*-------- CONTACT STYLES ----------------*/
section.contact-form h2 {font-size: clamp(1.5625rem, 1.242rem + 1.6026vw, 3.125rem);}
section.contact-form {padding: 60px 0 8%;}
.contact-form .wrapper {width: 90% !important;margin: 0 auto;}
.about.sec-1 ul li {margin-bottom:10px;}
.about.sec-1 a {color:#000;}
.about.sec-1.contact {height: 160px;}
.about.sec-1.contact .wrapper {width: 90%;margin: 0 auto;}

/*-------- IMPORT/EXPORT STYLES ----------------*/

.textured-background.about .import-export.sec-1 {width: calc(100% - 410px);color: #000;background: #fff;padding: 50px 40px;border-radius: 20px; box-sizing:border-box;}

.import-export.sec-1  h2{font-size: clamp(1.5625rem, 1.4343rem + 0.641vw, 2.1875rem);margin-bottom:20px;}
.cat-flex {display:flex;gap:5px;align-items: center;margin-bottom:30px;line-height: 1.1;padding-bottom: 80px;}
.cat-flex .large-text {font-size: clamp(1.25rem, 0.9936rem + 1.2821vw, 2.5rem);font-weight: 600;line-height: 1.2;}
.import-export-cat.flex .cat-flex {padding-bottom: unset;}

span.large-text.border {border-right: 3px solid  #000;line-height: 1.5;padding-right: 9px;}

.import-export-cat.flex p {margin-bottom:10px;}
.import-export-cat.flex a.black-button.term button{max-width: 100% !important;margin-bottom:unset !important;}

/*-------- SOURCE YOUR VEHICLE STYLES ----------------*/

.vehicle.flex {flex-direction: row;display: flex;}
.two-sections.vehicle {display: flex;align-items: center;justify-content: center;gap: 90px;padding: unset;background: #fff;color:#000 !important;}

ul.number li {margin-bottom: 21px;list-style: decimal;line-height: 1.4;}

ul.number {width: 73%;margin: 0 auto;}

.vehicle.flex .cat-flex {flex-direction: column !important;width: 56%;margin-bottom:unset !important;}

.two-sections.vehicle .sec-1 {color:#000 !important;width: 100%;}
.vehicle-header {width: 80%;margin: 0 auto;text-align: left;padding: 9% 0 20px;}
.vehicle-bottom {width: 80%;margin: 0 auto;text-align: left;}

section.form {width: 80%;margin: 0 auto;}

.cat-flex.textured-background {padding: 80px 0;}

.form {color:#fff !important;}
.cat-flex.textured-background {justify-content: center;width: 50% !important;}

.vehicle-header h2 {font-size: clamp(1.5625rem, 1.3061rem + 1.2821vw, 2.8125rem) !important;margin-bottom: 14px !important;}


.collapsible.source {
    width: 90%;
    max-width: 80%;
    padding: 16px 0 7px;
    font-weight: 700;
    background: unset;
	border-bottom: 2px solid #000;
    font-family: "Barlow Condensed";
    font-size: 19px;
	border-radius: unset;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/*

button.collapsible.source:active  i,button.collapsible.source:focus i   {transform:rotate(-180deg);}


button.collapsible.source i {transform:rotate(0deg);transition:.3s;}
*/

 .content.source {
padding: 10px 0 18px;max-width: 80%;
width: 90%;line-height: 1.5;
}

.vehicle-bottom.source {margin-top:30px;}

.toggle-button i{
	transform:rotate(0deg);transition:.3s;
}

/* The "Active" state toggled by JS */
.toggle-button.active i{
transform:rotate(-180deg);
}

.message.formfield.source {flex-direction: column;}

form.dark-form .CaptchaWhatsThisPanel  a {color:#fff !important;}
/*-------- TERMS AND CONDITIONS STYLES ----------------*/

.terms-conditions .vehicle-header {    width: 80%;
    margin: 0 auto;
    text-align: left;
    padding: 3% 0 !important;}

.term-cat h2 {font-size: clamp(1.1875rem, 1.1234rem + 0.3205vw, 1.5rem) !important;margin-bottom: unset !important;}
.term-cat h3 {font-size: clamp(1.0625rem, 1.0112rem + 0.2564vw, 1.3125rem);margin: 11px 0 0;}
.term-cat p {line-height:1.5;}
.term-cat {margin-top: 10px;}
ul.term-list {margin: 5px 0 15px;}
ul.term-list li {list-style:initial;margin-left:30px;margin-bottom:10px;}
ul.term-list li a {color:#000;}

.term-list a:hover {text-decoration: underline;transition: .3s;color: #000;}

 a.black-button.term button {margin: 10px 0 30px;max-width: 500px !important;}

.privacy-padding {margin-top: 10px;}

/*-------- FOOTER STYLES ----------------*/
footer{background: #000;}
.footer {    display: flex;
    align-items: center;
    padding: 4% 0;
    color: #fff;
    justify-content: space-evenly;
    width: 90%;
    margin: 0 auto;}

.scrolling-wrap {line-height: unset !important;height: 90px;}

.footer-flex {display: flex;border-left: solid 6px;padding: 80px 0 80px 9%;gap: 60px;}

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

.footer-logo {width: 28%;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}

span.footer-large {font-family: "Barlow Condensed";text-transform:uppercase;font-size:30px;font-weight:700;}

.footer a {color:#fff;}
.footer-cat .wrapper .flex {display:flex;flex-direction:column;}

.footer-cat ul li {margin-bottom:5px;}

.footer-cat .wrapper .flex {gap: 10px;}

/*----Thank You----*/
section.textured-background.thankyou .two-sections {padding: 7% 0;}
section.textured-background.thankyou .two-sections .sec-1{width: 90%;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input,.show-all-modal .all-options-container .option-container .faceted-option-checkbox-container label input {box-sizing: unset !important;padding: unset !important;width: unset !important;}

.list-content .linking-container .column3 ul li a{color:#000 !important;}
.ground-bcrumbs,.detail-wrapper {padding-top: 40px !important;}

.faceted-search-content .selected-facets-container .selected-facet, a.view-listing-details-link.des-view-listingDetails.template-branded-button{background:#000 !important;}


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


@media only screen and (max-width: 1688px) {
	input#keyword {width: 100%;}
}

@media only screen and (max-width: 1500px) {
	.cat-flex{gap: 12px;}
	.inventory-header {max-width: 90%;}
	a.black-button {max-width: 320px;}
	.footer-logo {padding-right: 4%;}
	.hero-image {height: 810px;}
	.gradient-background {height: 810px;padding:unset;}
	.sec-2 img {width:100%;max-width:500px;}
	.textured-background.about .about.sec-1.consign {height: 350px;}
}



@media only screen and (max-width: 1300px) {
	.subpage.hero-image {height: 430px;}
	.gradient-background.small {height: 45%;padding: unset;}
	.subpage.hero-image .hero-overlay {top: 240px;}
	.textured-background.about .about.sec-1.consign {width: 90%;height: auto;}
	.two-sections.about {flex-direction:column;gap:20px;}
}


@media only screen and (max-width: 1138px) {
	.option-flex {flex-direction: column;align-items: center;gap: 80px;}
	.option {max-width: 90%;}
	.financing .two-sections {flex-direction: column-reverse;gap: 50px;}
	.financing .sec-2 {width: 90%;margin-top: 40px;}
	
}

@media only screen and (max-width: 1200px) {
	.footer {flex-direction: column-reverse;}
	.footer-flex {border-left:unset;border-bottom:solid 6px;width: 90%;padding: 5% 0;justify-content: space-evenly;}
	.footer-logo {width: 90%;padding-top: 30px;}
	.textured-background.about .about.sec-1 {width: 80%;}
	.about.sec-1.contact {height: unset;}
}




@media only screen and (max-width: 1100px) {
	.cat-flex{gap: 12px;}
	.vehicle.flex .cat-flex {width: 90%;margin:0 auto;}
	.vehicle.flex .cat-flex {width: 100%;margin:unset;}
	.cat-flex.textured-background {width:100% !important;}
	.cat-flex.textured-background section.form {padding: 60px 0;}
	.inv-cat {max-width: 43%;}
	section.email-signup input#Email{width: 67%;}
	.email-overlay .wrapper {width: 90%;}
}



@media only screen and (max-width: 1020px) {
	section.textured-background .sec-1 {width: 90%;}
	.two-sections {flex-direction: column;gap: 80px;}
	
	.textured-background.about .about.sec-1 {width: 80%;}
	.two-sections.about {gap: 28px;width: 90%;}
	
	.sec-2 img {display:none;}
}



@media only screen and (max-width: 1000px) {
	.inventory-header {flex-direction: column;gap: 10px;}
	a.black-button {max-width: 90%;} 
	.cat-flex{gap: 12px;}
	.textured-background.about .import-export.sec-1 {width: calc(100% - 160px);}
	.vehicle.flex {flex-direction: column;}
	.vehicle-header {width: 90%;}
	.textured-background.about .about.sec-1 {width: unset;}
	.two-sections.about {gap: 28px;width: 90%;}
	.about-header {width: 90%;padding-bottom: 30px;}
	.about.sec-1.contact {height: unset;}
	.textured-background.about .about.sec-1 {width: 90%;}
	.about.sec-1.contact .wrapper {width:100%;}
	.hero-overlay.trailer {width: 90%;margin: 0 auto;flex-direction: column;margin-top: 20px;}
	.hero-overlay.trailer .button-flex {width: 100%;}
}


@media only screen and (max-width: 830px) {
	.button-flex {flex-direction: column;}
	a.white-button {max-width: 90%;}
}

@media only screen and (max-width: 700px) {
	.inventory-header {flex-direction: column;gap: 10px;}
	a.black-button {max-width: 90%;} 
	.cat-flex{gap: 12px;}
	.textured-background.about .import-export.sec-1 {width: calc(100% - 160px);}
	.email-overlay .wrapper {width: 90%;}
	form#sign-up-form {display: flex;flex-direction: column;gap: 20px;}
	section.email-signup input#Email, section.email-signup input#Primary_Name {width: 100%;}
	.footer-flex {flex-direction: column;gap: 30px;}
	.collapsible {width: 100%;}
	.sec-2 img {width:100%;}
	.sec-2 {margin-bottom: 50px;width: 90%;}
	.two-sections {padding:13% 0 23%;}
	.floating-background h2 {margin: 0 auto;font-size: clamp(1.125rem, 1.0353rem + 0.4487vw, 1.5625rem);}
	.financing .sec-2 {margin-top: 70px;}
	.inventory-categories {flex-direction: column;align-items: center;}
	.inv-cat {max-width: 90%;}
	span.inv-title {font-size: clamp(1.4375rem, 1.3093rem + 0.641vw, 2.0625rem);}
	.subpage.hero-image {height: 360px;}
	.gradient-background.small {height: 38%;padding: unset;}
	.formfield {flex-direction: column;}
	.two-sections.about {width: 90%;}
	.subpage.hero-image .hero-overlay {top: 190px;}
	.cat-flex.textured-background {padding: 10px 0;}
	.textured-background.about .about.sec-1 {width: unset !important;}
	.textured-background.about .import-export.sec-1,.textured-background.about .about.sec-1 {width: 90% !important;padding: 50px 20px;}
	.email-overlay .collapsible {width: 100%;}
	.option .wrapper,.option {height: auto;}
	.option .wrapper {padding-bottom: 20px;}
	.financing .two-sections {gap:10px;}
	.logos .wrapper.flex {flex-direction: column;gap: 30px;align-items: center;}
	.logo-cat {max-width: 80%;}
}

@media only screen and (max-width: 800px) {
	.hero-image {height: 740px;}
	.hero-overlay {top: 190px;}
	#myInput {padding: 45px 30px;}
	#myInput button#Submit {right: 28px;}
	.gradient-background {height: 680px;}
	.main-hero-image {background-position: 46%60%;}
	.trailer-imaage {max-width: 100%;margin-top: 21%;}
}

@media only screen and (max-width: 500px) {
	.button-flex {flex-direction: column;}
	.collapsible.source,.content.source {max-width:90%;margin:0 auto;}
	a.white-button {max-width: 90%;}
	.hero-overlay {left: 3%;}
	.cat-flex {flex-direction: column;border-bottom: solid;padding-bottom: 30px !important;align-items:start;}
	span.large-text.border {border-right: unset;border-bottom: 3px solid  #000;padding-right:unset;}
	.about.sec-1 a {font-size:16px;}
	.dropbtn {font-size: 22px !important;}
	.slick-slider {overflow:hidden !important;}
	.hero-overlay.trailer h2 {font-size: 35px;}
}


@media only screen and (max-width: 1300px) {
	.dropdown-content {top: 112px;}
}