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


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

/*--- SUB NAV ---------------------*/
.sub-nav {width: 95%; margin: 0 auto; display: flex; justify-content: flex-end; gap: 15px; padding: 20px 0; position: absolute; z-index: 600;}
.sub-nav button {background: rgba(50,50,50,0.80); border: 2px #fff solid; border-radius: 40px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; width: 200px; padding: 10px 0; color: #fff;}
.sub-nav button:hover {background: #3B3A78; border: 2px #3B3A78 solid;}

/*---BODY--------------------------------*/
/*---DEFAULT---*/
.reel img {overflow: hidden; height: 530px; object-fit: cover;}
/*.hero-overlay {background: rgba(0,0,0,0.20); z-index: 800; position: absolute; width: 100%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}*/
.hero-content-bkgrd {background: rgba(59,58,120,0.80); clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%); width: 850px;}
.hero-content-width {width: 670px; margin-left: 80px; padding: 176px 0 122px 0;}
.hero-content-width p {color: #fff; text-transform: uppercase; font-size: 25px; letter-spacing: 3px; line-height: 30px;}
.hero-content-width h1 {color: #fff; text-transform: uppercase; font-size: 55px; line-height: 60px; margin: 20px 0 25px 0;}
.hero-content-width button {background: none; border: 2px #fff solid; border-radius: 40px; width: 220px; font-size: 14px; color: #fff; padding: 10px 10px 8px 10px; font-family: 'Poppins', sans-serif; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: flex; justify-content: space-around;}
.hero-content-width button:hover {width: 260px; transition: .5s;}

#upcoming-auctions {background: url("/siteart/auction-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
#consign-equipment {background: url("/siteart/consign-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
#view-inventory {background: url("/siteart/inventory-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.callto-overlay {background: rgba(0,0,0,0.60); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: flex; align-content: center; flex-wrap: wrap; padding: 80px 0 65px 0; justify-content: center;}
#callto {position: relative; z-index: 450; display: flex; justify-content: space-between; width: 80%; margin: 0 auto; margin-top: 60px; gap: 15px;}
#callto a {width: 100%;}
#callto a:hover .callto-overlay {background: rgba(59,58,120,0.80); transition: .5s;}
#callto h2 {color: #fff; font-size: 35px; text-transform: uppercase; line-height: 40px; text-align: center; width: 95%; margin: 0 auto;}
#callto hr {width: 50px; border: 2px #fff solid;}
#callto a:hover hr {width: 100px; transition: .5s;}

#gallery {background: url("/siteart/gallery-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; margin-top: 80px;}
.gallery-overlay {background: rgba(255,255,255,0.35); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.gallery-width {width: 95%; margin: 0 auto; padding: 40px 0; display: flex; justify-content: space-between; align-items: center;}
.auction-gallery p span {color: #3B3A78; text-transform: uppercase; font-size: 25px; letter-spacing: 3px; line-height: 30px;}
.auction-gallery h3 {color: #3B3A78; text-transform: uppercase; font-size: 45px; line-height: 50px; margin: 8px 0 10px 0;}
.auction-gallery p {font-size: 14px; line-height: 24px; color: #2B2B2B;}
.auction-gallery button {background: #3B3A78; border-radius: 40px; width: 220px; font-size: 14px; color: #fff; padding: 10px 10px 8px 10px; font-family: 'Poppins', sans-serif; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: flex; justify-content: space-around; border: none; margin-top: 20px;}
.auction-gallery button:hover {width: 260px; transition: .5s; background: #2B2B2B;}
.auction-gallery {width: 45%;}
.gallery {width: 45% !important; position: relative !important;}


/*---POP-UP -----------------------------------*/

*, *:after, *:before {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
}
.box {
                width: 50%;
                margin: 0 auto;
                background: rgba(0,0,0,0.2);
                padding: 35px;
                border-radius: 20px/50px;
                background-clip: padding-box;
                text-align: center;
}
.popup .close {
    position: absolute;
    top: 36px;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
.popup .close:hover {
	transform: translateY(0px);
}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
                content:"";
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: block;
                background: rgba(0, 0, 0, 0.5);
                position: fixed;
                z-index: 99999;
}
.overlay .popup {
                background: #fff;
                border-radius: 0px;
				box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
                width: 80%;
                position: absolute;
                top: 55vw;
                left: 0;
                right: 0;
                float:none;
                padding: 40px 0;
                margin: 0 auto;
                text-align:left;
                z-index: 99999999;
                -webkit-transition: all 0.6s ease-in-out;
                -moz-transition: all 0.6s ease-in-out;
                transition: all 0.6s ease-in-out;
                color:#000;
                font-size: 16px;font-weight: 400;
}
.popup-width {width: 80%; margin: 0 auto;}
.popup-header {display: flex; justify-content: flex-end;}
.popup-header h3 {margin-top: 10px !important; line-height: 0px !important;}
.popup-table {display: flex; justify-content: space-between;}
.popup-table li {line-height: 25px; padding: 6px 0 3px 0; font-size: 14px;}
#close {font-size: 25px;}
.close {font-size: 25px;}

/*Accordion*/
.flex-container.flex-services {
    justify-content: space-between;
    gap: 15px;
}

.flex-services .page-head {
    flex: 1;
}

.service-section {
    flex: 1;
}

.accordion {
	background: transparent;
    color: #555;
    cursor: pointer;
    padding: 15px 22px;
    font-size: 14px;
    width: 100%;
	margin: 0 auto;
    text-align: left;
    border: none;
    outline: none;
	font-family: 'Poppins', sans-serif !important;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    letter-spacing: 1px;
	border: 1px #323232 solid;
}

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

.panel p {
    padding: 10px 0;
	line-height: 24px; 
	font-size: 16px;
	color: #555;
}

.accordion:after {
  content: '+'; /* Unicode character for "plus" sign (+) */
  font-size: 28px;
    color: #2B2B2B;
    font-weight: 600;
    float: right;
}

.active:after {
  content: "-";
	 font-size: 28px;
  color: #2B2B2B;
  float: right;
  margin-left: 5px;/* Unicode character for "minus" sign (-) */
}

.form-bkgrd {background: url("/siteart/form-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; width: 50%;}
#questions-message {display: flex; justify-content: space-between; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.frequent-questions {width: 50%;}
.questions-width, .form-width {width: 90%; margin: 0 auto; padding: 80px 0;}
#questions-message p span {color: #2B2B2B; text-transform: uppercase; font-size: 25px; letter-spacing: 3px; line-height: 30px;}
.form-width p span {color: #fff !important;}
#questions-message h3 {color: #2B2B2B; text-transform: uppercase; font-size: 45px; line-height: 50px; margin: 8px 0 20px 0;}
.form-width h3 {color: #fff !important;}
.questions-width a button {background: #3B3A78; border-radius: 40px; width: 220px; font-size: 14px; color: #fff; padding: 12px 0px 10px 0px; font-family: 'Poppins', sans-serif; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: none; margin-top: 25px;}
.questions-width a:hover button {background: #2B2B2B; transition: .5s;}

#need-parts {background: url("/siteart/gallery-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; margin-top: 40px;}
.parts-overlay {background: rgba(255,255,255,0.35); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.parts-width {width: 95%; margin: 0 auto; padding: 40px 0; display: flex; justify-content: space-between; align-items: center;}
#need-parts h3 {color: #3B3A78; text-transform: uppercase; font-size: 45px; line-height: 50px; margin: 8px 0 10px 0;}
#need-parts p {font-size: 14px; line-height: 22px; color: #2B2B2B;}
#need-parts button {background: #3B3A78; border-radius: 40px; width: 220px; font-size: 14px; color: #fff; padding: 10px 10px 8px 10px; font-family: 'Poppins', sans-serif; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: flex; justify-content: space-around; border: none; margin-top: 20px;}
#need-parts button:hover {background: #2B2B2B; transition: .5s;}
.need-parts {width: 35%;}
.parts {width: 55% !important; position: relative !important;}

#about-bkgrd {background: url("/siteart/about-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; margin-top: 40px; margin-bottom: 20px;}
.about-overlay {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; background: rgba(59,58,120,0.90);}
.about-width {width: 850px; margin: 0 auto; text-align: center; padding: 80px 0;}
.about-width p span {color: #fff; text-transform: uppercase; font-size: 25px; letter-spacing: 3px; line-height: 30px;}
.about-width h3 {color: #fff; text-transform: uppercase; font-size: 45px; line-height: 50px; margin: 8px 0 10px 0;}
.about-width p {font-size: 14px; color: #fff; line-height: 22px;}
.about-width button {background: none; border: 2px #fff solid; border-radius: 40px; width: 220px; font-size: 14px; color: #fff; padding: 10px 10px 8px 10px; font-family: 'Poppins', sans-serif; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin-top: 25px;}
.about-width button:hover {background: #2B2B2B; border: 2px #2B2B2B solid;}

/*---CONSIGN---*/
.consign-hero {background: url("/siteart/hero-3.jpg") no-repeat !important; background-position: center !important; background-size: cover !important;}
#consign-form {display: flex; justify-content: center; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding: 50px 0;}
#consign-form .form-bkgrd {width: 70%; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; background: none;}
#consign-form h2 {margin-bottom: 10px; font-size: 25px;}
#consign-form p {font-size: 14px; line-height: 22px;}
#consign-form .consign-form form {margin-top: 20px;}
#consign-form .consign-form form input {border: 1px #bbb solid;}
#consign-form .consign-form form textarea {border: 1px #bbb solid;}
#consign-form .consign-form form .submitselect, #consign-form .consign-form form .submit {background: #3B3A78; border: none;}
#consign-form .consign-form form .CaptchaMessagePanel, #consign-form .consign-form form .CaptchaWhatsThisPanel a {color: #000;}
#consign-form .consign-form form .CaptchaWhatsThisPanel a:hover {border-bottom: 1px #000 solid;}
#consign-form hr {width: 50px; margin: 0px; margin-top: 15px; border: 2px #3B3A78 solid;}
#consign-form .consign-form form .submitselect:hover {background: #2E2E2E; transition: .5s;}
#consign-form .consign-form form .submit:hover {background: #2E2E2E; transition: .5s; cursor: pointer !important;}

/*---CONTACT---*/
.contact-hero {background: url("/siteart/hero.jpg") no-repeat !important; background-position: center !important; background-size: cover !important;}
.get-in-touch {width: 90% !important; margin: 0 auto !important; justify-content: space-between !important; box-shadow: none !important; gap: 10%;}
.get-in-touch .form-width {width: 100% !important; padding: 0px !important;}
.get-in-touch .form-bkgrd {width: 50% !important; box-shadow: none !important;}
.get-in-touch .contact-map {width: 50%;}
.get-in-touch .contact-map li a {color: #000; font-size: 14px;}
.get-in-touch .contact-map li a:hover {color: #3B3A78; transition: .5s;}
.get-in-touch .contact-map li {line-height: 30px;}
.get-in-touch .contact-map ul {margin-top: 20px; margin-bottom: 20px;}

/*---AUCTION INFO---*/
.auction-hero {background: url("/siteart/hero-2.jpg") no-repeat !important; background-position: center !important; background-size: cover !important;}
#drop-flex {display: flex; justify-content: space-between; gap: 10px; margin-top: 20px;}
.faq hr {margin-bottom: 20px !important;}
#drop-flex button, #drop-flex > a {width: 100%;}
#drop-flex button {border: none; background: none; color: #fff; font-size: 25px; text-transform: uppercase; line-height: 25px; text-align: center; width: 95%; margin: 0 auto; font-family: 'Poppins', sans-serif; font-weight: bold;}
#drop-flex > a {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
#drop-flex > a:hover {transition: .5s; transform: translateY(-6px);}
#drop-flex > a div {background: rgba(59,58,120,1.0); display: flex; justify-content: center; align-items: center; height: 100px;}
.faq-drops {margin-top: 30px;}
.faq-drops h3 {color: #000 !important; font-size: 25px; margin-bottom: 15px;}
.info-drop > div {border: 1px #323232 solid; padding: 30px 25px 25px 25px; margin-top: 30px;}
.info-drop > div a {display: flex; align-items: center; gap: 20px; margin-bottom: 15px;}
.info-drop > div a i, .food-flex i {color: #3B3A78; font-size: 20px;}
.info-drop h4 {color: #3B3A78; margin-bottom: 5px; font-size: 17px; line-height: 19px;}
.info-drop > div a p {color: #000; font-size: 16px !important; line-height: 22px !important;}
.info-drop .faq-map img {width: 400px; margin-top: 30px;}
.food-flex {display: flex; align-items: center; gap: 20px; margin-top: 30px;}
.food-flex img {width: 200px;}
.food-flex button {background: #3B3A78; border-radius: 40px; width: 220px; font-size: 14px; color: #fff; padding: 12px 0px 10px 0px; font-family: 'Poppins', sans-serif; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: none; margin-top: 15px;}
.offsite a {font-size: 14px; color: #3B3A78; margin-top: 5px;}
.offsite a i {font-size: 14px !important;}
.info-drop a:hover h4, .info-drop a:hover i {color: #000; transition: .5s}
.panel p a {color: #3B3A78; border-bottom: 1px transparent solid;}
.panel p a:hover {border-bottom: 1px #3B3A78 solid; transition: .5s;}

/*---ABOUT---*/
.about-hero {background: url("/siteart/about-bkgrd.jpg") no-repeat !important; background-position: center !important; background-size: cover !important;}
.about-info {width: 70%;}
.about-info p {margin-bottom: 10px;}
.about-info p span {color: #9F9F9F;}
.about-contact {border: 1px #9F9F9F solid; width: 30%; height: 100%;}
.about-contact ul {padding: 20px;}
.about-contact ul a {color: #000; font-size: 14px; line-height: 30px;}
.about-contact ul a:hover {color: #3B3A78; transition: .5s;}
.about-contact h3 {margin-bottom: 10px;}
.our-gallery {width: 90%; margin: 0 auto;}
.our-gallery h2 {text-align: center; margin-bottom: 10px; font-size: 25px;}
.gallery-img {display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; margin-top: 30px; margin-bottom: 100px;}
.gallery-img img {width: 30%;}
.about-flex {padding-bottom: 60px !important;}

/*---THANK YOU---*/
.about-info p a {color: #3B3A78; font-weight: bold; border-bottom: 1px transparent solid;}
.about-info p a:hover {border-bottom: 1px #3B3A78 solid; transition: .5s;}
.about-info button {background: #3B3A78; border-radius: 40px; width: 220px; font-size: 14px; color: #fff; padding: 12px 0px 10px 0px; font-family: 'Poppins', sans-serif; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: none; margin-top: 10px;}

/*--------FORM STYLES--------------------*/
.consign-form {margin-top: 0px; position: relative;}
.consign-form p {color: #CCC; font-size: 15px; margin-bottom: 30px; line-height: 20px;}
.consign-form form input {background: #fff; width: 100%; padding: 13px 0 13px 17px; font-family: 'Poppins', sans-serif; font-size: 14px; border: none;}
.consign-form td {width: 100%;}
.consign-form form {width: 98%;}
.consign-form form textarea {width: 100%; background: #fff; padding: 13px 0 13px 17px; font-family: 'Poppins', sans-serif; font-size: 14px; border: none;}
.consign-form form tr {display: flex; gap: 30px; margin-bottom: 12px;}
.consign-form form table {width: 100%;}
.consign-form form .submitselect {background: transparent; border-radius: 40px; width: 220px; font-size: 14px; color: #fff; padding: 12px 0px 10px 0px; font-family: 'Poppins', sans-serif; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: none; margin-top: 25px; display: flex; justify-content: center; border: 2px #fff solid;}
.consign-form form .submitselect:hover {background: #2B2B2B; transition: .5s; border: 2px #2B2B2B solid;}
.consign-form form .CaptchaMessagePanel {color: #fff; font-weight: normal; font-size: 14px; line-height: 20px;}
.consign-form form .CaptchaWhatsThisPanel a {color: #fff; border-bottom: 1px transparent solid; font-size: 14px;}
.consign-form form .CaptchaWhatsThisPanel a:hover {border-bottom: 1px #fff solid; transition: .5s;}
.consign-form form .submit {background: transparent; border-radius: 40px; width: 220px; font-size: 14px; color: #fff; padding: 12px 0px 10px 0px; font-family: 'Poppins', sans-serif; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: none; margin-top: 5px; border: 2px #fff solid;}
.consign-form form .submit:hover {background: #2E2E2E; transition: .5s; cursor: pointer !important;}
.form-wrapper h2 {color: #2E2E2E; font-family: 'poppins', sans-serif; font-size: 40px; margin-bottom: 10px; line-height: 45px; text-align: center;}
.form-wrapper p {color: #fff; text-align: center;}
.consign-form .formrow {display: flex; justify-content: flex-start;}



/*-------- FOOTER STYLES ----------------*/
footer {background: #2B2B2B;}
.footer-width {width: 95%; margin: 0 auto; padding: 80px 0; display: flex; justify-content: space-between;}
.footer-contact ul a {color: #fff; font-family: 'Poppins', sans-serif; font-size: 14px;}
.footer-contact ul a:hover {color: #6160B2; transition: .5s;}
.footer-contact ul li {line-height: 30px;}
.footer-contact ul {margin: 20px 0;}
.footer-button {display: flex; gap: 15px;}
.footer-button button {background: none; border: 2px #fff solid; border-radius: 40px; width: 220px; font-size: 14px; color: #fff; padding: 10px 10px 8px 10px; font-family: 'Poppins', sans-serif; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.footer-links h4 {color: #fff; font-size: 16px; text-transform: uppercase; margin-bottom: 10px;}
.footer-links div {display: flex; gap: 60px;}
.footer-links ul a {color: #fff; font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: uppercase;}
.footer-links ul a:hover {color: #6160B2; transition: .5s;}
.footer-links ul li {line-height: 30px;}
footer button:hover {background: #3B3A78; border: 2px #3B3A78 solid;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-hero {background: url("/siteart/hero-4.jpg") no-repeat; background-position: center; background-size: cover;}
.inv-overlay {background: rgba(43,43,43,0.80);}
.inv-content {width: 90%; margin: 0 auto; text-align: center; padding: 120px 0 70px 0;}
.inv-content p {color: #fff; text-transform: uppercase; font-size: 25px; letter-spacing: 3px; line-height: 30px;}
.inv-content h1 {color: #fff; text-transform: uppercase; font-size: 55px; line-height: 60px; margin-top: 8px;}
.list-redesign {margin-top: 50px !important; margin-bottom: 100px !important;}
.list-top-section .list-listings-count {color: #3B3A78 !important;}





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

@media only screen and (max-width: 1500px) {
	.hero-content-width {margin-left: 70px;}
}
@media only screen and (max-width: 1400px) {
	#callto {width: 90%;}
}
@media only screen and (max-width: 1350px) {
	.about-contact {width: 35%;}
}
@media only screen and (max-width: 1300px) {
	.hero-content-width {margin-left: 60px;}
	#consign-form .form-bkgrd {width: 80%;}
}
@media only screen and (max-width: 1250px) {
	.about-info {width: 60%;}
}
@media only screen and (max-width: 1240px) {
	.sub-nav {display: none;}
	.hero-content-width h1 {font-size: 45px; line-height: 50px; margin: 15px 0 20px 0;}
	.hero-content-width p, .auction-gallery p span, #questions-message p span, .about-width p span {font-size: 22px; line-height: 28px;}
	.reel img {height: 497px;}
	.hero-content-bkgrd {width: 750px;}
	#callto {width: 95%;}
	#callto h2 {font-size: 30px; line-height: 35px;}
	.auction-gallery h3, #questions-message h3, #need-parts h3, .about-width h3 {font-size: 40px; line-height: 45px; margin: 8px 0 10px 0;}
	.gallery-width {width: 95%;}
	.panel p {font-size: 15px;}
	.inv-content {padding: 90px 0 55px 0;}
}
@media only screen and (max-width: 1200px) {
	.hero-content-width {margin-left: 55px;}
	.hero-content-bkgrd {width: 745px;}
}
@media only screen and (max-width: 1150px) {
	.get-in-touch iframe {height: 400px !important;}
	.about-contact {width: 40%;}
}
@media only screen and (max-width: 1050px) {
	.hero-content-width {margin-left: 50px;}
	.hero-content-bkgrd {width: 740px;}
	.callto-overlay {padding: 70px 0 55px 0;}
	#callto {gap: 10px;}
	.accordion {font-size: 16px; padding: 12px 18px;}
	#questions-message {flex-wrap: wrap;}
	.frequent-questions {width: 100%;}
	.form-bkgrd {width: 100%;}
	.questions-width, .form-width {width: 95%;}
	.about-width {width: 95%;}
	#consign-form .form-bkgrd {width: 90%;}
	#consign-form .form-width {width: 90%;}
	.about-flex {flex-wrap: wrap !important; gap: 20px !important;}
	.about-info {width: 100%;}
	.about-contact {width: 350px;}
	.gallery-img img {width: 32.5%;}
	.about-flex {padding-bottom: 70px !important;}
	.about-info button {margin-bottom: 30px;}
}
@media only screen and (max-width: 1000px) {
	#callto h2 {font-size: 25px; line-height: 30px;}
	.get-in-touch iframe {height: 350px !important;}
}
@media only screen and (max-width: 950px) {
	.get-in-touch {gap: 50px; flex-wrap: wrap;}
	.get-in-touch .contact-map {width: 100%;}
	.get-in-touch iframe {width: 400px;}
	.get-in-touch .form-bkgrd {width: 100% !important;}
	#drop-flex button {font-size: 23px; line-height: 23px;}
	#drop-flex > a div {height: 80px;}
}
@media only screen and (max-width: 900px) {
	.reel img {height: auto;}
	.hero-overlay {background: none;}
	.hero-content-bkgrd {background: rgba(59,58,120,1.00); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); width: 100%;}
	.hero-content-width {width: 95%; margin: 0 auto; padding: 80px 0 90px 0;}
	.gallery-width {flex-wrap: wrap; gap: 50px; padding: 80px 0;}
	.auction-gallery, .need-parts {width: 100%;}
	.gallery, .parts {width: 100% !important;}
	.parts-width {flex-wrap: wrap; gap: 50px; padding: 80px 0;}
}
@media only screen and (max-width: 850px) {
	#drop-flex button {font-size: 20px; line-height: 20px;}
}
@media only screen and (max-width: 800px) {
	.footer-width {flex-wrap: wrap; gap: 50px;}
	.footer-contact {width: 100%;}
	#consign-form .form-bkgrd {width: 100%; box-shadow: none;}
	#consign-form .form-width {padding: 30px 0 80px 0;}
}
@media only screen and (max-width: 750px) {
	#callto {flex-wrap: wrap;}
	.consign-form form {width: 97.5%;}
}
@media only screen and (max-width: 700px) {
	.gallery-img img {width: 49%;}
}
@media only screen and (max-width: 650px) {
	#consign-form .consign-form form tr {flex-wrap: wrap; gap: 12px;}
	#drop-flex button {font-size: 18px; line-height: 18px;}
	#drop-flex {gap: 5px;}
	.food-flex {flex-wrap: wrap;}
	.offsite-flex {flex-wrap: nowrap;}
}
@media only screen and (max-width: 600px) {
	.consign-form form {width: 97%;}
	.get-in-touch iframe {width: 100%;}
}
@media only screen and (max-width: 550px) {
	.info-drop .faq-map img {width: 100%;}
}
@media only screen and (max-width: 500px) {
	.hero-content-width h1 {font-size: 40px; line-height: 45px;}
	.inv-content h1 {font-size: 40px; line-height: 45px;}
	.inv-content p {font-size: 20px; line-height: 25px;}
	.hero-content-width p, .auction-gallery p span, #questions-message p span, .about-width p span {font-size: 20px; line-height: 25px; letter-spacing: 2px;}
	.hero-content-width button, .auction-gallery button, #questions-message button, .consign-form form .submitselect, .consign-form form .submit, #need-parts button, .about-width button {font-size: 13px;}
	.hero-content-width {padding: 60px 0 70px 0;}
	.auction-gallery h3, #questions-message h3, #need-parts h3, .about-width h3 {font-size: 35px; line-height: 40px;}
	.auction-gallery p, #questions-message p, #need-parts p {font-size: 12px;}
	#questions-message p {line-height: 20px;}
	.panel p {font-size: 14px !important; line-height: 22px !important;}
	.consign-form form {width: 96.5%;}
	.about-width p {font-size: 12px; line-height: 22px;}
	.footer-button a, .footer-button button {width: 100%;}
	.inv-content p {font-size: 22px; line-height: 25px;}
	.inv-content h1 {font-size: 45px; line-height: 45px;}
	#consign-form h2, .our-gallery h2 {font-size: 23px; line-height: 28px;}
	#consign-form p {font-size: 12px; line-height: 20px;}
	.consign-form form input, .consign-form form textarea {font-size: 13px;}
	.consign-form form .submitselect {margin-top: 15px;}
	#consign-form .form-width {padding: 10px 0 40px 0;}
	.consign-form form textarea {line-height: 20px;}
	.get-in-touch .contact-map ul {margin-top: 15px; margin-bottom: 15px;}
	.get-in-touch .contact-map li {line-height: 26px;}
	.get-in-touch .contact-map li a {font-size: 12px;}
	.faq-drops h3 {font-size: 23px; margin-bottom: 10px; line-height: 26px;}
	#drop-flex button {font-size: 16px; line-height: 16px;}
	#drop-flex > a div {height: 65px;}
	.food-flex img {width: 180px;}
	.infp-drop h4 {font-size: 16px;}
	.info-drop > div a i {font-size: 16px;}
	.offsite a {font-size: 13px;}
	.offsite a i {font-size: 13px !important;}
	.food-flex button {font-size: 13px;}
	.info-drop h4 {margin-bottom: 3px; font-size: 16px;}
	.info-drop > div a p {font-size: 14px !important;}
	.info-drop > div a {gap: 15px;}
	.about-contact h3 {font-size: 16px;}
	.about-contact ul a {font-size: 12px; line-height: 26px;}
	.about-contact {width: 100%;}
	.about-info button {font-size: 13px;}
	.consign-form form .CaptchaMessagePanel, .consign-form form .CaptchaWhatsThisPanel a {font-size: 12px;}
	.hero-content-width button, .auction-gallery button, #questions-message button, .consign-form form .submitselect, .consign-form form .submit, #need-parts button, .about-width button {font-size: 13px;}
}
@media only screen and (max-width: 450px) {
	.consign-form form {width: 96%;}
	#drop-flex button {font-size: 14px; line-height: 14px;}
}
@media only screen and (max-width: 400px) {
	.consign-form form tr {flex-wrap: wrap; gap: 10px; margin-bottom: 10px;}
	.consign-form form {width: 100%;}
	.consign-form form input, .consign-form form textarea {width: 95%;}
	#drop-flex button {font-size: 12px; line-height: 12px;}
	#drop-flex > a div {height: 55px;}
	.food-flex img {width: 100%;}
	.food-flex button {width: 100%;}
	.about-info button {width: 100%;}
	.gallery-img img {width: 100%;}
}
@media only screen and (max-width: 350px) {
	.hero-content-width h1 {font-size: 35px; line-height: 40px;}
	.inv-content h1 {font-size: 40px; line-height: 40px;}
	.inv-content p {font-size: 20px; line-height: 22px;}
	.auction-gallery h3, #questions-message h3, #need-parts h3, .about-width h3 {font-size: 30px; line-height: 33px; margin: 5px 0 10px 0;}
	.hero-content-width button, .auction-gallery button, #questions-message button, .consign-form form .submitselect, .consign-form form .submit, #need-parts button {width: 100%; justify-content: space-between; padding: 10px 25px 8px 25px;}
	.hero-content-width button:hover , .auction-gallery button:hover {width: 100%;}
	.accordion {padding: 10px 15px 8px 15px !important;}
	#questions-message p {font-size: 14px;}
	.consign-form form .submitselect, #need-parts button {justify-content: center;}
	#question-message h3 {margin: 10px 0 15px 0 !important;}
	.about-width button {width: 100%;}
	.about-width p {font-size: 15px;}
	.footer-button {flex-wrap: wrap;}
	.inv-content {padding: 80px 0 45px 0;}
	#consign-form h2, .our-gallery h2 {font-size: 22px; line-height: 26px; margin-bottom: 5px;}
	.footer-contact ul a, .footer-links ul a, .footer-button button {font-size: 13px;}
	#consign-form hr {width: 35px;}
	.get-in-touch .contact-map ul {margin-top: 10px; margin-bottom: 10px;}
	.faq-drops h3 {font-size: 22px;}
	.info-drop > div a p {font-size: 12px !important; line-height: 20px !important;}
	.info-drop h4 {font-size: 15px;}
	.info-drop > div a i {font-size: 15px;}
	.offsite a {font-size: 12px;}
	.info-drop > div a {gap: 12px;}
	.about-contact h3 {font-size: 15px;}
	.about-contact ul a {font-size: 11px; line-height: 24px;}
}
@media only screen and (max-width: 320px) {
	#drop-flex {gap: 2px;}
	#drop-flex button {font-size: 11px; line-height: 11px;}
}
@media only screen and (max-width: 300px) {
	.consign-form form input, .consign-form form textarea {width: 94%;}
	.get-in-touch .contact-map li {line-height: 24px;}
	.get-in-touch .contact-map li a {font-size: 12px;}
	.about-contact ul {padding: 15px 10px;}
}