/***** BEGIN RESET *****/

@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");
@import url('https://fonts.googleapis.com/css2?family=AR+One+Sans:wght@400..700&family=Anek+Kannada:wght@100..800&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;	
}

ol, ul {
	list-style: none;
}

a,button {cursor:pointer;}

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 {
 font-family: "AR One Sans", sans-serif;
font-style:normal;
line-height:1.5;
box-sizing: border-box;
}

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


hr{border:#000 1px solid;}

.flex {display:flex;}

h1,h2,h3,h4,h5,h6,.inventory-list {font-family: "Anek Kannada", sans-serif;text-transform:uppercase;}


.page-break.flex {display: flex;align-items: center;gap: 40px;justify-content: center;margin: 0 auto;padding:3% 0 20px;width: 90%;}
.line {width: 50vw;}
.line hr {border: none;height: 7px;background-color: #FE7B04 !important;}
.parts-page.line hr {border: none;height: 7px;background-color: #FDD409 !important;}

.page-break.flex.parts-page {padding:30px 0;width:100%;}

a.orange-button,a.orange-button.inventory {width:100%;}
a.orange-button.inventory button{padding:20px 20px;}
a.orange-button button {background:#FE7B04;border:none;border-radius:10px;    width: 100%;padding: 20px 0;font-size: 16px;text-transform: uppercase;font-weight: 600;color:#000;transition:.3s;}

a.orange-button button:hover {background:#ffa655;}

a.white-button button {background: #000;color: #fff;border: none;border-radius: 10px;width: 100%;padding: 20px 0;font-size: 16px;text-transform: uppercase;font-weight: 600;transition:.3s;}

a.white-button button:hover {background:#fff;color:#000;}

a.yellow-button.small button {width: 100%;padding: 20px;font-size: 16px;}

a.yellow-button button {background:#FDD409;border:unset;border-radius:10px;    width: 100%;padding: 20px 0;font-size: 16px;text-transform: uppercase;font-weight: 800;margin-top:30px;color:#000;transition:.3s;}
a.yellow-button button:hover {background:#fff;}


.tab-sec a.yellow-button button:hover {color:#fff;background:#000;}
/*--- HEADER STYLES ---------------------*/
header {}
.hero-slider {position: relative;z-index: -1;}
.swiper-slide img {width: 100%;}

.slider-overlay {position: absolute;background: #0008;top: 0;width: 100%;height: 100%;z-index: 2;border-radius: 0 0  63px 69px;display: flex;flex-direction: column;justify-content: center;color: #fff;line-height: 1.3;font-size: clamp(1.25rem, 0.8446rem + 2.027vw, 3.125rem);pointer-events: all;}


.slider-overlay a {color:#FE7B04;font-size:27px;transition:.3s;}
.slider-overlay a:hover {font-size: 31px;}
.subpage-overlay .slider-socials a{transition:.3s;}
.subpage-overlay .slider-socials a:hover{font-size:31px;}


.slider-content h1 {line-height:.9;margin-top:10px;font-size: clamp(2.375rem, 1.7534rem + 3.1081vw, 5.25rem);}
.slider-content p {font-size: clamp(1.125rem, 0.8953rem + 1.1486vw, 2.1875rem);font-family: "Anek Kannada", sans-serif;text-transform:uppercase;}

.slider-content,.slider-socials {margin-left: 4%;position: relative;z-index: 1;}

.button-flex {display: flex;gap: 30px;margin-top: 40px;}
.brand-cat img {width: 100%;max-width: 170px;padding: 20px 10px;}

.hero-relative {position: relative;}

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

.swiper {border-radius: 0 0 80px 80px;}
.inventory-image img{width:100%;}

.hero-buttons {display: flex;width: 100%;max-width: 760px;gap: 10px;margin-top: 30px;}

/*--------INTRODUCTION STYLES--------------------*/
section.introduction .flex.wrap {flex-direction:column;justify-content: center;}
section.introduction .two-sections .flex .sec-1 {width: 40%;}

.two-sections .flex{justify-content: space-around;align-items: center;width: 100%;margin: 0 auto;}

section.introduction .sec-1 p {margin-bottom:20px;}

.introduction h2 {font-size: clamp(1.25rem, 0.8446rem + 2.027vw, 3.125rem);margin-bottom:10px;}
.sec-header p {margin-bottom:5px !important;}


/*--------INVENTORY STYLES--------------------*/
.inv-text {padding-left: 30px;line-height: 1.2;text-transform: uppercase;font-weight: 700;}

.inventory-cat {object-fit: cover;height: 100%;line-height: 0;transition:.3s;}
.inventory-image {width: 100%;}
.inventory-cat:hover {transform: scale(1.1);}

.inventory-image img {height: 351px;object-fit: cover;border-radius: 20px 20px 0 0;}


.inventory-cat-section .flex.wrapper {justify-content: center;gap: 40px;}
section.inventory-cat-section {position: relative;top: -130px;z-index: 2;}

.inv-cat-title.green .inv-arrow {padding: 36px 7%;border-radius: 0 0 20px 0;background: #026102;}
.inv-cat-title.green {display: flex;justify-content: space-between;align-items: center;background: #028002;color: #fff;border-radius:0 0 20px 20px;transition:.3s;}

.inv-cat-title.blue .inv-arrow {padding: 36px 7%;border-radius: 0 0 20px 0;background: #0462a1;}
.inv-cat-title.blue {display: flex;justify-content: space-between;align-items: center;background: #0b81d1;color: #fff;border-radius:0 0 20px 20px;}

span.large-title {font-size: clamp(1.1875rem, 1.0394rem + 0.7407vw, 1.6875rem);text-transform: uppercase;font-weight: 800;}

.inventory-cat-section a {width: 100%;max-width: 20%;box-shadow: 0 0 21px #0008;border-radius: 20px;}

.inv-arrow i {font-size:20px;}

.subpage-overlay.inventory .slider-socials {margin-top: 12%;}

/*--------BRANDS STYLES--------------------*/
.brands .flex {display:flex;flex-wrap:wrap;gap: 13px;}
.brands {width: 100%;max-width: 90%;margin: 0 auto;padding-top: 60px;}

.brand-cat {box-shadow: 0 0 5px #0004;border-radius: 20px;width: 100%;max-width: 24%;display: flex;justify-content: center;}

.brand-cat img {width: 100%;max-width: 210px;}


/*--------SERVICE HOMEPAGE STYLES--------------------*/

.service-heading {text-align: center;padding-bottom: 50px;width: 90%;margin: 0 auto;}
.service-heading h2 {font-size: clamp(1.875rem, 1.5559rem + 1.5957vw, 3.75rem);}
.service-options {display:flex;width:90%;justify-content: center;margin: 0 auto;gap: 4%;}

.service-department {background: url("/siteart/service-department.webp?v=1");width: 100%;background-repeat: no-repeat;height: 760px;position:relative;max-width: 750px;background-position: -320px  0 !important;border-radius: 20px;}

.part-department {background:url("/siteart/parts-department.webp?v=1");width: 100%;background-repeat: no-repeat;height: 760px;position:relative;max-width: 750px;border-radius: 20px;}

.service-department .wrapper.flex,.part-department .wrapper.flex {flex-direction: column;margin: 0 auto;background: #0009;color: #fff;width: 100%;height: 100%;border-radius: 20px;}

.service {padding: 10px 0 100px;}
.heading.wrapper {position: absolute;bottom: 50px;width: 72%;left: 50px;}
.service-department h2,.part-department h2 {font-size: clamp(1.875rem, 1.6622rem + 1.0638vw, 3.125rem);line-height:1;}
.service-department p,.part-department p {font-weight:600;}


/*--------MAP STYLES--------------------*/

.map-content a.orange-button button {max-width: 400px;margin-top: 40px;}

.top-content p {margin-bottom:10px;}
.top-content i,.bottom-content i  {color:#FE7B04}
.bottom-content a {color:#000;font-weight:700;}

.map-content h2 {font-weight:600;font-size: clamp(1.875rem, 1.6622rem + 1.0638vw, 3.125rem);}

/*--------GET IN TOUCH STYLES--------------------*/
.map-content {width: 100%;max-width: 80%;box-shadow: 0 0 10px #0005;padding: 70px 90px;border-radius: unset;}


.map {position: absolute;right: 204px;}
.bottom-content {display: flex;flex-direction: column;}
.get-in-touch .wrapper.flex {justify-content: center;align-items: center;margin-bottom: 90px;}
.bottom-content {display: flex;flex-direction: column;gap: 10px;margin-top: 30px;}


/*--------CONTACT STYLES--------------------*/
.sub-page.hero img {width: 100%;height: 530px;object-fit: cover;object-position: 0 -150px;}

.form {border-radius: 30px;padding: 6px 0;}

.sub-page.hero {position:relative;line-height: 0;background: #000;}
.subpage-overlay {position: absolute;background: #0008;width: 100%;height: 100%;top: 0;display: flex;align-items: center;color: #ffff;font-size: 50px;justify-content: center;}

.subpage-overlay {justify-content: center;flex-direction: column;}
.subpage-overlay .slider-socials,.subpage-overlay h2 {margin-left:unset;margin-top: 8%;}

.subpage-overlay h1  {margin-top: 1% !important;line-height: 1;font-size: clamp(1.875rem, 1.3963rem + 2.3936vw, 4.6875rem);}

.subpage-overlay .slider-socials a{color: #FE7B04;font-size: 27px;}

.subpage-overlay h1,.inventory-list {margin-top: 9%;}

.two-sections.contact .sec-2 {width: 60%;}

.sec-header.contact h2 {font-size: clamp(1.25rem, 1.0479rem + 1.0106vw, 2.4375rem);margin:0 auto;}

.two-sections.contact {padding: 0 0 20px;}

.two-sections.contact  .flex{justify-content: start;align-items: center;gap: 80px;margin: 20px 0 !important;width: 100%;}

.form.flex {margin:unset;padding: 0;}

.two-sections.contact form {width:100%;}

.contact.flex {margin-top: 20px;}

.hours {margin-top:30px;}

.form.flex {display: flex;width: 100%;align-items: center;justify-content: center;gap: 30px;}
.message.formfield {display: flex;flex-direction: column;}

.two-sections.flex .contact {width: 100%;justify-content: space-between;}

section.introduction .two-sections.contact .flex .sec-1 {width: 47%;padding: 67px;box-shadow: 0 0 5px #0004;border-radius: 30px;height: auto;}

.form {padding: 32px 0 49px;background:#FE7B04;}


.formfield div label,.formfield label p{padding-bottom: 5px;}


.form-button {width: 100%;padding: 18px;background: #fff;border: unset;border-radius: 10px;}

.two-sections.contact {padding: unset;width: 90%;margin: 0 auto;}

.sec-header.contact p{margin-bottom: 14px !important;}

.two-sections.contact .form .flex {margin:unset;gap: 13px;justify-content: center;}

.contact.flex a {color:#000;}

.contact-map {text-align: center;padding-bottom: 50px;}

.form.contact .form.flex {background:unset;} 

/*--------SERVICE REQUESTSTYLES--------------------*/

.form.flex {background: #fff;}
.service.form {padding: 32px 0 49px;background: #fff;width: 100%;border-radius: unset;box-sizing: border-box;}
.service.form form {width: 100%;}
.form-header {width: 90%;margin: 0 auto;padding: 30px 0;}
.form-header h2 {font-size: clamp(1.25rem, 1.0372rem + 1.0638vw, 2.5rem);}
.service.form .formfield input, .service.form .formfield select, .service.form textarea#Message,.service.form  textarea {border:3px solid;}
/*--------PRODUCT STYLES--------------------*/

section.product .flex.wrap {flex-direction:column;justify-content: center;width: 90%;margin: 0 auto;}
section.product .two-sections .flex .sec-1 {width: 50%;}
section.product {padding: 70px 0;}

section.product .sec-1 p {margin-bottom:20px;}

.product h2 {font-size: clamp(1.875rem, 1.6622rem + 1.0638vw, 3.125rem);margin-bottom:unset;line-height: 1;}
.sec-header p {margin-bottom:5px !important;}

section.product {padding:70px 0;}
section.product .sec-2 i{font-size: 180px;}

/*--------FINANCING STYLES--------------------*/
.finance-button .yellow-button.small button {width: 100%;margin-top: 0px;max-width: 24%!important;background:#FDD409;box-shadow: 0 0 23px #0005;}

.finance a.orange-button button {margin-top: 20px;}

section.finance .sec-2.finance img{    border-radius: 20px;
    height: 100px !important;
    width: 100%;
    max-width: unset !important;
    object-fit: cover;}

.sec-1.border {border-right: solid #FE7B04 3px;padding-right: 3%;}

section.finance .flex.wrap {flex-direction:column;justify-content: center;width: 90%;margin: 0 auto;}

section.finance .two-sections .flex .sec-1 {width: 50%;}

section.finance {padding: 70px 0;}

section.finance .sec-1 p {margin-bottom:20px;}

.finance h2 {font-size: clamp(1.875rem, 1.6622rem + 1.0638vw, 3.125rem);margin-bottom:unset;}
.sec-header p {margin-bottom:5px !important;}

section.finance {padding:70px 0;}
section.finance .sec-2 i{font-size: 180px;}


/*--------SERVICES & PARTS STYLES--------------------*/

.service-parts.sec-header div p {margin-bottom: 15px !important;}
.service-parts.sec-header {display: flex;align-items: center;gap: 20px;flex-direction: column;}
.service-parts.sec-header i {font-size: 110px;}

section.introduction .two-sections.service-parts .flex .sec-1 {box-shadow:unset;width: 90%;}

.two-sections.service-parts {padding: 55px 0;margin-bottom: 50px;background: #FDD409;}

.two-sections.service-parts .flex .sec-1 {width: 80%;margin-top: 19px;}

.two-sections.service-parts .flex {flex-direction: column;}
.service-parts.sec-header {text-align: left;width: 90%;align-items:unset;}

.service-parts.sec-header h2 {font-size: clamp(2.375rem, 2.2473rem + 0.6383vw, 3.125rem);margin-bottom: 0 !important;line-height: 1;}

.tab-slider--nav{
	width: 100%;
	float: left;
}
.tab-slider--tabs{
	display: flex;
	gap:30px;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    overflow: hidden;
    background: #fff;
    user-select: none;
	}

	.tab-slider--tabs:after{
		content: "";
		width: 50%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		transition: all 250ms ease-in-out;
	}

	.tab-slider--tabs:after{
		left: 50%;
	}

.tab-slider--trigger {
	font-size: 16px;
	width:90%;
	padding:20px 0;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	z-index: 2;
	cursor: pointer;
	display: inline-block;
	transition: color 250ms ease-in-out;
	user-select: none; 
	
}
	.tab-slider--tabs.active {
		color: #fff;
	}

section.departments {width: 90%;margin: 0 auto;padding-bottom: 130px;padding-padding-top: 0;}

li.tab-slider--trigger.yellow-button {background: #FDD409;border: unset;border-radius: 10px;width: 100%;padding: 20px 0;font-size: 16px;text-transform: uppercase;font-weight: 800 !important;margin-bottom: 30px;}


div#tab1,div.tab2 {width: 100%;display: flex;align-items: center;gap: 70px;gap: 9%;padding: 56px 0 50px;}

.tab-sec {width: 50%;height: auto;}
.tab-sec img {width: 100%;max-width: 100%;display: flex;justify-content: center;object-fit: cover;height: 566px;}

.tab-service {margin-bottom: 30px;width: 90%;}
.tab-service h2 {font-size: clamp(1.5625rem, 1.3497rem + 1.0638vw, 2.8125rem);margin-bottom:unset;line-height:1;}

.tab.flex {display: flex;justify-content: start;gap: 90px;margin-top: 10px;}
.tab.flex ul li {list-style:initial;margin-left:30px;}


.two-sections.contact {padding: 40px 0;}

/*--------ABOUT STYLES--------------------*/
.sec-header {line-height: 1.1;}

section.about .flex.wrap {flex-direction:column;justify-content: center;width: 90%;margin: 0 auto;}
section.about .two-sections .flex .sec-1 {width: 50%;}
section.about {padding: 70px 0;}

section.about .sec-1 p {margin-bottom:20px;}

.about h2 {font-size: clamp(1.875rem, 1.6622rem + 1.0638vw, 3.125rem);margin-bottom:unset;}
.sec-header p {margin-bottom:5px !important;}

section.form form {width:100%;}
section.about.top {padding: 70px 0 0;}
section.about.bottom {padding: 0 0 70px;}
.button-flex .sec-2 {width:100%;}
.button-flex .sec-2 img{width:100%;}

section.about .sec-2 img {border-radius: 20px;height: 540px;width: 100%;max-width: 600px;object-fit: cover;}

.page-break.about{padding: 21px 0 !important;}

.about.line {width: 80%;text-align: center;margin: 0 auto;}

/*--------MEET THE TEAM--------------------*/
.our-team .two-sections.flex {flex-direction: column;padding: 60px 0;width: 100%;align-items: center;gap: 20px;text-align: center;}
.our-team .flex.wrap {width: 100%;}
.team-image {width: 100%;margin-bottom:20px;}
.team-image img {width:100%;max-width:500px;}
.team-cat {width:100%;box-sizing:border-box;}

.our-team h2 {font-size: clamp(1.5625rem, 1.4029rem + 0.7979vw, 2.5rem);}
.our-team p {font-size: clamp(1.0625rem, 1.0306rem + 0.1596vw, 1.25rem);}

.team-heading .sec-header {width: 30%;}
.team-cat h3 {font-size: clamp(1.125rem, 1.0293rem + 0.4787vw, 1.6875rem);}

.team-options.flex {justify-content: center;gap: 50px;flex-wrap: wrap;}

/*--------BROCHURE STYLES--------------------*/
.our-team .two-sections.flex {flex-direction: column;padding: 10% 0;width: 100%;align-items: center;gap: 20px;text-align: center;}
.our-team .flex.wrap {width: 100%;}
.brochure {width: 100%;}
.brochure img {width:100%;max-width:500px;}
.brochure-cat {width:100%;box-sizing:border-box;}

.our-team h2 {font-size: clamp(1.5625rem, 1.4029rem + 0.7979vw, 2.5rem);}
.our-team p {font-size: clamp(1.0625rem, 1.0306rem + 0.1596vw, 1.25rem);}

.team-heading .sec-header {width: 30%;}

.brochure-cat,.team-cat {width: 100%;box-shadow: 0 0 5px #0006;padding: 30px 13px;border-radius: 10px;}

.brochure-cat h3 {font-size: clamp(1.0625rem, 0.9774rem + 0.4255vw, 1.5625rem);margin-bottom:10px;}
.brochure-image {width: 100%;padding-bottom: 30px;}
.brochure-image img {width:100%;max-width:500px;border-radius:10px;box-shadow: 0 0 5px #0005;}

/*--------FORM STYLES--------------------*/
div#formpage {width: 90%;margin: 0 auto;}
.formfield {width:100%;}
img#CaptchaImage {object-fit: contain !important;height: auto !important;width: auto !important;}

label {font-weight: 800;}

.formfield.message {margin-top: 19px;}

.form.flex {margin-bottom: 20px;}
.formfield input,.formfield select,textarea#Message,textarea{width:100%;box-sizing:border-box;border: unset;padding: 20px 10px;gap: 3%;border-radius: 10px;}

textarea{ font-family: "AR One Sans", sans-serif;}

.service.form .collapsible {background:#FE7B04;font-weight:600;color:#000;text-transform:uppercase;transition:.3s;}

.service.form .collapsible:hover,.service.form input.form-button:hover {background:#000;color:#fff;}

.service.form input.form-button {background:#FE7B04;font-weight:600;color:#000;text-transform:uppercase;transition:.3s;}

.collapsible,input.form-button {
  background-color: #fff;
  color: #000;
  cursor: pointer;
  border:unset;
  padding: 18px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 16px;
  margin-top: 40px;
  border-radius:10px;
  font-weight:600;
text-transform:uppercase;
	transition:.3s;
}

.collapsible:hover,input.form-button:hover {background:#000;color:#fff;}

.form .flex.wrapper {margin:0 auto !important;}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color:unset;
}

.CaptchaWhatsThisPanel a {color:#000 !important;}

/*-------- FOOTER STYLES ----------------*/
footer{background: #FE7B04;padding: 60px 0;}
.footer {display: flex;flex-direction: column;align-items:center;}
.footer-cat ul {display:flex;gap: 40px;}
.footer-cat a {color:#000;font-weight:900;text-transform:uppercase;
 font-family: "AR One Sans", sans-serif;}
.footer-cat p {font-weight:900;text-transform:uppercase;padding-top: 20px;
 font-family: "AR One Sans", sans-serif;}
.footer-cat.border {border-bottom:solid 3px #000;padding-bottom: 20px;}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

span.inventory-list {font-size: 50px;font-size: clamp(1.75rem, 1.4096rem + 1.7021vw, 3.75rem);font-weight: 700;}
.subpage-overlay.inventory p{margin-top: 3%;}

.list-top-section .list-bcrumbs-and-title .ground-bcrumbs {padding-top: 40px;}

.column3.left ul li a {color:#000 !important;}

section.list-top-section {padding-top: 50px !important;}

button.selected-facet.ts-button,.list-container-flexrow .view-listing-details-link,button#list-page-print-this {background:#FE7B04 !important;color:#000 !important;}
.detail-wrapper {padding-top: 40px !important;}

a.MuiTypography-root.MuiTypography-text.MuiLink-root.MuiLink-underlineHover.dixiecampersalescomhstg-1j8xuef,button.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.calc-button.dixiecampersalescomhstg-1yqg0gf {color:#000 !important;}
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1700px) {
	.map{position: absolute;right: 134px;}
}


@media only screen and (max-width: 1600px) {
	.inventory-cat-section a {max-width: 22%;}
	.footer-cat.border {width: 90%;}
	.inventory-cat-section .flex.wrapper {gap: 23px;}
	.map {right: 84px;}
	.finance-button.left button {right: 29%;}
}


@media only screen and (max-width: 1490px) {
	.map {right: 64px;}
	.map iframe {width: 640px;}
}


@media only screen and (max-width: 1422px) {
	.inventory-cat-section .flex.wrapper {gap: 1%;}
}


@media only screen and (max-width: 1400px) {
	.two-sections .flex {gap: 80px;}
	section.introduction .two-sections .flex .sec-1 {width: 60%;}
	.sec-2 img {width: 470px;}
	.swiper-slide img{height: 900px;object-fit:cover;}
	.inventory-cat-section a {max-width: 24%;}
	.inv-cat-title.green .inv-arrow {padding: 36px 5%;}
	.inventory-cat-section a {max-width: 29%;}
}


@media only screen and (max-width: 1300px) {
	.sub-page.hero img {height: 400px;}
	.subpage-overlay .slider-socials, .subpage-overlay h2 {margin-top: 15%;}
	.two-sections.service-parts .flex {flex-direction: column;gap:unset;}
	.finance-button button{max-width: 33%!important;}
	.map iframe {width: 530px;}
	.sub-page.hero img {object-position: 0 -50px;height: 540px;}
	.sub-page.hero {height: 540px;}
	.team-heading .sec-header {width: 70%;}
}


@media only screen and (max-width: 1200px) {
	.footer-cat ul {display: flex;gap: 30px;flex-wrap: wrap;justify-content: center;}
	a.yellow-button.small button {width: 100%;}
	.tab.flex {flex-direction:column;gap:0;}
	.brand-cat {max-width: 49%;}
	.brand-cat img {max-width: 240px;}
	.map iframe {width: 460px;}
	.map {right: 34px;}
}

@media only screen and (max-width: 1100px) {
	.swiper-slide img{height: 900px ;object-fit:cover;}
	.two-sections .flex {gap: 40px;flex-direction: column;}
	section.introduction .two-sections .flex .sec-1 {width: 90%;}
	.sec-2 img {width: 100%;object-fit: cover;height: 440px;}
	.sub-page.hero img {object-position: unset;}
	.two-sections .flex {flex-direction: column;}
	section.finance .two-sections .flex .sec-1 {width: 100%;border-right:unset;border-bottom:solid #FE7B04 3px}
	.finance {padding: 30px 0;}
	section.finance .sec-2.finance img {object-fit:contain;}
	.product .sec-2 i {display:none!important;}
	section.product .two-sections .flex .sec-1 {width: 100%;}
	.two-sections .flex {width: 100%;}
	.tab-sec img {display:none;}
	.tab-sec {width: 100%;}
	section.about .two-sections .flex .sec-1 {width: 100%;}
	.inventory-cat-section .flex.wrapper {flex-direction: column;align-items: center;}
	.inventory-cat-section a {max-width: 90%;}
	.inventory-image img {object-position: 0 30% !important;height: 251px;}
	.inventory-cat-section .flex.wrapper {gap: 20px;}
	.map iframe {width: 410px;}
	.map {right: 34px;}
	.two-sections.flex .team-heading.flex{flex-direction: row !important;width: 90%;}
	.team-heading .sec-header {width: 170%;}
}


@media only screen and (max-width: 1020px) {
	.finance-button.left button{right: 5%;top: 10px !important;}
	.finance-button.left button{top: 50px;right: unset;}
	.finance-button .yellow-button.small button{right: unset !important;top: 90px;max-width: 50% !important;left: 3px;}
}
	
@media only screen and (max-width: 1000px) {
	div#tab1, div.tab2 {flex-direction: column;gap: 60px;}
	a.yellow-button.small button {font-size: 16px;width: 100%;}
	.footer-cat p {width: 90%;margin: 0 auto;}
	section.inventory-cat-section {top: -50px;z-index: 2;}
	section.introduction .two-sections.contact .flex .sec-1 {width: 90%;}
	.contact.flex {flex-direction: row;}
	.service-options {flex-direction: column;gap: 50px;}
	.service-department,.part-department {max-width: 100%;}
	.subpage-overlay.inventory .slider-socials {margin-top: 18%;}
	.sub-page.hero img {height: 460px;object-position: 0 -4px;}
	.map {position:relative;right:unset;width: 100%;}
	.map iframe {width: 100%;}
	.get-in-touch .wrapper.flex {flex-direction: column;margin-bottom: unset;}
	.map-content {padding: 70px 8%;border-radius: unset;max-width: 80%;}
	.two-sections.contact .sec-2 {width: 100%;}
	section.introduction .two-sections.contact .flex .sec-1 {padding: 67px 5%;}
	.two-sections.contact .flex {flex-direction: column;align-items: start;padding-bottom: 20px;gap:10px;}
	.sub-page.hero {height: 460px;}
	
}


@media only screen and (max-width: 800px) {
	.swiper-slide img{height: 800px;object-fit:cover;}
	.subpage-overlay.inventory .slider-socials {margin-top: 200px;}
	.service.form .form.flex {flex-direction: column;}
	.service-department {background-position: -570px  0 !important;}
	.part-department {background-position: -350px  0 !important;}
	.service-department, .part-department {height: 660px;}
}


@media only screen and (max-width: 730px) {
	.brand-cat {max-width: 100%;}
}


@media only screen and (max-width: 700px) {
	ul.tab-slider--tabs {display: flex;flex-direction: column;gap: 0px;}
	li.tab-slider--trigger.yellow-button {margin-bottom: 15px;}
	div#tab1, div.tab2 {padding-top: 30px;}
	.footer-cat ul {display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;flex-direction: column;}
	.footer-cat.border {width: 90%;}
	.hero-buttons {flex-direction: column;max-width: 90%;}
	.swiper-slide img{height:700px;object-fit:cover;}
	.slider-content {margin-top: 90px;}
	.subpage-overlay h1 {margin-top:200px!important;}
	.subpage-overlay.inventory p {margin-top: 170px;}
}

@media only screen and (max-width: 600px) {
	.brochure-cat {box-shadow:unset;padding: unset;}
	.team-heading.flex {width:90%;flex-direction: row;}
	.brochure-image img {max-width: 90%;}
	.brochure-cat  a.orange-button button {width: 90%;}
	.team-heading .sec-header {width:200%;}
}

@media only screen and (max-width: 500px) {
	.button-flex {flex-direction: column;gap: 18px;}
	.heading.wrapper {position: absolute;bottom: 50px; width: 90%;left: 5%;}
	div#tab1, div.tab2 {padding: 16px 0 0px !important;gap:unset;}
}


@media only screen and (max-width: 400px) {
	.finance-button .yellow-button.small button {max-width: 67% !important;left: -60px;}
	.button-flex {margin-top: 17px;}
	.subpage-overlay.inventory p {margin-top: 230px;}
	.slider-content {margin-top: 130px;}
	
}