/***** 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 {
}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}
button {font-family: 'inter-variable', sans-serif !important;}
hr{border:#000 1px solid;}
html {font-family: 'inter-variable', sans-serif;}
/*--- HEADER STYLES ---------------------*/
header {background: #242021; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; position: relative; z-index: 600;}
.header {width: 90%; margin: 0 auto; padding: 14px 0; display: flex; justify-content: space-between; align-items: center;}
#header-logo {display: flex; justify-content: center; position: relative; top: -40px;}
#header-logo img {position: relative; z-index: 700;}
.header-flex {display: flex; gap: 30px;}
.header-flex a {color: #fff; font-size: 16px; font-family: 'inter-variable', sans-serif;}
.header-flex a:hover {color: #F08A25; transition: .5s;}
.header-socials i {font-size: 20px;}
.header-flex {color: #fff;}
/*---BODY--------------------------------*/
/*---DEFAULT---*/
#hero {margin-top: 40px;}
#hero .newsletter-button {width: 90%; margin: 0 auto; position: relative; z-index: 600; padding-top: 20px;}
#hero .newsletter-button a {float: right;}
#hero .newsletter-button button {background: #F08A25; color: #fff; font-family: 'inter-variable', sans-serif; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding: 11px 0 10px 0; width: 250px; border: none; font-size: 14px;}
#hero .newsletter-button button:hover {background: #242021; transition: .5s;}
.herosurround {position: relative; top: -20px;}
#hero-video {position: relative;}
.herosurround #hero-video {height: 711px; height: max(370px, 37.03125vw); display: flex; align-items: center; z-index: -1; overflow: hidden; width: 100% !important;}
#hero-video video { position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
height: auto !important;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);}
#hero-video .player {
width: 100% !important;
height: 100% !important;
position: relative;}
#home-inventory {width: 80%; margin: 0 auto; margin-top: 30px;}
#home-inventory h1 {font-family: 'shadows-into-light', sans-serif; font-size: 30px; font-weight: 300; margin-bottom: 3px;}
.home-hero-text {text-align: center;}
#home-inventory h2 {font-family: 'inter-variable', sans-serif; font-size: 30px; text-transform: uppercase; font-weight: bold; line-height: 40px;}
#home-inventory p {font-family: 'inter-variable', sans-serif; font-size: 18px; color: #7A7A7A; line-height: 28px; margin-top: 10px;}
.home-hero-inventory {display: flex; gap: 8px; margin-top: 50px;}
#loaders {background: url("/siteart/loaders-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 35px 0; width: 75%;}
#graders {background: url("/siteart/graders-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 35px 0; width: 75%;}
#excavators {background: url("/siteart/excavators-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 35px 0; width: 75%;}
#attachments {background: url("/siteart/attachments-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 35px 0; width: 75%;}
#construction {background: url("/siteart/construction-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 35px 0; width: 75%;}
.inventory-overlay {background: linear-gradient(to top, rgba(36,31,30,1.00), rgba(36,31,30,.50)); height: 350px; display: flex; align-items: end; border-radius: 35px 0;}
.inventory-overlay div {width: 84%; margin: 0 auto; padding-bottom: 15px;}
.inventory-overlay h3 {color: #fff; text-transform: uppercase; font-size: 20px; line-height: 25px;}
.inventory-overlay p {margin-top: 2px !important; font-size: 14px !important; color: #fff !important; line-height: 22px !important; display: none;}
.home-hero-inventory a:hover .inventory-overlay {background: linear-gradient(to top, rgba(240,138,37,1.00), rgba(240,138,37,.50)); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.home-hero-inventory a:hover .inventory-overlay p {display: contents; margin-top: 2px !important; font-size: 14px !important; color: #fff !important; line-height: 22px !important; transition: .9s;}
.home-hero-inventory #loaders:hover {width: 100%; transition: .9s;}
.home-hero-inventory #graders:hover {width: 100%; transition: .9s;}
.home-hero-inventory #excavators:hover {width: 100%; transition: .9s;}
.home-hero-inventory #attachments:hover {width: 100%; transition: .9s;}
.home-hero-inventory #construction:hover {width: 100%; transition: .9s;}
#featured-inventory {background: url("/siteart/featured-inv-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; margin-top: 100px;}
.featured-overlay {background: rgba(36,31,30,0.88);}
.featured-width {width: 80%; margin: 0 auto; padding: 80px 0 100px 0;}
.featured-width h2 {color: #fff; text-align: center; text-transform: uppercase; font-family: 'inter-variable', sans-serif; font-size: 30px; line-height: 40px;}
.reel {margin-top: 35px;}
.featured-equipment h4 {font-size: 18px; text-transform: uppercase; color: #fff; margin-top: 20px; margin-bottom: 15px;}
.featured-equipment h5 {font-size: 18px; color: #F08A25; margin-bottom: 6px;}
.featured-equipment p {color: #D1D1D1; font-size: 15px;}
.featured-equipment button {background: #F08A25; font-size: #fff; font-size: 14px; text-transform: uppercase; width: 100%; padding: 13px 0 11px 0; border: 1px #F08A25 solid; color: #fff; margin-top: 15px; border-radius: 10px 0;}
.featured-equipment button:hover {background: none; transition: .5s; border: 1px #fff solid;}
#detail-page-email-seller {color: #fff!important;}
#we-offer {width: 80%; margin: 0 auto; background: #F08A25; border-radius: 35px 0; margin-top: 100px;}
#we-offer div {width: 85%; margin: 0 auto; text-align: center; padding: 50px 0 45px 0;}
#we-offer h3 {color: #fff; font-size: 25px; line-height: 35px; font-weight: 300;}
#welcome {width: 90%; margin: 0 auto; margin-top: 120px; display: flex; justify-content: space-between; margin-bottom: 100px;}
#welcome h2 {text-transform: uppercase; font-size: 30px; margin-bottom: 20px;}
#welcome p {color: #7A7A7A; font-size: 18px; line-height: 26px; margin-bottom: 6px;}
#welcome button {margin-top: 20px; background: #F08A25; font-size: #fff; font-size: 14px; text-transform: uppercase; width: 250px; padding: 13px 0 11px 0; color: #fff; border-radius: 10px 0; border: none;}
#welcome button:hover {background: #241F1E; transition: .5s;}
.welcome-content {width: 52%;}
.welcome-img img {width: 85%; float: right;}
/*---SCREENERS---*/
.heroreel img {width: 100%; overflow: hidden; height: 300px; object-fit: cover;}
#screeners {width: 90%; margin: 0 auto;}
#hero h1 {text-transform: uppercase; font-size: 40px; text-align: center; position: relative; top: -130px; color: #fff; line-height: 45px;}
#screeners h2 {font-family: 'shadows-into-light', sans-serif; font-size: 30px; font-weight: 300; margin-bottom: 3px;}
#screeners h3 {text-transform: uppercase; font-size: 30px; margin-bottom: 10px; width: 690px; line-height: 35px;}
#screeners p {color: #7A7A7A; font-size: 18px; line-height: 26px; margin-bottom: 6px;}
#screeners li {color: #7A7A7A; font-size: 18px; line-height: 26px; margin-bottom: 6px;}
#screeners i {color: #F08A25;}
#screeners > div {margin-bottom: 40px;}
#screeners button {margin-top: 10px; background: #F08A25; font-size: #fff; font-size: 14px; text-transform: uppercase; width: 350px; padding: 13px 0 11px 0; color: #fff; border-radius: 10px 0; border: none; margin-bottom: 10px;}
#screeners button:hover {background: #241F1E; transition: .5s;}
#screeners ul {margin-top: 15px;}
.screeners-h-width h3 {width: 100% !important;}
.transport-weights {margin-top: 20px;}
.transport-weights p {color: #000 !important; font-weight: bold;}
.transport-flex {display: flex; gap: 60px; margin-top: 15px; align-items: center;}
.transport-flex div {text-align: center;}
.transport-flex h4 {font-size: 28px; color: #F08A25; margin-bottom: 1px;}
.transport-flex h5 {font-size: 20px; font-weight: 300; font-family: 'shadows-into-light', sans-serif;}
.transport-flex p {font-weight: 300; font-family: 'shadows-into-light', sans-serif; font-size: 20px !important ;}
.more-info {border: #D9D9D9 2px solid; border-radius: 30px 0;}
.more-info div {width: 95%; margin: 0 auto; padding: 45px 0 35px 0;}
.more-info h3 {font-size: 25px !important; line-height: 30px;}
#screeners a {color: #F08A25;}
#screeners a:hover {color: #241F1E;}
/*---FINANCING---*/
#screeners .financing button {margin-top: 20px; background: #F08A25; font-size: #fff; font-size: 14px; text-transform: uppercase; width: 250px; padding: 13px 0 11px 0; color: #fff; border-radius: 10px 0; border: none; margin-bottom: 10px;}
.form-wrapper {width: 92%; margin: 0 auto; padding: 60px 0;}
.hero-financement h1 {width: 750px; margin: 0 auto; top: -160px !important;}
.financement-content {margin-top: -50px !important;}
/*Accordion*/
.flex-container.flex-services {
justify-content: space-between;
gap: 15px;
}
.flex-services .page-head {
flex: 1;
}
.service-section {
flex: 1;
}
.accordion {
background: #194F1A;
color: #fff;
cursor: pointer;
padding: 15px 40px;
font-size: 25px;
text-align: left;
border: none;
outline: none;
font-family: 'inter-variable', sans-serif !important;
transition: 0.4s;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
letter-spacing: 1px;
border-radius: 5px;
}
/* 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) */
.active, .accordion:hover {
}
.panel ul.fa-ul {
padding-inline-start: 0px;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
margin: 8px 0;
margin-bottom: 100px;
}
.panel p {
padding: 0px 0;
}
/*---NEWSLETTER---*/
.newsletter .consign-form {margin-top: 0px; margin-bottom: 100px;}
/*---CONTACT---*/
.contact-map {display: flex; width: 90%; margin: 0 auto; justify-content: space-between; align-items: center; margin-bottom: 80px;}
.contact-map > div {width: 50%;}
.contact-map h2 {text-transform: uppercase; font-size: 30px; margin-bottom: 20px;}
.contact-map h3 {font-size: 18px; line-height: 26px; margin-bottom: 6px; font-weight: bold; margin-top: 15px;}
.contact-map p, .contact-map li, .contact-map a {color: #7A7A7A; font-size: 16px; line-height: 26px; margin-bottom: 10px;}
.contact-map li {line-height: 26px; margin-bottom: 0px;}
.business-hours {display: flex; gap: 30px;}
.contact-map a:hover {color: #F08A25; transition: .5s;}
.contact-map i {color: #F08A25;}
/*---THANK YOU---*/
.thank-you {margin-bottom: 100px !important;}
.thank-you-button {display: flex; gap: 15px;}
.thank-you-button button {width: 220px !important;}
/*--------FORM STYLES--------------------*/
.consign-form {margin-top: 50px; border-radius: 5px; position: relative; border: 2px #D9D9D9 solid; border-radius: 35px 0;}
.consign-form p {color: #CCC; font-size: 15px; margin-bottom: 20px;}
.consign-form form input {border: #D9D9D9 2px solid; width: 100%; padding: 13px 0 13px 17px; font-family: 'inter-variable', sans-serif; font-size: 14px;}
.consign-form td {width: 100%;}
.consign-form form {width: 99%;}
.consign-form form textarea {width: 100%; border: #D9D9D9 2px solid; padding: 13px 0 13px 17px; font-family: 'inter-variable', sans-serif; font-size: 14px;}
.consign-form form select {width: 50%; border: #D9D9D9 2px solid; padding: 13px 0 13px 17px; font-family: 'inter-variable', sans-serif; font-size: 14px;}
.consign-form form tr {display: flex; gap: 30px; margin-bottom: 12px;}
.consign-form form table {width: 100%;}
.consign-form form .submitselect {background: #F08A25; color: #fff !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 10px 0; width: 220px; padding: 16px 0 12px 0; font-family: 'inter-variable', sans-serif; font-weight: bold; font-size: 15px; display: flex; justify-content: center;}
.consign-form form .submitselect:hover {color: #fff; background: #241F1E; transition: .5s;}
.consign-form form .CaptchaMessagePanel {color: #303030; font-weight: normal; font-size: 15px;}
.consign-form form .CaptchaWhatsThisPanel a {color: #303030; border-bottom: 1px transparent solid;}
.consign-form form .CaptchaWhatsThisPanel a:hover {border-bottom: 1px #303030 solid; transition: .5s;}
.consign-form form .submit {background: #F08A25; color: #fff !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 10px 0; width: 220px; padding: 16px 0 12px 0; font-family: 'inter-variable', sans-serif; font-weight: bold; font-size: 15px; border: none; text-transform: uppercase;}
.consign-form form .submit:hover {color: #fff; background: #241F1E; transition: .5s; cursor: pointer !important;}
.form-wrapper h2 {font-size: 25px !important; font-family: 'inter-variable', sans-serif !important; line-height: 30px !important; margin-bottom: 10px; text-transform: uppercase; font-weight: 600 !important;}
.form-wrapper h3 {color: #0F380F; font-size: 20px; margin-top: 30px; line-height: 28px;}
.form-wrapper p {color: #303030; font-size: 16px; line-height: 24px;}
.consign-form #continue {display: flex; margin-top: 10px;}
.get-in-touch {margin-bottom: 60px;}
.anonymous input {width: 25px !important; margin: 0; margin-bottom: 10px;}
.pick-interest {margin-bottom: 6px !important;}
/*-------- FOOTER STYLES ----------------*/
footer {background: #241F1E;}
.footer {width: 90%; margin: 0 auto; padding: 60px 0 45px 0; display: flex; justify-content: space-between;}
.footer-hours-links {display: flex; gap: 150px;}
.business-hours {display: flex; gap: 50px;}
footer h6 {color: #F08A25; font-size: 16px; margin-bottom: 10px;}
footer ul li, footer ul li a {color: #fff; font-size: 15px; line-height: 28px;}
.footer-socials {display: flex; gap: 15px; margin-top: 30px;}
.footer-socials i {color: #241F1E; background: #F08A25; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 40px;}
.footer-contact {margin-top: 20px; margin-bottom: 45px;}
footer img {width: 300px;}
.footer ul li a:hover {color: #F08A25; transition: .5s;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-content, .detail-wrapper {margin-top: 50px !important; margin-bottom: 50px !important;}
.list-top-section .list-listings-count, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {color: #F08A25 !important;}
.list-top-section .listing-option-bar-content .list-listings-count {display: contents !important;}
.faceted-search-content button.faceted-search:hover, .globoquipcomhdev-1s1adjf.MuiPaginationItem-previousNext, .bottom-bar .listing-control-bar .bi-center, .bottom-bar .mobile-listing-control-bar .bi-center, .faceted-search-content .selected-facets-container .selected-facet, .globoquipcomhdev-1i18rse.MuiPaginationItem-previousNext {background: #F08A25 !important;}
.globoquipcomhdev-1s1adjf.MuiPaginationItem-previousNext, .globoquipcomhdev-1juucxq, .globoquipcomhstg-1juucxq {color: #fff !important;}
.bottom-bar .listing-control-bar .bi-center, .bottom-bar .mobile-listing-control-bar .bi-center {border: none !important;}
.globoquipcomhdev-1lvbkx3, .globoquipcomhstg-1lvbkx3 {color: #bbb !important;}
.globoquipcomhdev-12sozxa, .globoquipcomhstg-12sozxa {color: #000 !important;}
.globoquipcomhdev-2tjhnu, .globoquipcomstg-2tjhnu, .globoquipcomhdev-1i18rse.MuiPaginationItem-previousNext, .wwwgloboquipcom-13mlejh, .globoquipcomhdev-13mlejh, .globoquipcomhstg-13mlejh, .wwwgloboquipcom-1qrx71x, .globoquipcomhdev-1qrx71x, .globoquipcomhstg-1qrx71x {color: #fff !important;}
/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1400px) {
.header, #hero .newsletter-button, #welcome, .footer, #screeners, .contact-map {width: 95%;}
#home-inventory, .featured-width, #we-offer {width: 85%;}
.home-hero-inventory {gap: 7px;}
.footer-hours-links {gap: 120px;}
}
@media only screen and (max-width: 1250px) {
#home-inventory, .featured-width, #we-offer {width: 90%;}
.home-hero-inventory {gap: 6px;}
.footer-hours-links {gap: 100px;}
.consign-form form tr {width: 99.5%;}
}
@media only screen and (max-width: 1200px) {
header, #header-logo {display: none;}
#hero {margin-top: 0px;}
.footer-hours-links {gap: 80px;}
}
@media only screen and (max-width: 1150px) {
#home-inventory, .featured-width, #we-offer {width: 95%;}
.inventory-overlay h3 {font-size: 18px; line-height: 23px;}
.home-hero-inventory {gap: 5px;}
.welcome-content {width: 70%;}
}
@media only screen and (max-width: 1050px) {
.consign-form form tr {width: 99.4%;}
}
@media only screen and (max-width: 1000px) {
.inventory-overlay h3 {font-size: 16px; line-height: 21px;}
.home-hero-inventory a:hover .inventory-overlay p {font-size: 13px !important; line-height: 20px !important;}
.inventory-overlay {height: 330px;}
#welcome {flex-wrap: wrap; gap: 70px;}
.welcome-content {width: 100%;}
.welcome-img {width: 95%; margin: 0 auto;}
.footer {flex-wrap: wrap; gap: 50px; padding: 70px 0 70px 0;}
.footer-contact-socials, .footer-hours-links {width: 100%;}
.footer-hours-links {gap: 0px; justify-content: space-between;}
.footer-contact {margin-bottom: 20px;}
.footer-socials {margin-top: 0px;}
#hero h1 {font-size: 35px;}
#screeners h3 {font-size: 25px; line-height: 35px;}
#screeners h2 {font-size: 28px; margin-bottom: 0px;}
.contact-map h2 {font-size: 28px;}
.more-info h3 {font-size: 22px !important;}
.form-wrapper h2 {font-size: 22px !important;}
}
@media only screen and (max-width: 950px) {
.consign-form form tr {width: 99.3%;}
}
@media only screen and (max-width: 900px) {
.inventory-overlay h3 {font-size: 14px; line-height: 19px;}
.home-hero-inventory a:hover .inventory-overlay p {font-size: 12px !important;}
.home-hero-inventory {gap: 3px;}
}
@media only screen and (max-width: 850px) {
#hero .newsletter-button a, #hero .newsletter-button button, #hero .newsletter-button {width: 100%;}
#mobile-logo div {padding: 30px 0 20px 0 !important;}
#hero .newsletter-button {padding-top: 0px;}
.herosurround {top: 0px;}
#hero h1 {top: 0px; color: #000; width: 95%; margin: 0 auto; margin-top: 60px; margin-bottom: 25px; line-height: 40px;}
.heroreel img {height: auto !important;}
.consign-form form tr {width: 99.2%;}
.contact-map {flex-wrap: wrap;}
.contact-map > div {width: 100%;}
.contact-map iframe {margin-top: 60px;}
.hero-financement h1 {top: 0px !important;}
#screeners h3 {width: 100%;}
.financement-content {margin-top: 0px !important;}
.herosurround #hero-video {height: max(198px, 37.03125vw);}
}
@media only screen and (max-width: 800px) {
.home-hero-inventory {flex-wrap: wrap;}
#loaders {width: 49%;}
#graders {width: 49%;}
#excavators {width: 49%;}
#attachments {width: 49%;}
#construction {width: 100%;}
.home-hero-inventory {justify-content: center;}
.home-hero-inventory #loaders:hover {width: 49%; transition: .9s;}
.home-hero-inventory #graders:hover {width: 49%; transition: .9s;}
.home-hero-inventory #excavators:hover {width: 49%; transition: .9s;}
.home-hero-inventory #attachments:hover {width: 49%; transition: .9s;}
.home-hero-inventory #construction:hover {width: 100%; transition: .9s;}
.inventory-overlay {height: 250px;}
.inventory-overlay h3 {font-size: 18px; line-height: 23px;}
.home-hero-inventory a:hover .inventory-overlay p {font-size: 14px !important; line-height: 22px !important;}
#construction .inventory-overlay div {width: 92%;}
.financing p {margin-top: 3px; margin-bottom: 10px !important;}
}
@media only screen and (max-width: 750px) {
.consign-form form tr {width: 99.1%;}
}
@media only screen and (max-width: 700px) {
.transport-flex {gap: 0px; justify-content: space-between;}
}
@media only screen and (max-width: 650px) {
.welcome-img img {width: 100%;}
.welcome-img {width: 100%;}
.consign-form form tr {width: 99%;}
}
@media only screen and (max-width: 600px) {
#welcome h2, .featured-width h2, #home-inventory h2, #home-inventory h1 {font-size: 28px;}
#home-inventory h2 {line-height: 38px;}
#home-inventory h1 {margin-bottom: 12px; line-height: 32px;}
#we-offer h3 {font-size: 23px; line-height: 33px;}
#hero h1 {font-size: 28px; line-height: 35px;}
#screeners h3 {font-size: 23px; line-height: 30px;}
.contact-map h2 {font-size: 23px;}
.more-info div {width: 90%;}
.transport-flex {gap: 10px;}
.form-wrapper h2 {line-height: 30px;}
.consign-form form tr {flex-wrap: wrap; gap: 8px; margin-bottom: 8px;}
.consign-form form tr {width: 100%;}
.consign-form form input, .consign-form form textarea {width: 96%;}
#screeners p {font-size: 16px; line-height: 24px;}
#screeners li {font-size: 16px; line-height: 24px;}
}
@media only screen and (max-width: 500px) {
.footer-hours-links {flex-wrap: wrap; gap: 45px;}
.footer-hours-links div {width: 100%;}
footer img {width: 280px;}
.thank-you-button {flex-wrap: wrap; gap: 0px;}
.thank-you-button a {width: 100%;}
.thank-you-button button {margin-bottom: 0px !important;}
}
@media only screen and (max-width: 480px) {
.consign-form form input, .consign-form form textarea {width: 95%;}
}
@media only screen and (max-width: 450px) {
.inventory-overlay {height: 220px;}
.inventory-overlay h3 {font-size: 16px; line-height: 21px;}
.home-hero-inventory a:hover .inventory-overlay p {font-size: 13px !important; line-height: 20px !important;}
#screeners button {width: 100%; padding: 15px 0;}
}
@media only screen and (max-width: 400px) {
footer img {width: 260px;}
.inventory-overlay {height: 200px;}
.consign-form form input, .consign-form form textarea {width: 94%;}
}
@media only screen and (max-width: 350px) {
.business-hours {gap: 0px; justify-content: space-between;}
footer img {width: 240px;}
#loaders {width: 100%;}
#graders {width: 100%;}
#excavators {width: 100%;}
#attachments {width: 100%;}
.home-hero-inventory #loaders:hover {width: 100%; transition: .9s;}
.home-hero-inventory #graders:hover {width: 100%; transition: .9s;}
.home-hero-inventory #excavators:hover {width: 100%; transition: .9s;}
.home-hero-inventory #attachments:hover {width: 100%; transition: .9s;}
.inventory-overlay div {width: 92%;}
.inventory-overlay {height: 180px;}
.transport-flex h4 {font-size: 25px;}
.herosurround #hero-video {height: max(180px, 37.03125vw);}
}
@media only screen and (max-width: 315px) {
.consign-form form input, .consign-form form textarea {width: 93%;}
}
@media only screen and (max-width: 300px) {
footer img {width: 80%;}
#screeners .financing button, #welcome button {width: 100%;}
.consign-form form .submitselect, .thank-you-button button {width: 100% !important;}
}