﻿/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/
:root {
--blue: #1673bd;
--darkblue: #12609E;
--orange: #ff9000;
--ltorange: #FFA736;
--darkgrey: #262626;
--grey: #313131;
--offwhite: #f7f7f7;
--white: #ffffff;
--black: #000000;
--header: bio-sans, sans-serif !important;
--body: "quicksand", sans-serif !important;
}

body,p {font-family: var(--body);}
p {font-family: var(--body);font-size: 16px;line-height: 1.75;}
h1,h2,h3,h4,h5,h6{font-family: var(--header);}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}

hr{border:#000 1px solid;}
hr.white-border {border: none;height: 10px;background: #fff;margin: 0;}
/*--- HEADER STYLES ---------------------*/
header {border-bottom: 1px solid #ededed;}
.nav-wrap {display: flex;position:relative;align-items: center;gap:10px;}
.flex-head {justify-content: space-between;align-items: center;padding: 10px 0;}
.logo-wrap img {max-width: 100%;width: 150px;}
.right-header {gap: 15px}
a.social-icon {background: var(--orange);height: 35px;width: 35px;display: flex;align-items: center;justify-content: center;border-radius: 3px;color: var(--black);font-size: 18px;transition: .3s all;}

.search-container {
	display: inline-block !important;
	margin: 4px 2px !important;}

.mglass {
	display: inline-block !important;
	pointer-events: none !important;
	-webkit-transform: rotate(-45deg) !important;
	-moz-transform: rotate(-45deg) !important;
	-o-transform: rotate(-45deg) !important;
	-ms-transform: rotate(-45deg) !important;
}

.searchbutton {
    background:#fff !important;
	cursor: pointer;
    height: 35px !important;
    width: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 3px !important;
    color: var(--black) !important;
    font-size: 30px !important;
    transition: .3s all !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.search-field:focus + .searchbutton {
	transition-duration: 0.4s !important;
	-moz-transition-duration: 0.4s !important;
	-webkit-transition-duration: 0.4s !important;
	-o-transition-duration: 0.4s !important;
	background: var(--orange) !important;
	color: black !important;
	height:auto !important;
	box-sizing: border-box !important;
}

.search-field {
	position: absolute !important;
	left: 49px !important; 
	background-color: white !important;
	outline: none !important;
	border: none !important;
	padding: 0 !important;
	width: 0 !important;
	height: 100% !important;
	z-index: 10 !important;
	transition-duration: 0.4s !important;
	-moz-transition-duration: 0.4s !important;
	-webkit-transition-duration: 0.4s !important;
	-o-transition-duration: 0.4s !important;
	box-sizing: border-box !important;
	line-height: 4 !important;
	font-family:var(--body) !important;
	font-size: 18px !important;height: auto !important;
}

.search-field:focus {
	width: 100% !important; /* Bar width+1px */
	padding: 0 0 0 16px !important;
}




.expandright {
	left: auto !important;
	right: 49px;bottom: 0 !important;width: 100%; /* Button width-1px */
}

.expandright:focus {
	padding: 0 0 0 16px !important;
}

/*---BODY--------------------------------*/
.white-bg {background-color:var(--white);}
.wid90 {width:90%;margin:0 auto;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.center {text-align: center;}
.page-wid{max-width: 1400px;}
.small-pg{max-width: 990px;}
.pad-xl{padding-top:90px;padding-bottom:90px;}
.pad-l{padding-top:50px;padding-bottom:50px;}
.relative {position: relative;}
.just-center{justify-content: center;}
img.img-fit {height:100% !important;width:100% !important;object-fit: cover !important;}
.shatteredbg {background-color:var(--black);background-image:url("/siteart/shattered-dark.png");color:var(--offwhite);}
.half-page {flex-basis: 50%;}
.arrow-up {background: rgba(255,255,255,0.4);height: 45px;width: 45px;display: flex;align-items: center;justify-content: center;color: var(--offwhite);text-align: center;border-radius: 3px;transition: .5s ease all;position: absolute;top: 15px;right: 15px;font-size: 18px;z-index: 99999;}
.arrow-up i {transform: rotate(45deg);transition:.3s all;}


/*---HOME PAGE--------------------------------*/
.hero {background:linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%),url("/siteart/hero.jpg");background-position: center center;background-repeat: no-repeat;background-size:cover;}
.hero h1 {text-transform: uppercase;font-size: 62px;font-weight: 200 !important; line-height:1;}
.hero h1 strong,.our-services h2 strong,.brand-section h2 strong {font-weight: 800 !important;}
.hero hr {border: none;background:var(--orange);height: 10px;width: 120px;margin: 20px auto;}
.hero p {font-size: 18px;}
.hero-txt {color:#fff;text-align: center;}
.hero-btns {gap: 20px;}
/*---SUB PAGE---*/
.grey-bg {background:#f5f5f7}
.orange-txt {color:var(--orange) !important}
.sub-pg a {color:var(--darkgrey);transition:.3s all;}
.sub-pg a:hover {color:var(--orange)}
.service-top {background-image: url("../siteart/wrench-icon.png");background-color: #f5f5f7;background-size: 550px;background-repeat: no-repeat;background-position: -100px -120px;}
.parts-top {background-image: url(../siteart/gears.png);background-color: #f5f5f7;background-size: 550px;background-repeat: no-repeat;background-position: -100px -120px;}
.sub-pg .top-flex {gap:10%;}
.sub-pg h1 {text-transform: uppercase;letter-spacing: 1px;line-height: 1.25;margin-bottom: 5px;font-size: 36px;}
.sub-pg h1 span {display: block;font-size: 14px !important;letter-spacing: 0px;font-weight: 400;font-family: var(--body);padding: 8px 15px;background: #000;margin-bottom: 10px;display: block;width: fit-content;color: #eee;border-radius: 90px;text-transform: none !important;}
.sub-pg h2 {margin-bottom:10px;}
.half-page.page-txt {display: flex;align-items: center;}
.grid-brands {grid-template-columns: repeat(4, 1fr);}
.service-brands h2 {font-size: 28px !important;}
.half-page.half-img img {height: 100%;width: 100%;object-fit: cover;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.half-page.half-img{box-shadow: 15px 15px var(--orange);}
.half-page.half-img.otherside{box-shadow: -15px 15px #262626;}
.gradientbg{background: #000000;color:var(--offwhite)}
.gradientbg a {color:var(--offwhite)}
.gradientbg h2 {text-transform: uppercase;font-size: 34px;line-height: 1;margin-bottom: 15px;}
.gradientbg h3 {font-size: 22px;font-weight: 400;}
ul.service-list {padding-block-start: 10px;}
ul.service-list li{margin-bottom:15px;display: block;line-height: 1.5;}
ul.service-list li:before {content: "\f14a";font-family: "Font Awesome 6 Free";font-weight: 900;color: var(--orange);margin-right: 10px;}
nav[aria-label="breadcrumb"] ul {font-size: 15px;display: flex;list-style: none;padding: 0;margin: 0;width: 100%;margin-bottom: 10px;}
nav[aria-label="breadcrumb"] li+li:before {content: ">";padding: 8px 10px;}
nav[aria-label="breadcrumb"] a {padding: 8px 0;border-radius: 90px;font-size: 15px;color: var(--blue);font-weight: 800;transition:.3s all;opacity: .85;text-decoration: none;box-sizing: border-box;}
nav[aria-label="breadcrumb"] a:hover {color: var(--darkblue);opacity: 1;}
nav[aria-label="breadcrumb"] li {padding: 0;}
nav[aria-label="breadcrumb"] span {padding: 8px 0;font-size: 15px;font-weight: 500;text-decoration: none;box-sizing: border-box;}
/*---home---*/
.home-section {background-image: url(../siteart/gears.png);background-color: var(--white);background-size: 550px;background-repeat: no-repeat;background-position: -100px -120px;}
.home-txt h2 {font-weight: 800;}
.home-txt h2,.our-services h2,.brand-section h2 {text-transform: uppercase;letter-spacing: 1px;line-height: 1.25;margin-bottom:15px;font-size: 34px;}
.home-section .flex-container {gap: 10%;}
.home-img {overflow: hidden;}
.home-txt {padding: 5% 0;}
.grid-services {grid-template-columns: repeat(5, 1fr);gap: 10px;}
.our-services .flex-text {gap: 10%;}
.our-services h2 {text-shadow: 2px 4px 3px rgba(0,0,0,0.3);font-weight: 200 !important;}
.our-services h2 strong {display: block;}
.brand-section h2{font-weight: 200 !important;}
.service-overlay {transition:.5s ease all;background:rgba(0,0,0,0.1);position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;display: flex;align-items: flex-end;}
.cat-txt {width: 85%;margin: 0 auto;padding: 50px 0;color: #fff;text-transform: uppercase;font-size: 20px;letter-spacing: 1px;font-weight: 800;}
.cat-txt span {display: block;font-weight: 300;font-size: 18px;}
a.service-box {min-height: 300px;}
a.service-box:hover .service-overlay{background:rgba(0,0,0,0.75);}
a.service-box:hover > .arrow-up,a.brand.all-brands:hover > .arrow-up {background: rgba(255, 255, 255, .75);}
a.service-box:hover > .arrow-up i,a.brand.all-brands:hover > .arrow-up i {filter: brightness(.25);}
.brand-section hr {border: none;background:var(--orange);height: 10px;width: 95px;margin: 20px auto;}
.flex-showrooms {flex-wrap: wrap;gap: 10px;}
a.brand {color:#333;flex-basis: 20%;flex-grow: 1;background: var(--offwhite);border: 1px solid #eee;padding:40px;box-sizing: border-box;}
a.brand img {max-width: 100%;width: 275px;}
a.brand h3 {text-transform: uppercase;font-size: 16px;font-weight: 200;letter-spacing: 1px;transition:.3s all;}
a.brand.all-brands {background: var(--blue) !important;border-color: #0f5a96 !important;color: #fff !important;text-align: left !important;width: 100% !important;display: inline-flex;align-items: flex-end;transition:.3s all;}
a.brand.all-brands h3 {font-size: 26px !important;font-weight: 900 !important;line-height: 1.25;}
a.brand.all-brands h3 span {display: block !important;font-weight: 200 !important;font-size: 16px !important;letter-spacing: 2px !important;}
a.brand.all-brands:hover {background: var(--darkblue) !important;}
.solo-mfg strong {font-size: 14px;font-weight: 800 !important;letter-spacing: 1px;}

.grid-staff {grid-template-columns: repeat(2, 1fr);}
.staff-member {box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;background:#fff;padding:30px;border-radius: 5px;}
.staff-member p {font-size: 15px;}
.staff-member img {max-width: 200px;width: 100%;border:1px solid #e8e8e8;border-radius: 5px;margin-bottom: 10px;}
.staff-member h2 {font-size: 22px;margin-bottom: 5px;}
.staff-member h3 {font-size: 18px;margin-bottom:10px;font-weight: 500;}
/*---Parts---*/
.flex-parts {gap: 30px;}
.part-option{padding: 30px;padding: 20px;border-radius: 5px;box-sizing: border-box;flex:1;color:#333;flex-grow: 1;background: var(--offwhite);border: 1px solid #eee;box-sizing: border-box;}
.part-option strong {font-size: 18px;display: block;text-transform: uppercase;letter-spacing: 1px;line-height: 1.25;}
.icon-big {display: block;font-size: 48px;color:var(--grey);margin-bottom: 5px;}

.parts-button-group{
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	gap: 12px;
}
/*---About--*/
.half-map iframe {position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;}
.half-map {height: 400px;}
a.part-option,a.part-option > i{transition:.4s all;}
a.part-option:hover {background:#333;color:var(--offwhite) !important}
a.part-option:hover > i {color:var(--offwhite) !important}
/*contact--*/
.contact-page {align-items: baseline}
ul.contact-info li {padding-bottom: 15px;font-weight: 500;}
ul.contact-info li:before{margin-right: 20px;}
li.email-link:before {content: "\f0e0";font-family: "Font Awesome 6 Free";font-weight: 400;color: var(--orange);margin-right: 5px;}
/*---brand slider---*/
.brand-slider {overflow: hidden;}
.brand-slide {margin: 10px;display: inline-block ! Important;text-align: center;transition:.4s all;}
.brand-slide img {max-width: 100%;width: 180px;}
.brand-slide:hover {opacity: .5;}
.showroom-landing .brand {box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;}
.showroom-landing .brand h3 {transition:.4s all;}
.showroom-landing .brand:hover h3 {letter-spacing: 2px;}
/*--------FORM STYLES--------------------*/
button.blue-btn,button.grey-btn,button.orange-btn {padding: 20px 30px;text-transform: uppercase;font-size: 15px;letter-spacing: 1px;line-height: 1;cursor: pointer;transition: .4s all;font-weight: 500;font-family: var(--header);font-weight: 600;}
button.blue-btn {border: 1px solid var(--blue);background: var(--blue);color: var(--offwhite);}
button.blue-btn:hover {border: 1px solid var(--darkblue);background: var(--darkblue);}
button.grey-btn {border: 1px solid var(--darkgrey);background: var(--darkgrey);color: var(--offwhite);}
button.grey-btn:hover {border: 1px solid var(--black);background: var(--black);}
button.orange-btn {border: 1px solid var(--orange);background: var(--orange);color: var(--darkgrey);transition:.3s all;}
button.orange-btn:hover {border: 1px solid var(--ltorange);background: var(--ltorange);}
/*-------- FOOTER STYLES ----------------*/
footer{background-color:var(--darkgrey);background-image: url(../siteart/gears-white.png);background-size: 25%;background-repeat: no-repeat;background-position: 107% 140%;}
.foot-flex {justify-content: space-between;gap:20px;justify-content: space-between;padding: 40px 0;}
.foot-col {flex-basis: 25%;}
.foot-col,.foot-col a,.foot-col p{color:var(--offwhite);}
span.foot-title {font-family:var(--header);text-transform: uppercase;letter-spacing: 1px;margin-bottom: 15px;display:block;opacity:.75;font-weight: 800}
.foot-col a {font-size: 15px;line-height: 1.5;margin-bottom: 10px;font-weight: 400;transition: .4s all;display: inline-block}
.foot-col a:hover {color:#BBBBBB}
li.hour-link p {line-height: 1.5;margin-bottom: 10px;}
li.hour-link,li.after-link {display: inline-flex;align-items: baseline;width: 100%;}
li.phone-link:before {content: "\f095";font-family: "Font Awesome 6 Free";font-weight: 900;color: var(--orange);margin-right: 5px;}
li.location-link:before {content: "\f3c5";font-family: "Font Awesome 6 Free";font-weight: 900;color: var(--orange);margin-right: 5px;}
li.hour-link:before {content: "\f017";font-family: "Font Awesome 6 Free";color: var(--orange);margin-right: 5px;}
li.after-link:before {content: "\f6c3";font-family: "Font Awesome 6 Free";color: var(--orange);margin-right: 5px;font-weight: 900;}
li.facebook-link:before {content: "\f082";font-family: "Font Awesome 6 Brands";font-weight: 900;color: var(--orange);margin-right: 5px;}
.contact-info li.hour-link p {margin-bottom: 0;}



/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family:var(--header) !important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i,.list-top-section .list-listings-count {color:var(--orange) !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:var(--blue) !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px var(--blue) !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: var(--darkblue) !important; border-color:var(--darkblue);}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #222 !important; border: solid 1px #222 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #333 !important; color: #fff !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important; }
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important; }
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: #333 !important; border-color: #333!important;color:#fff !important}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: var(--orange) !important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}






/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1300px) {
	.hero h1 {font-size: 48px;}
	.hero p {font-size: 16px !important;}
	.home-txt h2, .our-services h2 {font-size: 28px;line-height: 1.15;}
	.cat-txt {font-size: 18px;}
	.cat-txt span {font-size: 16px;}
	a.brand.all-brands h3 {font-size: 22px !important;}
	a.brand{padding: 30px;}
	
} 
@media only screen and (max-width : 1250px) {		
	.grid-services {display:flex !important;flex-wrap:wrap !important;}	
	a.service-box.relative {flex-basis: 25% !important;flex-grow: 1 !important;}
	a.service-box:first-of-type,a.service-box:nth-of-type(2) {flex-basis: 45% !important;}
}
@media only screen and (max-width: 1185px) {
	.right-header {display: none !important;}
	.foot-flex {flex-wrap:wrap;}
	a.brand.all-brands h3 {font-size: 20px !important;}
	.foot-col {flex-grow: 1;}
	.our-services h2 {font-size: 24px;}
	.search-container {display: none !important;}
}


@media only screen and (max-width: 990px) {
	a.brand {flex-basis: 30%;}
	.home-txt h2, .brand-section h2,.sub-pg h1,.gradientbg h2 {font-size: 28px !important;}
	.our-services h2{font-size: 22px;}
	.sub-pg h2, .service-brands h2 {font-size: 18px;}
	.grid-staff {grid-template-columns: repeat(1, 1fr);}
	
}

@media only screen and (max-width: 890px) {
	.home-img,.half-page.half-img{display: none}
	.our-services .flex-text,.sub-pg .top-flex{flex-wrap:wrap;gap:10px;}
	.home-txt,.half-page {flex-basis: 100%;}
	.home .pad-xl {padding-top:50px;padding-bottom:50px;}
	.our-services h2 {font-size: 28px;}
	.our-services h2 strong {display: inline-block;}
	.grid-services {grid-template-columns: repeat(2, 1fr);}
	a.service-box {max-height: 250px;min-height: unset !important;}
	.flex-parts {gap: 15px;}
	.part-option {padding: 15px;}
	.part-option strong {font-size: 16px;}
	.cat-txt h3 { font-size: 18px !important;}
}

@media only screen and (max-width: 767px) {
    a.brand { padding: 20px;}
	.flex-parts {flex-wrap:wrap;}
	.part-option {flex-basis: 100%;}
	.icon-big {font-size: 28px;}
	a.service-box.relative {flex-basis: 100% !important;}
	a.service-box:first-of-type,a.service-box:nth-of-type(2) {flex-basis: 100% !important;}
	.parts-button-group{
		flex-direction: column;
		gap: 12px;
	}
}

@media only screen and (max-width: 650px) {
	a.brand,.foot-col {flex-basis: 48%;}
}

@media only screen and (max-width: 470px) {
	a.brand {flex-basis: 100%;}
	.grid-services {grid-template-columns: repeat(1, 1fr);}
	a.brand.all-brands {min-height: 150px;}
	.hero h1 {
        font-size: 36px;
        box-sizing: border-box !important;
        line-height: 1.25;
    }
	.hero-btns {flex-wrap:wrap;}
	.hero-btns a {flex-grow: 1;}
	.hero-btns a button{width: 100%;}
	nav[aria-label="breadcrumb"] ul {flex-wrap:wrap !important;}
	nav[aria-label="breadcrumb"] a,nav[aria-label="breadcrumb"] span {font-size: 14px !important;line-height: 2.5;}
	nav[aria-label="breadcrumb"] a {padding: 8px 0;background: transparent;}
	nav[aria-label="breadcrumb"] li+li:before {content: ">";padding: 8px 10px;}
	.parts-brands h2 {font-size: 20px !important;}
}
