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

body {overflow-x: hidden;}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}


hr{border:#000 1px solid;}
html {font-family: 'inter-variable', sans-serif;}

/*--- HEADER STYLES ---------------------*/
header {background: #000; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; position: relative;}
#header {width: 95%; margin: 0 auto; padding: 5px 0; display: flex; justify-content: space-between;}
.header-contact {display: flex; gap: 30px; align-items: center;}
.header-contact a {color: #fff; font-size: 14px;}
.header-search button {background: none; border: none;}
.header-search button i {color: #fff; font-size: 20px; margin-left: 10px;}
.header-search .detailed-search {display: flex; align-items: center;;}
.header-search .detailed-search input {font-size: 13px; padding: 6px 0 6px 12px; width: 200px;}

/*---BODY--------------------------------*/
/*---DEFAULT---*/
#hero-bkgrd {background: url("/siteart/hero-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.hero-overlay {background: linear-gradient(to top, rgba(255,255,255,1.00),rgba(255,255,255,.80),rgba(255,255,255,0));}
.hero-content {width: 95%; margin: 0 auto; padding-top: 65px;}
.hero-content h1 {font-family: 'anton', sans-serif; font-weight: normal; font-size: 60px; line-height: 65px; width: 750px; margin-bottom: 25px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.20);}
.hero-content h1 span {color: #700000;}
.hero-content p {line-height: 26px; width: 750px; font-size: 18px;}
.hero-buttons button {background: #700000; font-family: 'anton', sans-serif; color: #fff; font-weight: normal; font-size: 19px; width: 220px; padding: 10px 0 10px 0; border: none; border-radius: 45px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.hero-buttons {display: flex; gap: 20px; margin-top: 30px;}
.hero-buttons button:hover {background: #000; transition: .5s;}
.hero-buttons button:hover i {padding-left: 10px; transition: .5s;}
.hero-call-tos {display: flex; justify-content: space-between; width: 90%; margin: 0 auto; margin-top: 110px; gap: 40px; flex-wrap: wrap;}
.hero-call-tos a:hover img {transform: scale(110%); transition: .5s;}
.hero-call-tos a:hover p i {padding-left: 10px; transition: .5s;}
.hero-link {text-align: center; width: 17%;}
.hero-link img {width: 100%;}
.hero-link h3 {font-family: 'anton', sans-serif; font-weight: normal; font-size: 30px; color: #000; line-height: 40px; margin-bottom: 12px;}
.hero-link p {font-size: 15px; color: #000;}

.about-section {width: 70%; margin: 0 auto; text-align: center; margin-top: 130px; margin-bottom: 120px;}
.about-section h2 {font-family: 'anton', sans-serif; font-size: 50px; line-height: 55px; font-weight: normal; margin-bottom: 20px;}
.about-section p {font-size: 16px; line-height: 24px;}
.about-section-buttons {margin-top: 35px; display: flex; column-gap: 20px; justify-content: center;}
.about-section-buttons button {background: #700000; font-family: 'anton', sans-serif; color: #fff; font-weight: normal; font-size: 19px; width: 220px; padding: 10px 0 10px 0; border: none; border-radius: 45px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.about-section-buttons button:hover {background: #000; transition: .5s;}
.about-section-buttons button:hover i {padding-left: 10px; transition: .5s;}

.brands-section {background: #000; padding: 70px 0 100px 0; position: relative;}
.brands-wrapper {width: 95%; margin: 0 auto; text-align: center;}
.brands-wrapper h2 {font-family: 'anton', sans-serif; color: #fff; font-size: 50px; line-height: 55px; font-weight: normal;}
.brands-flex {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 35px;}
.brands-flex a {border: 2px #fff solid; padding: 20px; display: flex; align-items: center; width: 13%; justify-content: center; height: 110px;}
.brands-flex a img {width: 80%;}
.brands-flex a:hover {border: 2px #700000 solid; background: #700000;}
.brands-flex a:hover img {opacity: 50%; transition: .8s; transform: scale(105%);}

/*---AFS---*/
.afs-header {background: url("/siteart/afs-header.jpg") no-repeat; background-size: cover; background-position: center;}
.afs-header-overlay {background: rgba(255,255,255,0.90);}
.afs-header-wrapper {width: 95%; margin: 0 auto; padding-bottom: 45px; padding-top: 90px;}
.header-hr {height: 70px; background: linear-gradient(0deg, white, transparent); margin-top: -69px;}
.about-body h3 {font-family: 'poppins', sans-serif; color: #700000; font-weight: bold; font-size: 20px; margin-top: 18px; margin-bottom: 7px;}
.about-body ul li i {color:#700000; font-size: 20px;}
.about-body ul li {margin-bottom: 10px; line-height: 24px;}
.about-body ul {margin-top: 10px; margin-bottom: 20px;}
.body-text-flex {display: flex; justify-content: space-between; gap: 60px; align-items: center; margin-top: 30px; margin-bottom: 30px;}
.body-text-flex img {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.afs-technology {background: url("/siteart/afs-technology.jpg") no-repeat; background-position: left; background-size: cover; width: 40%; height: 500px;}
.image-overlay {background: rgba(19,19,19,0.50); width: 100%; height: 500px;}
.flex-content {width: 60%;}

/*---OUR BRANDS---*/
.showroom-case {background: url("/siteart/showroom-case.jpg") no-repeat; background-position: center; background-size: cover; width: 95%; margin: 0 auto;}
.showroom-case-overlay {background: rgba(33,33,33,0.80); padding: 260px 0 0px 0;}
.showroom-case-wrapper {text-align: center; padding: 45px 0 40px 0; background: #000; width: 480px;}
.showroom-case-wrapper img {width: 250px;}
.showroom-case-wrapper h2 {color: #fff; text-transform: uppercase; font-size: 22px; margin-top: 13px; margin-bottom: 10px;}
.showroom-case-wrapper a {color: red; font-size: 18px; border-bottom: 1px transparent solid;} 
.showroom-case-wrapper a:hover {border-bottom: 1px red solid; transition: .5s;}
.mobile-show {display: none;}
.brands-page-section .brands-flex {justify-content: flex-start;}
.brands-page-section {padding: 0px 0 100px 0; background: none !important;}
.brands-page-section .brands-flex a {width: 24.5%; height: 190px; background: #000; border: none; padding: 0px;}
.brands-page-section .brands-flex a:hover {border: none; background: #700000;}
.brands-header {background: url("/siteart/brands-hero.jpg") no-repeat; background-size: cover; background-position: center;}
.new-pre-owned {background: #000;}
.new-pre-owned-wrapper {width: 95%; margin: 0 auto; text-align: right;}
.new-pre-owned-wrapper a {color: #fff; line-height: 28px;}
.new-pre-owned-wrapper a:hover i {padding-left: 10px; transition: .5s;}
.brands-page-section .brands-flex a img {width: 60%;}

/*---GET A QUOTE---*/
.quote-header {background: url("/siteart/form-bkgrd.jpg") no-repeat; background-size: cover; background-position: center;}
.contact-form h1 {font-family: 'anton', sans-serif; color: #000; font-size: 40px; line-height: 45px; font-weight: normal;}
.contact-form h2 {font-family: 'anton', sans-serif; color: #000; font-size: 40px; line-height: 45px; font-weight: normal}
.contact-form {width: 100%; margin: 0 auto; padding: 50px 0 90px 0; font-family: 'inter-variable', sans-serif; font-size: 15px; line-height: 21px;}
.contact-form p {margin-top: 15px; font-size: 17px; color: #646464; line-height: 24px;}
.contact-form i {color: #000;}
.contact-form li {line-height: 25px;}
.contact-form tr {display: flex; gap: 30px;}
.contact-form td {width: 100%; color: #700000 !important;}
.contact-form input {width: 100%;}
.contact-form input {padding: 14px 0px 11px 16px; margin-bottom: 8px; font-family: 'inter-variable', sans-serif; border-radius: 3px; border: 2px #ECECEC solid; font-size: 15px;}
.contact-form .select {width: 50.35%;}
.contact-form select {width: 100%; padding: 14px 0px 11px 16px; margin-bottom: 8px; font-size: 15px; font-family: 'inter-variable', sans-serif; border-radius: 3px; border: 2px #ECECEC solid; color: #868686;}
.contact-form textarea {width: 100%; font-family: 'inter-variable', sans-serif; padding: 14px 0px 11px 16px; border-radius: 3px; border: 2px #ECECEC solid; font-size: 15px;}
.contact-form .captcha-selected {margin-top: 55px; width: 100%;}
.contact-form .CaptchaAnswerPanel input, .service-form .submit, .service-form .reset {width: 200px !important;}
.contact-form .CaptchaWhatsThisPanel a {color: #212121 !important; font-family: 'inter-variable', sans-serif; font-size: 15px; font-weight: 600;}
.contact-form .CaptchaWhatsThisPanel a:hover {cursor: pointer; border-bottom: #212121 2px solid;}
.contact-form .CaptchaMessagePanel {font-weight: 300; font-family: 'inter-variable', sans-serif; font-size: 15px; color: #000;}
.contact-form .submit, .service-form .reset {background: #700000; border-radius: 40px; color: #fff; padding: 15px 0; font-size: 17px; width: 250px; font-weight: 600; font-family: 'roboto', sans-serif; margin-top: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: none;}
.contact-form .submit:hover, .service-form .reset:hover {background: #000; transition: .5s; cursor: pointer !important;}
.margin-top-send {margin-top: 13px;}
.captcha-selected {display: flex; justify-content: center;}
.contact-form .submitselect {background: #700000; border-radius: 40px; color: #fff; padding: 15px 0; font-size: 17px; width: 250px; font-weight: 600; font-family: 'roboto', sans-serif; margin-top: 25px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: block; text-align: center;}
.contact-form .submitselect:hover {background: #000; transition: .5s; cursor: pointer !important;}
.contact-form .captcha {display: flex; justify-content: center; gap: 12px;}
.contact-form .captcha-selected {width: 100%; margin: 0 auto !important; margin-top: 11px !important;}
.contact-form .form-form {width: 100% !important; padding-top: 15px !important;}
.contact-form .form-form p {padding-bottom: 8px; color: #989898; line-height: 21px; font-size: 17px;} 
.contact-form .sub-header h2 {font-weight: 600; font-size: 20px; padding-bottom: 10px; padding-top: 20px;}
.contact-form h3 {padding-top: 2px;}
.contact-form label {font-family: 'anton', sans-serif; text-transform: uppercase; font-size: 26px; color: #000; line-height: 28px; font-weight: normal;}
.form-label {margin: 20px 0 10px 0;}
.form-bkgrd {background: url("/siteart/about-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.form-white {background: #fff; width: 85%; margin: 0 auto; border-radius: 10px; padding: 60px 40px 70px 40px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.tr-three {gap: 30px !important; width: 100%;}
.equipment-message {margin-top: 5px;}
.form-form form {width: 98.5%;}

/*---PARTS DEPARTMENT---*/
.parts-header {background: url("/siteart/parts-header.jpg") no-repeat; background-size: cover; background-position: center;}
.contact-form .afs-body h1 {font-family: 'anton', sans-serif; font-size: 50px; line-height: 55px; font-weight: normal; margin-bottom: 20px; color: #700000;}
.contact-form .afs-body li i {color: #700000 !important; font-size: 20px;}
.contact-form .afs-body li {line-height: 33px; font-weight: bold;}
.contact-form .afs-body button i {color: #fff;}
.about-a a div {background: #700000; text-align: center; padding: 10px 20px 15px 20px; margin-top: 30px; margin-bottom: 40px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.about-a a:hover div {background: #000; transition: .5s;}
.about-a a div h2 {color: #fff;}

/*---SERVICE APPOINTMENTS---*/
.service-header {background: url("/siteart/service-header.jpg") no-repeat; background-size: cover; background-position: center;}
.contact-form .anonymous input {width: 25px; margin: 0;}
.contact-form .anonymous label {font-size: 16px !important; color: #868686; text-transform: capitalize; font-weight: 300; font-family: 'inter-variable', sans-serif;}
.survey-form {margin-bottom: 12px;}
.survey-form p {margin-top: 0px;}

/*---ABOUT US---*/
.about-header {background: url("/siteart/about-header.jpg") no-repeat; background-size: cover; background-position: center;}
.afs-header-wrapper h1 {font-family: 'anton', sans-serif; font-weight: normal; font-size: 55px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.20); line-height: 65px; margin-bottom: 25px;}
.afs-header-wrapper h1 span {color: #700000;}
.afs-header-wrapper p {line-height: 24px; font-size: 16px; width: 65%;}
.about-body {width: 95%; margin: 0 auto; padding: 20px 0 100px 0;}
.about-body h2 {font-family: 'anton', sans-serif; font-weight: normal; font-size: 40px; color: #000; line-height: 45px; margin-top: 25px; margin-bottom: 20px;}
.about-body p {font-size: 16px !important; line-height: 24px !important; font-family: 'inter-variable', sans-serif;}
.about-body button, .afs-header-wrapper button {background: #700000; font-family: 'anton', sans-serif; color: #fff; font-weight: normal; font-size: 19px; width: 250px; padding: 10px 0 10px 0; border: none; border-radius: 45px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin-top: 20px;}
.about-body button:hover, .afs-header-wrapper button:hover {background: #000; transition: .5s;}
.about-body button:hover i, .afs-header-wrapper button:hover i {padding-left: 10px; transition: .5s;}
.about-a a {font-weight: bold; color: #700000; border-bottom: 2px transparent solid;}
.about-a a:hover {border-bottom: 2px #700000 solid; transition: .5s;}
.afs-header-wrapper .hero-buttons button {margin-top: 0px !important;}
.about-a span a {color: #E4BC04 !important;}
.about-a span a:hover {border-bottom: 2px #E4BC04 solid !important;}

/*---MAP + HOURS---*/
.about-body .store-hours {display: flex; gap: 80px;}
.map-hours {display: flex; justify-content: space-between;}
.about-a .border-bottom-none a:hover {border-bottom: none !important;}

/*---TESTIMONIALS---*/
.testimonial-date span {color: #bbb; font-size: 16px;}
.testimonial-date p {margin-top: 2px !important; font-size: 16px; color: #000;}
.testimonial-stars {margin-bottom: 12px;}
.testimonial-name p {font-weight: bold; color: #700000; margin-top: 15px;}
.testimonial-hr hr {border: #DBDBDB 1px dashed; margin-top: 30px; margin-bottom: 30px}
.testimonial-date p i {color: #bbb;}
.testimonial-date .second-p {margin-top: 5px !important;}
.testimonials h1 {margin-bottom: 38px;}
.remove-bkgrd-shadow {width: 85%; border-radius: 0px; padding: 0px; box-shadow: none;}

/*---SUBMIT TESTIMONIALS---*/
.half-select-width select {width: 97%;}
.contact-form .interest input {width: 25px; margin: 0; margin-bottom: 15px;}
.contact-form .interest label {font-size: 16px !important; color: #868686; font-family: 'inter-variable', sans-serif; text-transform: capitalize;}

/*---EMPLOYMENT---*/
.employment-content h2 {font-size: 28px; color: #700000; margin-bottom: 10px; margin-top: 15px;}
.employment-content p {margin-top: 0px; margin-bottom: 8px;}
.employment-content h3 {margin-bottom: 10px; margin-top: 15px;}
.employment-content li {font-size: 17px; color: #646464; line-height: 24px; margin-bottom: 8px;}
.employment-content p a {color: #700000; border-bottom: 1px transparent solid;}
.employment-content p a:hover {border-bottom: 1px #700000 solid; transition: .5s;}
.employment-pdf {margin-top: 40px;}
.employment-pdf a p {color: #700000; border-bottom: 1px transparent solid;}
.employment-pdf a:hover p {border-bottom: 1px #700000 solid; transition: .5s; width: 360px;}
.employment-pdf a i {color: #700000;}

/*---PRECISION TECH---*/
.precision-tech {display: flex; justify-content: space-between; gap: 80px;}
.precision-tech hr {border: 3px #700000 solid; width: 80px; margin: 0; margin-bottom: 15px; margin-top: 10px;}

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




/*-------- FOOTER STYLES ----------------*/
footer {background: #000;}
.footer-wrapper {width: 95%; margin: 0 auto; display: flex; justify-content: space-between; padding: 80px 0 70px 0;}
.footer-contact {display: flex; gap: 150px; align-items: center;}
.footer-contact h4 {color: #fff;  font-size: 17px; line-height: 27px; font-weight: bold; margin-bottom: 8px;}
.footer-contact ul li, .footer-contact ul li a {color: #fff; font-size: 15px; line-height: 28px; font-weight: 500;}
.footer-hours {display: flex; gap: 50px;}
.footer-contact button {background: #000; font-family: 'inter-variable', sans-serif; color: #fff; font-weight: 600; font-size: 14px; width: 220px; padding: 12px 0 10px 0; border: 2px #fff solid; border-radius: 45px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin-top: 15px;}
.footer-contact button:hover {background: #700000; border: 2px #700000 solid;}
.footer-contact button:hover i {padding-left: 10px; transition: .5s;} 
.footer-socials i {color: #fff; font-size: 30px;}
.footer-socials a:hover i {color: #700000; transition: .5s;}
.footer-socials {margin-top: 20px;}
.footer-links button {background: #000; font-family: 'inter-variable', sans-serif; color: #fff; font-weight: 600; font-size: 14px; width: 250px; padding: 12px 0 10px 0; border: 2px #fff solid; border-radius: 45px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin-top: 15px;}
.footer-links button:hover {background: #700000; border: 2px #700000 solid;}
.footer-links button:hover i {padding-left: 10px; transition: .5s;}

/*----LOCATION PSA----*/
.location-quote {background: #e6e6e6; padding: 35px 0; text-align: center; margin-top: -4px;}
.location-quote h3 {font-family: 'anton', sans-serif; color: #000; font-size: 40px; line-height: 45px; font-weight: normal;}
.location-quote img {width:100%; max-width:250px; padding-top:10px;}

.inventory-new {background: #e6e6e6; padding: 35px 0; text-align: center; margin-top: -4px; text-transform: uppercase;}
.inventory-new h3 {font-family: 'anton', sans-serif; color: #000; font-size: 35px; line-height: 45px; font-weight: normal;}
.inventory-new a {font-family: 'anton', sans-serif; color: #700000; font-size: 35px; line-height: 45px; font-weight: normal;}
.inventory-new a:hover {color: #000;}

.inventory-used {background: #e6e6e6; padding: 35px 0; text-align: center; margin-top: -4px; text-transform: uppercase;}
.inventory-used h3 {font-family: 'anton', sans-serif; color: #000; font-size: 35px; line-height: 45px; font-weight: normal; }
.inventory-used a {font-family: 'anton', sans-serif; color: #700000; font-size: 35px; line-height: 45px; font-weight: normal; }
.inventory-used a:hover {color: #000;}




/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inventory-header {background: url("/siteart/inventory-hero.jpg") no-repeat; background-size: cover; background-position: center;}
.list-content, .parts-list-content {margin-top: 50px !important; margin-bottom: 100px !important;}
.list-top-section .list-title {padding-left: 0px !important;}
.list-top-section .list-listings-count, .mobile-option-bar .mobile-option-bar-filter {color: #700000 !important;}
.faceted-search-content button.faceted-search, .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button) {background: #700000 !important;}
.faceted-search-content button.faceted-search:hover, .view-listing-details-link:hover, .list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text, .list-content .list-container .request-a-quote-btn {background: #000 !important; transition: .5s !important;}
.list-content .price-container .price, .parts-list-content .parts-title-and-breadcrumbs .parts-title .parts-listings-count, .parts-list-content .parts-title-and-breadcrumbs .parts-title .parts-listings-count, .parts-list-content .error-message {color: #700000 !important;}
.disclaimer span {font-size: 16px !important; line-height: 24px !important;}



/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1600px) {
	.hero-call-tos {width: 95%;}
}
@media only screen and (max-width: 1575px) {
	.brands-page-section .brands-flex a {width: 24.4%;}
}
@media only screen and (max-width: 1510px) {
	.brands-flex {gap: 9px;}
}
@media only screen and (max-width: 1490px) {
	.brands-flex {gap: 8px;}
}
@media only screen and (max-width: 1460px) {
	.brands-flex {gap: 7px;}
}
@media only screen and (max-width: 1440px) {
	.brands-flex {justify-content: center;}
	.brands-flex a {height: 74px;}
}
@media only screen and (max-width: 1400px) {
	.afs-header-wrapper p {width: 75%;}
}
@media only screen and (max-width: 1350px) {
	.hero-link h2 {font-size: 40px; line-height: 45px;}
	.hero-link p {font-size: 16px;}
	.afs-flex {flex-wrap: wrap; justify-content: center;}
	.afs-box {width: 40%;}
	.third-box {width: 86.5%;}
}
@media only screen and (max-width: 1330px) {
	.hero-link h3 {margin-bottom: 8px;}
}
@media only screen and (max-width: 1250px) {
	.third-box {width: 87.5%;}
}
@media only screen and (max-width: 1240px) {
	.about-section {width: 80%;}
	.afs-body img {width: 400px;}
	.afs-header-wrapper p {width: 85%;}
	.body-text-flex {flex-wrap: wrap; gap: 20px;}
	.body-text-flex img {width: 100%;}
	.flex-img {width: 60%; margin: 0 auto; margin-bottom: 40px;}
	.image-overlay {width: 100%; height: 450px;}
	.afs-technology {width: 100%; height: 450px; background-position: 0 19%; margin-bottom: 40px;}
	.flex-content {width: 100%;}
	.showroom-case-wrapper {width: 100%;}
	.mobile-show {display: contents;}
	.mobile-show-img {width: 95%; margin: 0 auto;}
	.mobile-show-img img {width: 100%;}
	.showroom-case {background: none;}
	.showroom-case-overlay {background: none; padding: 0px; margin-top: -4px;}
}
@media only screen and (max-width: 1200px) {
	.form-white {width: 90%;}
	.tr-three {width: 99.3%;}
	.contact-form input {width: 97.5%;}
	.contact-form textarea {width: 98.5%;}
	.contact-form tr {gap: 20px !important;}
	.form-form form {width: 99.5%;}
	.brands-page-section .brands-flex a {width: 32.9%;}
}
@media only screen and (max-width: 1185px) {
	.hero-link {width: 46%;}
	.hero-call-tos {width: 70%;}
	#hero-bkgrd {background: none;}
	#mobile-hero-bkgrd {background: url("/siteart/hero-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
	.mobile-hero-overlay {background: linear-gradient(to top, rgba(255,255,255,1.00),rgba(255,255,255,.80),rgba(255,255,255,.60));}
}
@media only screen and (max-width: 1150px) {
	.footer-wrapper {flex-wrap: wrap; gap: 55px; justify-content: flex-end;}
	.footer-contact {width: 100%; justify-content: space-between;}
	.third-box {width: 88%;}
}
@media only screen and (max-width: 1131px) {
	.brands-page-section .brands-flex a {width: 32.8%;}
}
@media only screen and (max-width: 1050px) {
	.brands-flex a {width: 15%;}
	.third-box {width: 88.5%;}
}
@media only screen and (max-width: 1000px) {
	.header-contact {display: none;}
	#header {justify-content: flex-end;}
	.about-section {width: 95%;}
	.afs-body img {width: 350px;}
	.full-flex {flex-wrap: wrap; gap: 30px;}
	.full-flex img {width: 80%; margin: 0 auto; text-align: center; display: flex;}
	.full-flex div:last-child {width: 100%;}
	.contact-form tr {gap: 14px;}
	.tr-three {gap: 19px !important; width: 99%;}
	.contact-form input {width: 96%;}
	.contact-form textarea {width: 98%;}
	.form-white {padding: 60px 30px 70px 30px;}
	.afs-header-wrapper p {width: 100%;}
	.flex-img {width: 70%;}
}
@media only screen and (max-width: 950px) {
	.brands-flex a {width: 18%;}
	.third-box {width: 89%;}
}
@media only screen and (max-width: 920px) {
	.brands-page-section .brands-flex a {width: 32.7%;}
}
@media only screen and (max-width: 900px) {
	.img-early-flex {flex-wrap: wrap;}
	.img-early-flex img {width: 100%;}
	.img-early-flex div {width: 100%;}
	.third-box {width: 89.5%;}
	.precision-tech {flex-wrap: wrap; gap: 0px;}
}
@media only screen and (max-width: 880px) {
	.hero-call-tos {width: 80%;}
}
@media only screen and (max-width: 850px) {
	.third-box {width: 90%;}
	.contact-form input {width: 95%;}
	.form-white {width: 85%;}
	.flex-img {width: 80%;}
}
@media only screen and (max-width: 800px) {
	.footer-contact {gap: 0px;}
	.brands-flex a {height: 95px;  width: 26%;}
	.about-section h2, .brands-wrapper h2 {font-size: 47px; line-height: 52px;}
	.afs-box {width: 100%;}
	.image-list {flex-wrap: wrap; justify-content: center;}
	.image-div {width: 100%;}
	.afs-body img {width: 100%;}
	.contact-form textarea {width: 97.5%;}
	.map-hours {flex-wrap: wrap; gap: 40px;}
	.map-hours-width {width: 100%;}
	.afs-technology {background-size: contain;}
	.image-overlay {height: 100%; width: 98.5%;}
	.hero-content h1, .hero-content p {width: 100%;}
	.hero-content h1, .afs-header-wrapper h1 {font-size: 55px; line-height: 60px;}
}
@media only screen and (max-width: 774px) {
	.brands-page-section .brands-flex a {width: 49.5%;}
}
@media only screen and (max-width: 750px) {
	.hero-content p {width: 100%;}
	.hero-call-tos {width: 90%;}
	.contact-form tr {gap: 17px;}
	.tr-three {gap: 22px !important;}
}
@media only screen and (max-width: 734px) {
	.brands-page-section .brands-flex a {width: 49.4%;}
}
@media only screen and (max-width: 730px) {
	.footer-contact {flex-wrap: wrap; gap: 40px;}
	.footer-numbers {width: 100%;}
	.footer-wrapper {justify-content: flex-start; gap: 60px;}
}
@media only screen and (max-width: 700px) {
	.brands-flex a {width: 32%;}
	.afs-body h2 {font-size: 45px; line-height: 50px;}
	.flex-img {width: 90%;}
}
@media only screen and (max-width: 650px) {
	.contact-form input {width: 93.5%;}
	.contact-form textarea {width: 97%;}
}
@media only screen and (max-width: 612px) {
	.brands-page-section .brands-flex a {width: 49.3%;}
}
@media only screen and (max-width: 600px) {
	.hero-content h1 {width: 100%;}
	.hero-buttons button, .about-section-buttons button, .about-body button {width: 100%; padding: 10px 0 15px 0;}
	.hero-buttons, .about-section-buttons {flex-wrap: wrap;}
	.hero-buttons a, .about-section-buttons a {width: 100%;}
	.hero-buttons {gap: 12px;}
	.hero-call-tos {width: 95%;}
	.about-section-buttons {gap: 10px;}
	#mobile-hero-bkgrd {background: none;}
	#phone-hero-bkgrd {background: url("/siteart/hero-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
	.phone-hero-overlay {background: rgba(255,255,255,0.84);}
	.hero-content {padding-bottom: 190px;}
	.hero-link {width: 80%;}
	.hero-link h2 {font-size: 45px; line-height: 50px;}
	.hero-link p {font-size: 16px;}
	.hero-call-tos {justify-content: center; margin-top: -95px;}
	.afs-body button {width: 100%; padding: 15px 0;}
	.contact-form tr {flex-wrap: wrap; gap: 0 !important;}
	.contact-form input {width: 96.5%;}
	.tr-three {gap: 0px !important; width: 100%;}
	.contact-form textarea {width: 96.5%;}
	.contact-form .submitselect {width: 100%;}
	.contact-form .select, .half-select-width select {width: 100%;}
	.flex-img {width: 100%;}
	.hero-content h1, .afs-header-wrapper h1 {font-size: 50px; line-height: 55px;}
	.hero-content p {font-size: 17px;}
}
@media only screen and (max-width: 524px) {
	.brands-page-section .brands-flex a {width: 49.2%;}
}
@media only screen and (max-width: 500px) {
	.brands-flex a {width: 38%;}
	.footer-contact button, .footer-links button {width: 100%; padding: 15px 0;}
	.footer-links {width: 100%;}
	.hero-content {padding-bottom: 150px;}
	.hero-call-tos {margin-top: -85px;}
	.contact-form input, .contact-form textarea {width: 96%;}
	.form-white {width: 80%;}
	.about-body h2 {font-size: 30px; line-height: 35px;}
	.location-quote h3 {font-size:30px; line-height: 35px;}
	.location-quote img {max-width:200px;}
}
@media only screen and (max-width: 480px) {
	.afs-header-wrapper h1 {
		font-size: 50px; line-height: 55px;
	}
	.precision-tech-header i {display: none;}
}
@media only screen and (max-width: 459px) {
	.brands-page-section .brands-flex a {width: 100%; height: 150px; padding: 40px 0;}
}
@media only screen and (max-width: 450px) {
	.contact-form input, .contact-form textarea {width: 95.5%;}
}
@media only screen and (max-width: 420px) {
	.brands-flex a {width: 55%;}
	.about-body .store-hours {gap: 0px; justify-content: space-between;}
}
@media only screen and (max-width: 400px) {
	.header-search .detailed-search input {width: 100%;}
	.header-search {width: 100%;}
	.hero-link {width: 100%;}
	.footer-hours {gap: 3px; justify-content: space-between;}
	.footer-days {width: 100%;}
	.hero-content {padding-bottom: 120px;}
	.hero-call-tos {margin-top: -70px;}
	.afs-box {padding: 35px 15px 25px 15px;}
	.contact-form input, .contact-form textarea {width: 95%;}
	.hero-content h1, .afs-header-wrapper h1 {font-size: 45px; line-height: 50px;}
	.hero-content p {font-size: 16px;}
	.hero-buttons button {font-size: 18px; padding: 7px 0 12px 0;}
}
@media only screen and (max-width: 380px) {
	.form-white {padding: 60px 25px 70px 25px;}
}
@media only screen and (max-width: 350px) {
	.hero-call-tos {margin-top: -55px;}
	.contact-form input, .contact-form textarea {width: 94%;}
	.brands-page-section .brands-flex a {height: 120px;}
	.showroom-case-wrapper img {width: 80%;}
	.hero-content h1, .afs-header-wrapper h1 {font-size: 40px; line-height: 45px;}
}
@media only screen and (max-width: 330px) {
	.form-white h1 span {display: none;}
}
@media only screen and (max-width: 320px) {
	.brands-flex a {width: 68%;}
}
@media only screen and (max-width: 300px) {
	.contact-form input, .contact-form textarea {width: 93%;}
	.contact-form .submit {width: 100%;}
}
@media only screen and (max-width: 280px) {
	.brands-page-section .brands-flex a {height: 100px;}
}