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

ul.bullet-style {list-style: inherit;}
ul.bullet-style li{margin-left: 28px;padding-bottom: 6px;}

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: #d83a0e; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #d83a0e;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}



h1 {text-shadow: 1px 1px 0 #000, 0 0 16px #000;}

h2{font-weight:500;margin-bottom:10px;}

button,a {cursor:pointer;}

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

body {
box-sizing:border-box;
overflow-x: hidden;
font-family: "objektiv-mk2", sans-serif !important;
font-weight: 400;
font-style: normal;
line-height: 1.4;
font-size: 18px;
width:100%;
height:100%;
}

* {box-sizing: border-box;}

a:link, a:visited, a:active {text-decoration:none;transition: .25s ease all; }
a:hover {text-decoration:none; 
font-family: "objektiv-mk2", sans-serif !important;}


hr{border:#000 1px solid;}

button {
	background:none;
	border:none;
	box-shadow:none;
	font-family: "objektiv-mk2", sans-serif !important;transition: .25s ease all; 
	display: flex; justify-content: center; align-items: center; column-gap: 10px; 
}
/*--- HEADER STYLES ---------------------*/
header {}
.main-site-header {display: flex;justify-content: space-between; margin: 0 auto;width: 90%;align-items:center;}

.nav-buttons button {
	background: none;
    border: none;
    color: #fff;
}
.nav-buttons {
    width: 100%;
	justify-content: space-between;
   max-width: 550px;
	display: flex;
}

.nav-buttons a.orange.button-header {
box-shadow: none !important;
}

.nav-buttons a.orange.button-header button{
    font-size: 16px;
    font-weight: 800;
	width: 100%;
}

.nav-buttons a.gray.button-header {
    padding: 0 !important;
    border-radius: 100%;
    box-shadow: none !important;
    width: 50px !important;
    height: 50px;
    display: flex;
    justify-content: center;

}
.nav-buttons a.gray.button-header i{
    font-size: 19px;
}

#hero {
	position: relative; width: 100%; padding: 120px max(2vw, calc(50% - 1200px)) 40px max(2vw, calc(50% - 1200px)); min-height: 600px;
	display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; 
}
#hero > img {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
#hero .headline {position: relative; z-index: 3;}
/*---BODY--------------------------------*/

.buttons { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 12px; }
.buttons.center-style { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; }

/*---HERO---------------*/

a.gray.button-header {color: #fff;padding: 13px 25px;background: #444444;border-radius: 30px;text-transform:uppercase;box-shadow: 0px 4px 11px rgba(0,0,0,0.8);}

a.orange.button-header {color: #fff;padding: 13px 25px;background: #d83a0e;border-radius: 30px;text-transform:uppercase;font-weight:600;box-shadow: 0px 4px 11px rgba(0,0,0,0.8);}



.button.flex {padding-top: 30px;padding-bottom: 17px;}

.headline {background: rgba(0, 0, 0,0.6);width: 100%;max-width: 630px;border-radius: 30px;padding: 33px 30px;color:#fff;}


.headline h1{font-size: 30px; font-weight: 600;letter-spacing: -.25px; margin-bottom:16px;}

.about-content .buttons .gray.button-header.home{}
/*---CATEGORIES---------------*/
section#categories.flex {
    display: flex;
    flex-direction: column;	
}
section#categories {
	padding-top: 40px;
	padding-bottom: 151px;
	background:#444444;
}

.category-boxes img {
	transition: .25s ease all; 
}

.category-boxes{
position: relative; width: calc(33.333333% - 6.67px); 
display:flex;
justify-content: center;
}

.overlay {background: rgba(255,255,255,0.5);position:absolute;top:0;left:0;width:100%;height:100%;transition: .25s ease all; }


.overlay:hover {background:#d83a0e;opacity:80%;transition:ease-in-out .5s;}
.overlay:hover ~ .category-title {transition:ease-in-out .5s;text-shadow:1px 0 10px #d83a0e;}


.category-flex {display:flex;justify-content: center;gap:10px;flex-wrap: wrap;padding:0 max(2vw, calc(50vw - 1200px));}
.category-flex.bottom{margin-top:5px;}

.category-title {
    text-align: center;
    cursor: pointer;
    display: flex;
    width: 100%;
    justify-content: center; align-items: center; 
}


.category-boxes a {margin: 0;padding: 20px; display: flex;justify-content: center; align-items: center; position: relative; background: #fff;color:#000; min-height: 240px; transition: .25s ease all; width: 100%;}
.category-boxes a img {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .4;
}
.category-boxes a:hover { background: #d83a0e;transition: .35s ease all;}
.category-boxes a:hover img { /*opacity: .2;*/}
.category-boxes a .category-title { position: relative; z-index: 3; }

.bold-title {font-weight:900}
.category-boxes p {font-size:26px;text-shadow: 1px -1px 17px #fff !important;}

/*---ABOUT---------------*/
.about-flex {display:flex;justify-content:space-between;align-items: center;gap:60px;max-width: 1800px;}
.about-flex img {width:100%;max-width: 780px !important;}
.about-content {width: 100%;max-width: 790px;border-left: solid 4px #d83a0e;padding: 40px 24px;}
.about-content h2{font-size: 30px;}
section#about-hero-section {width: 100%;margin: 0 auto;padding: 160px 0px 64px;max-width: 1970px;}
.orange {font-weight:900;color:#d83a0e;}
.about-content .buttons {padding-top: 20px;}
.about-content .buttons button{color:#fff;text-transform: uppercase;font-size: 18px;}
.about-content .buttons a.gray.button-header,.about-content .buttons a.orange.button-header{box-shadow: none;}
/*---AUCTIONS---------------*/
.auctions-flex {display:flex;position:relative;}

.auctions-flex > img {
	width: 100%;position: absolute;top:0; left:0; height:100%; object-fit: cover; object-position: center; z-index: 1;
}

.auctions-content {text-align: center;width: 100%;max-width: 100%;position: relative; z-index: 3; padding: 60px 3%;min-height: 450px;display: flex; justify-content: center; align-items: center; }
.auction-text {width: 100%;max-width:900px;margin: 0 auto;color: #fff;}

.auction-text h2{font-size:33px;}
.auction-text h2, .auction-text p{text-shadow: 1px 2px 2px #000;}

.auction-text span.bold {font-weight:900;}
.auction-text  .buttons {padding-top: 30px;}
.auction-text .buttons button{color:#fff;text-transform: uppercase;font-size:18px;}
.auction-text a.orange.button-header button{color:#fff;font-weight:700;text-transform: uppercase;font-size:18px;}
/*--------FORM STYLES--------------------*/

/*---SEARCH---------------*/
.search-equipment {display: flex;flex-direction: column;align-items: center;background: #fff;width: 100%;max-width: 878px;padding: 45px 10px;border-radius: 30px;gap: 20px;position:absolute;left:50%;bottom: -105px;box-shadow: 0px 4px 11px rgba(0,0,0,0.2);transform:translateX(-50%);}
.search-top {display: flex;align-items: center;width: 90%;justify-content: space-between;}

a.gray.button-header.search {box-shadow: none !important;}

.search-bottom {display: flex;}
form.search-bottom {border: solid #bbbbbb .5px;border-radius: 30px;width: 100%;max-width: 782px;}
section#categories {position: relative;}

select#Category,select#Manufacturer{border: none !important;width: 100% !important;height: 100% !important;padding: 4px 10px;font-size:16px;}

textarea::placeholder {text-align:center;margin-top:30px;
font-family: "objektiv-mk2", sans-serif !important;
font-weight: 400;}
input#keywords {border: none !important;}
textarea#keywords {width: 100%;height: 100%;border-radius: 30px;text-align: center;border:none !important;}
.column3-manufacturer{display: flex;align-items: center;}
select#Category{border-radius: 40px 0 0 40px;}
.column3-category,.column3-manufacturer {display: flex;align-items: center;width: 100%;max-width: 30%;}

.column3-category,.column3.last {margin-left:0px;display: flex;align-items: center;}

.column3-keywords {width: 100%;max-width: 35%;}
a.gray.button-header.search button{color:#fff;font-size:17px;text-transform:uppercase;text-align: center;width: 100%;}
a.gray.button-header.search {padding: 8px 13px !important;}
/*-------- ABOUT US PAGE ----------------*/

#about-us img {    
	width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: center;}

.about-header {
	position: absolute;
    width: 90%;
    margin: 0 auto;
    padding: 109px 64px;
    display: flex;
	color:#fff;
	font-size:30px;
	z-index:99;
}

input#keywords {width: 100%;height: 100%;font-family: "objektiv-mk2", sans-serif !important;color: #000 !important;font-size: 15px;font-weight: 500;padding: 0 12px;}

.image-overlay {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: auto;
    padding: 140px;
    position: absolute;
}

.about-flex {
    width: 90%;
    margin: 0 auto;
    padding: 40px 0px 64px;
	}

a.gray.button-header.no-shadow {    
	color: #fff;
    padding: 13px 25px;
    background: #444444;
    border-radius: 30px;
    text-transform: uppercase;
    box-shadow: 0px 4px 11px rgba(0,0,0,0.8);}

a.orange.button-header.no-shadow {    
	color: #fff;
    padding: 13px 25px;
    background: #d83a0e;
    border-radius: 30px;
    text-transform: uppercase;
    box-shadow: 0px 4px 11px rgba(0,0,0,0.8);}

a.orange.button-header.no-shadow:hover {background:#893219;}
a.gray.button-header.no-shadow:hover {background:#1A1A1A;}
a.orange.button-header:hover {background:#893219;}
a.gray.button-header:hover {background:#1A1A1A;}

/*-------- SERVICE PAGE ----------------*/

#service-page img {    
	width: 100%;
   	height: 350px;
    object-fit: cover;
	object-position: 0px 45%;
}

.service-header {
	position: absolute;
    width: 90%;
    margin: 0 auto;
    padding: 109px 64px;
    display: flex;
	color:#fff;
	font-size:30px;
	z-index:99;
}
.image-overlay {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: auto;
	padding: 175px;
    position: absolute;
}
.service-flex {
    width: 90%;
    margin: 0 auto;
    padding: 40px 0px 64px;
	display:flex;
	justify-content:space-between;
	align-items: center;
	gap:60px;
	}
.service-flex img{
	width:100%;
   	max-width: 780px !important;
	}

.service-content {width: 100%;max-width: 790px;border-left: solid 4px #d83a0e;padding: 40px 24px;}

/*-------- CONTACT PAGE ----------------*/
input[type="submit"] {    
	color: #fff;
	width:100%;
	max-width:300px;
    padding:13px 25px;
    background: #d83a0e;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    font-size: 17px;
    display: flex;
    text-align: center;
    align-items: center;
    gap: 11px;}

input[type="submit"]:hover {    
	background: #893219;}

#contact-page img {    
	width: 100%;
	height: 100%;
    max-height: 350px;
    object-fit: cover;
    object-position: 0px 57%;}

.contact-content {    
    width: 100%;
    border-right: solid 4px #d83a0e;
   padding: 40px 53px;}

.contact-buttons {
    padding-top: 35px;
    width: 100%;
	margin:0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-buttons button{
    background: none;
    border: none;
    color: #fff;
    font-size: 20px;
    display: flex;
    gap: 16px;
    text-align: left;
	width: 88%;
}

.contact-buttons a.gray.button-header,.contact-buttons a.orange.button-header  {box-shadow: none;display: flex;justify-content:center;}

.contact-flex {    
	width: 90%;
    margin: 0 auto;
    padding: 40px 0px 64px;
    display: flex;
    align-items: center;
    gap: 60px;}

input#Primary_Name,input#Phone,input#Email,textarea#Message {width: 100%;padding: 20px 19px;margin-bottom:20px;}
textarea#Message::placeholder {text-align:left;}
.form {width:100%;height: 810px;}

.CaptchaImagePanel,.CaptchaMessagePanel,.CaptchaAnswerPanel,.CaptchaWhatsThisPanel {
	text-align: left;
}

.column3.last button {    
	color: #fff;font-size: 17px;
	border:none;
	padding: 0; min-width: 50px;min-height: 50px;
    background: #d83a0e;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 600;
	cursor: pointer;
	box-shadow: 0px 0 11px rgba(0,0,0,0.3);}


/*-------- THANK YOU PAGE ----------------*/
#thankyou-page img {    
	width: 100%;
	height: 100%;
    max-height: 280px;
    object-fit: cover;
    object-position: 0px 86%;}

.thankyou-content {    
    width: 100%;
    max-width: 790px;
    border-left: solid 4px #d83a0e;
    padding: 40px 24px;}

.thankyou-header {
	position: absolute;
    width: 90%;
    margin: 0 auto;
    padding: 5% 64px;
    display: flex;
	color:#fff;
	font-size:30px;
	z-index:99;
}

.service-header.thank-you {padding: 144px 64px;}

.thankyou-content button{color:#fff;font-weight: 600;padding: 13px 25px;box-shadow:none;margin-top: 20px;}

.thankyou-content a.orange.button-header{box-shadow:none;}

/*-------- FOOTER STYLES ----------------*/
footer{background:#000;}
.footer {display: flex;justify-content: space-between;width: 80%;margin: 0 auto;align-items: center;padding: 40px 0;}

.footer-buttons {display: flex;flex-direction: column;align-items: center;gap: 11px;width: 300px;}

.footer-logo img {width: 100%;text-align: center;display: flex;max-width: 210px !important;}

.quick-links li a {color: #ffff;}
.quick-links li a:hover {color: #d83a0e;line-height: 1.4;}
.quick-links li {padding-bottom: 9px;}

.quick-links {text-align:center;width:270px;}

.orange.button:hover {background:#893219;}
.gray.button:hover {background:#fff;color:#000;}

.orange.button {
	color: #fff;
    padding: 10px 25px;
    background: #d83a0e;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 600;
	border: none;
	font-size:17px;
	display:flex;
	text-align:left;
	align-items:center;
	gap:11px;}

.gray.button {
	color: #fff;
    padding: 10px 25px;
    background: #444444;
    border-radius: 20px;
    text-transform: uppercase;
	border: none;
	font-size:17px;
	display:flex;
	text-align:left;
	align-items:center;
	gap:11px;}

.orange.button button,.gray.button button{
    background: none;
    border: none;
    color: #fff;}

.overlay-left {    
	background: linear-gradient(to right,rgba(216, 58, 14,0.5), rgba(216, 58, 14,1));
    height:100%;
    width: 100%;
	padding: 32.8%;
    position: absolute;}

.overlay-right {    
	background: linear-gradient(to left,rgba(216, 58, 14,0.5), rgba(216, 58, 14,1));
    height:100%;
    width: 100%;
	padding: 32.8%;
    position: absolute;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.list-container-flexrow .view-listing-details-link,.view-listing-details-link,.list-content .list-container .contact-btn {background:#d83a0e !important;}
.inventory-header {text-shadow: 1px 1px 0 #000, 0 0 16px #000;font-size:45px;font-weight:bold;}

h1.list-title,h1.detail__title {text-shadow:none !important;}


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

@media only screen and (max-width: 1790px) {
.about-flex img {width: 100%;max-width: 590px !important;}
}


@media only screen and (max-width: 1690px) {
	#hero { min-height: 500px;}
.about-flex img {width: 100%;max-width: 590px !important;}
}


@media only screen and (max-width: 1600px) {
	.nav-buttons {max-width: 518px;}
}

@media only screen and (max-width: 1500px) {
	#hero { min-height: 450px;}
	.category-boxes a { min-height: 200px; }
}

@media only screen and (max-width: 1450px) {
	a.orange.button-header {padding: 13px 13px;}
	.nav-buttons {max-width: 490px;}
}

@media only screen and (max-width: 1330px) {
	a.orange.button-header {padding: 13px 7px;}
	.nav-buttons {max-width: 450px;}

}

@media only screen and (max-width: 1472px) {
	.logo { width: 100%!important; justify-content: space-between; }
	.main-site-header {align-items: center;flex-direction: column-reverse;}
	.nav-buttons {margin-top: 8px; margin-bottom: 4px;}
	#hero { min-height: 400px;}
	.nav-buttons {max-width: 580px;margin-bottom: 20px;margin-top: 20px;text-align: center;gap: 30px;}
}

@media only screen and (max-width: 1300px) {
	.nav-buttons a.orange.button-header{padding: 13px 17px;}
	.nav-buttons a.gray.button-header{padding: 10px 9px;}
}
@media only screen and (max-width: 1278px) {
	.about-flex img {max-width: 440px !important;}
	.category-boxes a { min-height: 160px; }
}
@media only screen and (max-width: 1200px) {
	#about-us img,#service-page img,#contact-page img,#thankyou-page img {height: 180px;}
	.image-overlay {padding: 90px;}
	.service-header,.about-header,.thankyou-header,.service-header.thank-you {padding: 59px 40px;}
}


@media only screen and (max-width: 1193px) {
	.logo img {max-width:unset;}
	.main-site-header {margin: 0 auto;width: 96.5%;}
	.nav-buttons a.orange.button-header {padding: 11px 0px;width: 100%;max-width: 240px;}
	.nav-buttons a.gray.button-header i {font-size: 16px;}
	.nav-buttons a.gray.button-header {padding: 8px 6px;}
	.nav-buttons {margin-left: 0px;max-width: 670px;}
}

@media only screen and (max-width: 1186px) {
.search-equipment {position:relative;left:0 !important;bottom:0;margin-top: 0;border-radius:0;width: 100% !important;max-width: 100%;transform:none;}
section#categories {padding-bottom:0; row-gap: 40px;}
.category-boxes p {font-size: 20px;}
form.search-bottom {width:90%;max-width:unset;}
	.column3.last { margin-left: 6px;}
a.gray.button-header.home,a.orange.button-header.home {width:100%;}
.category-flex {flex-wrap: wrap;}
.about-content {width: 100%;max-width: 790px;border-left:0;border-bottom: solid 4px #d83a0e;padding: 40px 24px;}
	.construction-side {max-width:unset;}
.auction-text h2 {font-size: 28px;line-height: 1.2;margin-bottom: 20px;}
.auction-text p {font-size: 16px;}
.auctions-flex {display: flex;position: relative;flex-direction: column;}
.overlay-left {background: linear-gradient(to bottom,rgba(216, 58, 14,0.5), rgba(216, 58, 14,1));padding: 44%;padding: 34% 44%;}
.about-content h2{font-size: 30px;line-height: 1.2;margin-bottom:10px;}
.construction-side img {margin-bottom: -10px;}
section#about-hero-section {width: 100%;margin: 0 auto;padding: 20px 0px 64px;}
.about-flex,.service-flex {width: 90%;margin: 0 auto;padding: 40px 0px 64px;flex-direction: column-reverse;}
.thankyou-content {border:none;padding: 40px 0px;max-width: 790px;width:100%;}
.about-flex img {width: 100%;max-width: 790px !important;}
.about-flex.display-image img {display:block;}
section.about-flex.display-image {gap:20px;padding: 0px 0px 64px;}
.about-content {border-bottom: 0;padding: 40px 0px;}
}

@media screen and (max-width:1100px){
	
	.footer {flex-direction: column;gap: 30px;}
	.quick-links {width: 100%;}
	section#about-hero-section {padding: 20px 0px 0px;}
	
}

@media only screen and (max-width: 1000px) {
	.contact-flex {flex-direction: column-reverse;gap: 0px;}
	.contact-content {border-right:none;border-top:solid 4px #d83a0e;padding: 37px 0;}
	.headline {padding: 60px 30px;}
	.headline h1  {font-size: 27px;}
	.search-top {flex-direction: column;gap: 10px !important;}
	#hero { padding: 0;flex-direction: column; }
	#hero > img { position: relative; top: unset; left: unset; height: 300px; }
	.headline {background: #000;width: 100%;max-width: unset;border-radius: unset;padding: 30px 30px;color: #fff;left: 0;bottom: 0;position: relative;
    z-index: 999;text-align: center;}
	.headline h1 { text-align: center; }
	.headline .buttons { justify-content: center; }
	form.search-bottom {gap: 30px !important;}
	.search-equipment {padding: 42px 0;}
	.column3.last { margin-right: -31px;}
	
}

@media only screen and (max-width: 800px) {
	.nav-buttons a.gray.button-header {display:none;}
	.main-site-header {flex-direction: column-reverse;width:100%;}
	.logo {padding: 0 3vw;gap: 0!important;}
	form.search-bottom {flex-direction: column;padding: 0;gap: 0px !important;border:none;width: 100%;}
	.column3-manufacturer, .column3-category, .column3.last {gap: 20px;font-size:16px;}
	select#Category, select#Manufacturer{width: 100%;min-height: 60px;padding: 10px 20px!important;font-size: 16px;max-width: none !important; border: 1px solid #bbb!important; border-radius: 30px!important;margin-bottom:12px!important;}
	form.search-bottom {flex-direction: column;gap: 18px;padding: 30px 40px;}
	input#keywords {width: 100%;min-height: 60px;padding: 10px 20px!important;font-size: 16px; border: 1px solid #bbb!important; border-radius: 30px!important;margin-bottom:12px!important;}
	.search-top {gap: 20px;}
	.column3.last  {margin:0!important;}
	.column3.last button {padding: 13px 0;width:100%;min-height: 60px;}
	.nav-buttons a.orange.button-header {width: 90%;margin: 0 auto;}
	.nav-buttons a.orange.button-header {padding: 11px 0px;}
	.column3-category, .column3-manufacturer,.column3-keywords {max-width:100%;}
	.about-content .buttons {align-items: flex-start;}
	select#Category, select#Manufacturer {padding: 24px 0px;}
	.category-boxes { width: calc(50% - 5px); }
	.category-boxes a { min-height: 130px; }
}

@media only screen and (max-width: 700px) {
	.button.flex {display: flex;flex-direction: column;width: 90%;margin: 0 auto;gap: 21px;}
}

@media only screen and (max-width: 600px) {
	.search-top {display: flex;align-items: center;padding: 20px 46px;}
	.search-top h2 { text-align: center; }
	.column3.last button {padding: 13px 47%;}
	.headline h1 {font-size: 27px;line-height: 1.2;margin-bottom: 15px;}
}

@media only screen and (max-width: 500px) {
	.service-header,.about-header,.thankyou-header {justify-content: center;padding: 59px 0;width: 100%;text-align: center; }
	.about-content .buttons a.gray.button-header, .about-content .buttons a.orange.button-header {font-size: 16px;padding: 13px 22px;}
	.buttons {gap: 8px;}
}


@media only screen and (max-width: 420px) {
	
section#online-auctions a.gray.button-header,section#online-auctions a.orange.button-header {width: 100%;}
.about-content .buttons {display: flex;flex-direction: column;align-items: flex-start; gap: 20px;}
a.gray.button-header.no-shadow,a.orange.button-header.no-shadow {width:100%;}
a.gray.button-header.home,a.orange.button-header.home {text-align:center;}
#menu-button{width:100%;}
a.gray.button-header,a.orange.button-header {width: 100%;padding: 13px 25px;text-align: center;}
input[type="submit"] {max-width: unset;}
.nav-buttons {flex-direction: column;gap: 10px;max-width:unset;width:100%;}
.service-header,.about-header,.thankyou-header,.service-header.thank-you {padding: 59px 0px;}
}


@media only screen and (max-width: 400px) {
	.column3-manufacturer, .column3-category, .column3.last {margin-left: -7px;}
	.search-top {padding:0;margin-left:0;}
	.category-boxes { width: 100%; }
}





@media only screen and (max-width: 360px) {
	form.search-bottom {    
	flex-direction: column;
    gap: 18px;
    padding: 20px 18px;}
}