/***** 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; max-width: 1800px; margin: 0 auto;}

/*--- HEADER STYLES ---------------------*/

#header-nav {display: flex; justify-content: space-between; width: 95%; margin: 0 auto; padding-top: 30px; position: relative; z-index: 600;}
.credit-button button {background: #252525; width: 215px; padding: 12px 0; border-radius: 30px; font-family: "barlow-condensed", sans-serif; text-transform: uppercase; color: #fff; font-size: 18px; line-height: 18px; font-weight: bold; border: none;}
.credit-button button:hover {background: #CC0202; transition: .5s;}
.credit-button {margin-bottom: 20px;}
.broken-bkgrd {background: url("/siteart/bkgrds/broken-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; width: 215px;}
.broken-overlay {background: rgba(204,2,2,0.85); border-radius: 5px;}
.broken-wrap {padding: 20px 12px; text-align: center;}
.broken-wrap p {color: #fff; font-family: "barlow-condensed", sans-serif; text-transform: uppercase; font-weight: bold; font-size: 27px; line-height: 27px;}
.broken-wrap p span {font-size: 90px; line-height: 80px;}
.click-here p {font-size: 18px; line-height: 18px;}
.click-here {padding-top: 10px;}
.header-links {text-align: right; margin-top: 55px;}
.header-phone {margin-bottom: 20px;}
.header-phone a {color: #CC0202; font-family: "barlow-condensed", sans-serif; font-size: 28px; line-height: 28px; font-weight: bold;}
.header-phone a:hover {color: #254188; transition: .5s;}
.header-locations {display: flex; gap: 30px; justify-content: flex-end;}
.header-locations li a {color: #000; font-family: "barlow-condensed", sans-serif; font-size: 28px; line-height: 28px; text-transform: uppercase; font-weight: bold;}
.header-locations li a:hover {color: #CC0202; transition: .5s;}
.header-logo {width: 100%; display: flex; justify-content: center;}
.header-links, .header-buttons {width: 200px;}
.broken-button a:hover .broken-overlay {background: rgba(37,65,136,0.85); transition: .5s;}
.header-logo p {text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 26px; margin-top: 60px;}
.crushing {display: none;}

.mobile-hero {display: none;}

/*---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: 25px;
    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: 10px;
				box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
                width: 800px;
                position: absolute;
                top: 80px;
                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: 95%; margin: 0 auto;}
.popup-header {display: flex; justify-content: space-between;}
.popup-header h3 {margin-top: 10px !important; line-height: 0px !important;}
.popup-table li {line-height: 25px; padding: 6px 0 3px 0; font-size: 14px;}
#close {font-size: 25px;}
.close {font-size: 25px;}

.call-text {text-align: center;}
.popup-table .contact-details {justify-content: center !important; gap: 100px; margin-top: 30px; text-align: center;}
.call-text h2 {font-family: "barlow-condensed", sans-serif; text-transform: uppercase; font-size: 30px; line-height: 35px; margin-bottom: 10px;}
.popup p {font-size: 18px;}

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

/*---DEFAULT---*/

#hero {display: flex; justify-content: space-between; align-items: center; position: absolute; width: 100%; max-width: 1800px;}
#hero-absolute {display: flex; justify-content: space-between; width: 80%; margin: 0 auto; margin-top: -75px;}
#hero-absolute > div:first-child {position: relative; z-index: 500;}
#hero-absolute > div:last-child {position: relative; z-index: 500;}
#hero > div:nth-child(2) {width: 100%;}
#hero > div:first-child, #hero > div:last-child {width: 50%;}
.simplicity .light-grey {padding: 227px 100px 227px 30px !important;}
.anaconda .light-grey {padding: 227px 30px 227px 100px !important;}
.lighter-grey {background: #EFEFEF; height: 258px; display: flex; align-items: center; justify-content: center; width: 450px;}
.major .lighter-grey, .irock .lighter-grey {clip-path: polygon(0% 0%, 100% 0%, 60% 100%, 40% 100%);}
.eiw .lighter-grey, .puzzolana .lighter-grey {clip-path: polygon(40% 0%, 60% 0%, 100% 100%, 0% 100%);}
.light-grey {background: #E8E8E8; padding: 227px 0; text-align: center;}
.hero-bkgrd {background: url("/siteart/hero-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.hero-overlay {background: rgba(37,37,37,0.60); padding: 99px 0px; display: flex; justify-content: center;}
.hero-border {border-left: 3px #fff solid; border-right: 3px #fff solid; text-align: center; width: 350px;}
.hero-border i {color: #fff;}
.hero-border h1 {font-family: "barlow-condensed", sans-serif; font-size: 70px; line-height: 70px; font-weight: bold; color: #fff; text-transform: uppercase;}
.hero-border p {color: #fff; text-transform: uppercase; font-family: "barlow-condensed", sans-serif; font-size: 25px; line-height: 25px; font-weight: bold; margin-top: 20px;}
.hero-header {padding: 40px 0;}
.star-top {position: relative; top: -8px; display: flex; justify-content: space-between;}
.star-top hr, .star-bottom hr {border: 1px #fff solid; width: 55px;}
.star-bottom {position: relative; bottom: -16px; display: flex; justify-content: space-between;}
.hero-center a:hover .hero-overlay {background: rgba(37,65,136,0.60); transition: .5s;}
.major, .eiw {position: relative;}
/*.simplicity {clip-path: polygon(49.75% 0%, 99.75% 50%, 49.75% 100%, 0% 100%, 0% 0%); position: absolute; z-index: 800;}*/
.irock, .puzzolana {position: relative;}
.hero-center {position: relative; z-index: 500;}
/*.anaconda {clip-path: polygon(49.75% 0%, 0% 50.5%, 49.75% 100%, 99.75% 100%, 99.75% 0%); position: absolute; z-index: 800;}*/
.major a:hover .lighter-grey {background: #95CA42; transition: .5s;}
.eiw a:hover .lighter-grey {background: #FFC111; transition: .5s;}
.irock a:hover .lighter-grey {background: #FAB717; transition: .5s;}
.puzzolana a:hover .lighter-grey {background: #017DC1; transition: .5s;}
.major-logo {background: url("/siteart/logos/major-logo.png") no-repeat; background-position: center; background-size: contain; padding: 65px;}
.flex-logo {background: url("/siteart/logos/flexmat-logo.png") no-repeat; background-position: center; background-size: contain; padding: 65px;}
.eiw-logo {background: url("/siteart/logos/EIW-logo.png") no-repeat; background-position: center; background-size: contain; padding: 80px;}
.eiw a:hover .eiw-logo {background: url("/siteart/logos/EIW-logo-white.png") no-repeat; background-position: center; background-size: contain; padding: 80px;}
.irock-logo {background: url("/siteart/logos/irock-logo.png") no-repeat; background-position: center; background-size: contain; padding: 85px;}
.irock a:hover .irock-logo {background: url("/siteart/logos/irock-logo-white.png") no-repeat; background-position: center; background-size: contain; padding: 85px;}
.puzzolana-logo {background: url("/siteart/logos/puzzolana-logo.png") no-repeat; background-position: center; background-size: contain; padding: 65px;}
.puzzolana a:hover .puzzolana-logo {background: url("/siteart/logos/puzzolana-logo-white.png") no-repeat; background-position: center; background-size: contain; padding: 65px;}
.major a:hover .major-logo {background: url("/siteart/logos/major-logo-white.png") no-repeat; background-position: center; background-size: contain; padding: 65px;}
.major a:hover .flex-logo {background: url("/siteart/logos/flexmat-logo-white.png") no-repeat; background-position: center; background-size: contain; padding: 65px;}
.simplicity-logo {background: url("/siteart/logos/simplicity-logo.png") no-repeat; background-position: center; background-size: contain; padding: 30px;}
.anaconda-logo {background: url("/siteart/logos/anaconda-logo.png") no-repeat; background-position: center; background-size: contain; padding: 16px; margin: 15px 0;}
.simplicity a:hover .simplicity-logo {background: url("/siteart/logos/simplicity-logo-white.png") no-repeat; background-position: center; background-size: contain; padding: 30px;}
.anaconda a:hover .anaconda-logo {background: url("/siteart/logos/anaconda-logo-white.png") no-repeat; background-position: center; background-size: contain; padding: 16px; margin: 15px 0;}
.simplicity a:hover .light-grey {background: #E01A35; transition: .5s;}
.anaconda a:hover .light-grey {background: #F2B310; transition: .5s;}

#epic-stuff {background: #252525;}
#epic-stuff div {width: 95%; margin: 0 auto; padding: 30px 0; text-align: center;}
#epic-stuff h2 {font-size: 50px; font-family: "barlow-condensed", sans-serif; line-height: 55px; text-transform: uppercase; color: #fff; font-weight: lighter;}
#epic-stuff h2 span {font-weight: bold;}

#services {display: flex; justify-content: space-between;}
#services > div {width: 100%; text-align: center; padding: 80px 70px;}
.locations, .brands {background: #EFEFEF;}
.contact {background: #F6F6F6;}
#services h3 {font-size: 40px; line-height: 45px; font-weight: bold; text-transform: uppercase; font-family: "barlow-condensed", sans-serif;}
#services hr {border: #CC0202 2px solid; width: 80px; margin-top: 20px; margin-bottom: 20px;}
#services p {font-size: 17px; line-height: 30px; margin-bottom: 20px;}
.locations-bkgrd {background: url("/siteart/bkgrds/broken-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.locations-overlay, .contact-overlay {background: rgba(204,2,2,0.85); border-radius: 5px; padding: 60px 0;}
.contact-bkgrd {background: url("/siteart/bkgrds/broken-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
#services h4 {color: #fff; font-size: 35px; line-height: 40px; text-transform: uppercase; font-family: "barlow-condensed", sans-serif;}
.locations a, .contact a {border-radius: 5px;}
.locations a:hover .locations-overlay, .contact a:hover .contact-overlay {background: rgba(37,65,136,0.85); transition: .5s;}
.brands-flex {display: flex; justify-content: center; gap: 50px;}
.brands-flex a {color: #000; text-transform: uppercase; font-size: 30px; line-height: 45px; font-family: "barlow-condensed", sans-serif; font-weight: bold;}
.brands-flex a:hover {color: #CC0202; transition: .5s;}

.about-img {background: url("/siteart/bkgrds/about-img.jpg") no-repeat; background-position: center; background-size: cover; width: 40%; clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 10% 100%);}
#about-us {display: flex; background: #252525;}
.about-content {width: 60%; padding: 80px 0 80px 50px;}
.about-content h2 span {color: #fff; font-family: "barlow-condensed", sans-serif; font-weight: bold; text-transform: uppercase; font-size: 25px; line-height: 30px;}
.about-content h2 {color: #fff; font-family: "barlow-condensed", sans-serif; font-weight: bold; text-transform: uppercase; font-size: 50px; line-height: 55px;}
.about-content p {color: #fff; font-size: 18px; line-height: 30px; margin-bottom: 10px;}
.about-content button {background: #CC0202; border-radius: 30px; padding: 12px 0; width: 230px; font-family: "barlow-condensed", sans-serif; font-size: 18px; line-height: 18px; font-weight: bold; color: #fff; text-transform: uppercase; border: 2px #CC0202 solid;}
.about-p {padding: 25px 0;}
.about-overlay {background: rgba(204,2,2,0.85); height: 100%; clip-path: polygon(20% 0%, 32% 0%, 11% 100%, 10% 100%);}
.about-content button:hover {border: 2px #fff solid; transition: .5s; background: none;}
.about-img-mobile {display: none;}

.mobile-hero {display: none;}

/*---PARTS---*/

.sub-bkgrd {background: #EFEFEF; margin-top: -75px;}
.sub-wrap {width: 95%; margin: 0 auto; padding: 120px 0 80px 0; display: flex; justify-content: space-between;}
.sub-wrap h1 {font-family: "barlow-condensed", sans-serif; font-size: 50px; line-height: 55px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px;}
.sub-wrap p {font-size: 18px; line-height: 30px; margin-bottom: 10px;}
.sub-wrap > div:first-child {width: 65%;}
.sub-wrap > div:last-child {width: 30%; background: #252525; border-radius: 10px;}
.sub-wrap p a {color: #CC0202;}
.sub-wrap hr {border: #CC0202 2px solid; width: 80px; margin: 0; margin-top: 20px; margin-bottom: 20px;}
.sub-links a {display: flex; align-items: center; gap: 10px;}
.sub-links p {line-height: 18px; margin-bottom: 0px;}
.sub-links a i {background: #252525; color: #fff; height: 48px; width: 48px; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 19px; line-height: 19px;}
.sub-links > a:first-child {margin-bottom: 10px;}
.sub-links {margin-top: 20px;}
.sub-links a {color: #000; font-weight: bold;}
.sub-links a:hover i {background: #CC0202; transition: .5s;}
.sub-links a:hover p {color: #CC0202; transition: .5s;}

/*---CONTACT---*/

.sub-contact {width: 95%; margin: 0 auto; padding: 120px 0 80px 0;}
.sub-contact h1 {font-family: "barlow-condensed", sans-serif; font-size: 50px; line-height: 55px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px;}
.sub-contact p {font-size: 18px; line-height: 30px; margin-bottom: 10px;}
.sub-contact hr {border: #CC0202 2px solid; width: 80px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}
.contact-header {text-align: center;}
.contact-flex {display: flex; justify-content: space-between;}
.contact-flex > div {width: 48%;}
.contact-flex {margin-top: 50px;}
.contact-flex h2 {font-family: "barlow-condensed", sans-serif; text-transform: uppercase; font-size: 30px; line-height: 35px; margin-bottom: 20px; position: relative; z-index: 900;}
.contact-flex iframe {margin-bottom: 30px;}
.contact-details {display: flex; justify-content: space-between;}
.contact-details p {margin-bottom: 5px;}
.contact-details li a {color: #CC0202; font-size: 18px; line-height: 18px;}
.contact-details li {margin-bottom: 5px;}
.contact-details li a:hover {color: #254188; transition: .5s;}
.sub-contact button {background: #CC0202; border-radius: 30px; padding: 12px 0; width: 230px; font-family: "barlow-condensed", sans-serif; font-size: 18px; line-height: 18px; font-weight: bold; color: #fff; text-transform: uppercase; border: 2px #CC0202 solid; margin-top: 15px;}
.sub-contact button:hover {border: 2px #252525 solid; transition:.5s; background: #252525;}
.grey-box {background: #EFEFEF; height: 61px; position: relative; z-index: 800; width: 101%; margin-top: -60px;}
.contact-fix {margin-top: -60px;}
.iframe-fix iframe {position: relative; top: -60px;}

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

.sub-wrap form {padding: 40px 25px;}
.sub-wrap form .form-flex, .sub-contact form .form-flex {display: flex; gap: 10px; margin-bottom: 10px;}
.sub-wrap form input, .sub-contact form input {width: 100%; border: none; padding: 10px 0 8px 15px; font-family: "poppins", sans-serif; font-size: 15px; line-height: 15px; color: #6C6C6C;}
.sub-wrap form textarea, .sub-contact form textarea {width: 100%; border: none; font-family: "poppins", sans-serif; font-size: 15px; line-height: 15px; color: #6C6C6C; padding: 15px 0 0 15px; height: 130px;}
.sub-wrap form p {color: #fff; font-size: 15px; line-height: 26px; margin-bottom: 15px;}
.sub-wrap form .submitselect, .sub-contact form .submitselect {background: #CC0202; border-radius: 30px; padding: 12px 0; width: 200px; font-family: "barlow-condensed", sans-serif; font-size: 18px; line-height: 18px; font-weight: bold; color: #fff; text-transform: uppercase; border: 2px #CC0202 solid; display: flex; justify-content: center; margin-top: 15px;}
.sub-wrap form .submitselect:hover {border: 2px #fff solid; transition: .5s; background: none;}
.sub-wrap form .submit, .sub-contact form .submit {background: #CC0202; border-radius: 30px; padding: 12px 0; width: 200px; font-family: "barlow-condensed", sans-serif; font-size: 18px; line-height: 18px; font-weight: bold; color: #fff; text-transform: uppercase; border: 2px #CC0202 solid;}
.sub-wrap form .submit:hover {border: 2px #fff solid; transition: .5s; background: none; cursor: pointer !important;}
.sub-wrap form .CaptchaMessagePanel {color: #fff;}
.sub-wrap form .CaptchaAnswerPanel input, .sub-contact form .CaptchaAnswerPanel input {width: auto;}
.sub-wrap form .CaptchaWhatsThisPanel a {color: #fff; text-decoration: underline;}
.sub-contact form .CaptchaWhatsThisPanel a {color: #000; text-decoration: underline;}
.sub-contact form .CaptchaMessagePanel {color: #000;}
.sub-contact form .submit:hover {border: 2px #252525 solid; transition: .5s; background: #252525; cursor: pointer !important;}
.sub-contact form .submitselect:hover {border: 2px #252525 solid; transition: .5s; background: #252525;}

/*-------- FOOTER STYLES ----------------*/

.footer {background: #252525; margin-top: -69px; position: relative;}
.footer-wrap {width: 95%; margin: 0 auto; padding: 50px 0; display: flex; justify-content: space-between;}
.footer-wrap p {color: #fff; font-family: "barlow-condensed", sans-serif; text-transform: uppercase; font-weight: bold; font-size: 25px; line-height: 25px;}
.footer-wrap li, .footer-wrap li a {font-family: "barlow-condensed", sans-serif; font-size: 18px; line-height: 18px; font-weight: bold; text-transform: uppercase; color: #fff;}
.footer-wrap li {margin-bottom: 12px;}
.footer-wrap ul {margin-top: 20px;}
.footer-wrap button {background: #CC0202; width: 180px; padding: 12px 0; border-radius: 30px; font-family: "barlow-condensed", sans-serif; font-size: 17px; line-height: 17px; text-transform: uppercase; color: #fff; font-weight: bold; border: 2px #CC0202 solid; margin-top: 15px;}
.footer-wrap button:hover {background: none; border: 2px #fff solid; transition: .5s}
.footer-wrap li a:hover {color: #CC0202; transition: .5s;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.list-redesign {padding-top: 70px !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, .thumb-container .thumb .thumb-details .title {color: #CC0202 !important;}
.faceted-search-content .selected-facets-container .selected-facet, .maximequipmentcomhdev-88jlbf {background: #CC0202 !important;}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .list-container-flexrow .contact-options, .list-container-flexrow .contact-options a, .list-content .list-error-container .info button:not(.login-button) {background: #252525 !important;}
.detail-wrapper {padding-top: 120px !important; padding-bottom: 80px !important;}


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

@media only screen and (max-width: 1500px) {
	.hero-border h1 {font-size: 60px; line-height: 60px;}
	.hero-border p {font-size: 20px; line-height: 20px;}
	.hero-header {padding: 25px 0;}
	.hero-border {width: 315px;}
	.hero-overlay {padding: 127px 0;}
	.simplicity-logo, .simplicity a:hover .simplicity-logo {padding: 25px;}
	.simplicity .light-grey {padding: 233px 100px 233px 30px !important;}
	.anaconda-logo, .anaconda a:hover .anaconda-logo {padding: 13px;}
	.anaconda .light-grey {padding: 233px 30px 233px 100px !important;}
	.major-logo, .flex-logo, .major a:hover .flex-logo, .major a:hover .major-logo {padding: 60px;}
	.eiw-logo, .eiw a:hover .eiw-logo {padding: 75px;}
	.irock-logo, .irock a:hover .irock-logo {padding: 80px;}
	.puzzolana-logo, .puzzolana a:hover .puzzolana-logo {padding: 60px;}
	.anaconda-logo, .anaconda a:hover .anaconda-logo {margin: 12px 0;}
	#hero-absolute {margin-top: -76px;}
}
@media only screen and (max-width: 1450px) {
	.hero-border h1 {font-size: 55px; line-height: 55px;}
	.hero-border p {font-size: 18px; line-height: 18px;}
	.hero-header {padding: 20px 0;}
	.hero-border {width: 300px;}
	.hero-overlay {padding: 138px 0;}
	.simplicity-logo, .simplicity a:hover .simplicity-logo {padding: 20px;}
	.simplicity .light-grey {padding: 237px 100px 237px 30px !important;}
	.anaconda-logo, .anaconda a:hover .anaconda-logo {padding: 10px;}
	.anaconda .light-grey {padding: 237px 30px 237px 100px !important;}
	.major-logo, .flex-logo, .major a:hover .flex-logo, .major a:hover .major-logo {padding: 55px;}
	.eiw-logo, .eiw a:hover .eiw-logo {padding: 70px;}
	.irock-logo, .irock a:hover .irock-logo {padding: 75px;}
	.puzzolana-logo, .puzzolana a:hover .puzzolana-logo {padding: 55px;}
	.lighter-grey {width: 400px;}
	.anaconda-logo, .anaconda a:hover .anaconda-logo {margin: 10px 0;}
}
@media only screen and (max-width: 1400px) {
	.header-logo img {width: 300px;}
	.header-phone a, .header-locations li a, .broken-wrap p {font-size: 25px; line-height: 25px;}
	.broken-wrap p span {font-size: 82px; line-height: 72px;}
	.click-here p {font-size: 17px; line-height: 17px;}
	.sub-wrap > div:first-child {width: 60%;}
	.sub-wrap > div:last-child {width: 35%;}
	.hero-overlay {padding: 136px 0;}
}
@media only screen and (max-width: 1300px) {
	.hero-border h1 {font-size: 50px; line-height: 50px;}
	.hero-border p {font-size: 17px; line-height: 17px;}
	.hero-header {padding: 18px 0;}
	.hero-border {width: 290px;}
	.hero-overlay {padding: 146px 0;}
	.lighter-grey {width: 380px;}
}
@media only screen and (max-width: 1250px) {
	#services > div {padding: 80px 50px;}
	.lighter-grey {height: 238px;}
	.simplicity .light-grey {padding: 217px 100px 217px 30px !important;}
	.anaconda .light-grey {padding: 217px 30px 217px 100px !important;}
	.hero-overlay {padding: 126px 0;}
	.contact-details {flex-wrap: wrap; gap: 20px;}
	.contact-details > div {width: 100%;}
	.popup-table .contact-details {flex-wrap: nowrap;}
	.popup-table .contact-details > div {width: auto;}
}
@media only screen and (max-width: 1200px) {
	.header-logo img {width: 250px;}
	.header-phone a, .header-locations li a, .broken-wrap p {font-size: 22px; line-height: 22px;}
	.broken-wrap p span {font-size: 73px; line-height: 63px;}
	.click-here p {font-size: 16px; line-height: 16px;}
	.credit-button button {font-size: 17px; line-height: 17px;}
	.hero-border h1 {font-size: 45px; line-height: 45px;}
	.hero-border p {font-size: 16px; line-height: 16px;}
	.hero-header {padding: 15px 0;}
	.hero-border {width: 270px;}
	.lighter-grey {height: 229px;}
	.simplicity .light-grey {padding: 208px 100px 208px 30px !important;}
	.anaconda .light-grey {padding: 208px 30px 208px 100px !important;}
	.sub-wrap > div:first-child {width: 55%;}
	.sub-wrap > div:last-child {width: 40%;}
	.header-logo p {font-size: 14px; line-height: 24px;}
	.header-links {margin-top: 45px;}
	.header-logo p {margin-top: 45px;}
}
@media only screen and (max-width: 1150px) {
	.brands-flex {flex-wrap: wrap; gap: 0px;}
	.brands-flex ul {width: 100%;}
	.hero-border h1 {font-size: 40px; line-height: 40px;}
	.hero-border p {font-size: 15px; line-height: 15px;}
	.hero-header {padding: 14px 0;}
	.hero-border {width: 240px;}
	.hero-overlay {padding: 132px 0;}
	.broken-bkgrd, .credit-button button {width: 185px;}
}
@media only screen and (max-width: 1100px) {
	.desktop-hero {display: none;}
	.mobile-hero {display: contents;}
	#hero {position: relative; flex-wrap: wrap; margin-top: 0px;}
	#hero > div:first-child, #hero > div:last-child, .lighter-grey {width: 100%;}
	.major .lighter-grey, .irock .lighter-grey, .eiw .lighter-grey, .puzzolana .lighter-grey {clip-path: none;}
	.lighter-grey {height: auto;}
	.simplicity .light-grey, .anaconda .light-grey {padding: 0px !important;}
	.anaconda-logo, .anaconda a:hover .anaconda-logo {margin: 0px !important;}
	.lighter-grey, .light-grey {height: 150px;}
	.simplicity .light-grey, .anaconda .light-grey {display: flex; justify-content: center;}
	.hero-overlay {padding: 70px 0;}
	.anaconda-logo, .anaconda a:hover .anaconda-logo, .anaconda-logo, .anaconda-logo, .simplicity-logo, .simplicity a:hover .simplicity-logo, .simplicity-logo {padding: 75px;}
	.header-links {margin-top: 60px;}
	.header-logo p {margin-top: 60px;}
	.mobile-hero {display: contents;}
	.mobile-hero-bkgrd {background: #252525; margin-top: -50px;}
	.mobile-hero-wrap {width: 95%; margin: 0 auto; padding: 80px 0 50px 0; text-align: center;}
	.mobile-hero-wrap p {color: #fff; font-size: 22px; line-height: 32px; font-weight: 600;}
	.mobile-hero-wrap button {background: #CC0202; border-radius: 30px; padding: 12px 0; width: 230px; font-family: "barlow-condensed", sans-serif; font-size: 18px; line-height: 18px; font-weight: bold; color: #fff; text-transform: uppercase; border: 2px #CC0202 solid; margin-top: 20px;}
	.mobile-hero-wrap button:hover {border: 2px #fff solid; transition: .5s; background: none;}
}
@media only screen and (max-width: 1050px) {
	#services > div {padding: 80px 30px;}
	.header-logo p {display: none;}
	.crushing {display: contents;}
	.screening p {text-transform: uppercase; font-weight: 600; font-size: 14px; line-height: 24px; margin-top: 20px; text-align: center;}
	#header-nav {padding-top: 20px;}
	.header-links {margin-top: 0px;}
}
@media only screen and (max-width: 1000px) {
	.header-locations {gap: 10px; flex-wrap: wrap;}
	.header-links, .header-buttons {width: 100px;}
	.sub-wrap, .sub-contact {padding: 80px 0;}
	.detail-wrapper {padding-top: 80px !important;}
	.mobile-hero-bkgrd {margin-top: 30px;}
	.mobile-hero-wrap {padding: 70px 0 60px 0;}
}
@media only screen and (max-width: 950px) {
	#about-us {flex-wrap: wrap;}
	.about-content {width: 95%; margin: 0 auto; padding: 80px 0;}
	.about-img {display: none;}
	.about-img-mobile {display: contents;}
	.about-img-mobile img {width: 100%;}
	#services {flex-wrap: wrap;}
	.locations, .contact {width: 49% !important;}
	#services {width: 95%; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; gap: 15px;}
	.brands-flex {flex-wrap: nowrap; gap: 100px}
	.brands-flex ul {width: auto;}
	.sub-wrap > div:first-child, .sub-wrap > div:last-child {width: 100%;}
	.sub-wrap {flex-wrap: wrap; gap: 30px;}
	.list-redesign {padding-top: 50px !important;}
	.contact-flex {flex-wrap: wrap; gap: 50px;}
	.contact-flex > div {width: 100%;}
}
@media only screen and (max-width: 850px) {
	.overlay .popup {width: 100%;}
}
@media only screen and (max-width: 800px) {
	.header-phone {display: none;}
	#header-nav {flex-wrap: wrap; justify-content: center;}
	.header-links, .header-buttons {width: 100%; text-align: center;}
	.header-locations {justify-content: center;}
	.broken-bkgrd {margin: 0 auto;}
	.broken-button {margin-bottom: 20px;}
	.locations, .contact {width: 48.5% !important;}
	.credit-button button {width: 100%; padding: 15px 0;}
	.broken-bkgrd {width: 100%;}
	.header-logo {margin: 15px 0 10px 0;}
}
@media only screen and (max-width: 725px) {
	.locations, .contact {width: 39.5% !important;}
}
@media only screen and (max-width: 725px) {
	.locations, .contact {width: 100% !important;}
}
@media only screen and (max-width: 650px) {
	.popup-table .contact-details {justify-content: space-between !important; gap: 0px;}
}
@media only screen and (max-width: 550px) {
	.popup-table .contact-details {flex-wrap: wrap; gap: 20px;}
	.popup-table .contact-details > div {width: 100%;}
}
@media only screen and (max-width: 500px) {
	.footer-wrap {flex-wrap: wrap; gap: 50px;}
	.footer-wrap > div {width: 100%;}
	.sub-wrap h1, .sub-contact h1 {font-size: 45px; line-height: 50px;}
	.sub-wrap p, .sub-contact p {font-size: 16px; line-height: 28px;}
	.sub-wrap form p {font-size: 14px;}
	.sub-wrap form .form-flex, .sub-contact form .form-flex {flex-wrap: wrap;}
	.sub-wrap form textarea {height: 130px;} 
	.contact-details li a {font-size: 16px; line-height: 16px;}
	.contact-flex h2, .call-text h2 {font-size: 28px; line-height: 33px;}
	.popup p {font-size: 16px;}
	.about-content p, #services p {font-size: 16px; line-height: 28px;}
	#epic-stuff h2 {font-size: 45px; line-height: 50px;}
	#services h3 {font-size: 35px; line-height: 40px;}
	#services h4 {font-size: 30px; line-height:  35px;}
	.brands-flex a {font-size: 28px; line-height: 43px;}
	.about-content h2 {font-size: 45px; line-height: 50px;}
}
@media only screen and (max-width: 450px) {
	.credit-button button, .broken-bkgrd {width: 100%;}
	.brands-flex {gap: 0px;}
	.brands-flex ul {width: 100%;}
}
@media only screen and (max-width: 400px) {
	.brands-flex {flex-wrap: wrap;}
	.sub-wrap form .submitselect, .sub-wrap form .submit, .sub-contact form .submitselect, .sub-contact form .submit, .sub-contact button, .about-content button, .mobile-hero-wrap button {width: 100%;}
	.mobile-hero-wrap p {font-size: 20px; line-height: 30px;}
	.mobile-hero-wrap {padding: 65px 0 60px 0;}
}
@media only screen and (max-width: 350px) {
	#services > div {padding: 80px 20px;}
	.sub-links a i {background: none; color: #000; width: auto; height: auto; font-size: 16px; line-height: 15px;}
	.sub-links a p {font-size: 15px; line-height: 15px;}
	.sub-links > a:first-child {margin-bottom: 15px;}
	.sub-links a:hover i {background: none; color: #CC0202;}
	.sub-wrap h1, .sub-contact h1 {font-size: 40px; line-height: 45px;}
	#epic-stuff h2, .about-content h2 {font-size: 40px; line-height: 45px;}
	.about-content h2 span {font-size: 22px;}
}