/* 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 { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Oswald', sans-serif;
}

body {
	background: #fff;
}

a {
	color:#fff;
	text-decoration:none;
}

p{
	padding:20px 0;
}
 
html, body {
    max-width: 100%;
    overflow-x: hidden;
} 

a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after {
    -webkit-transition:all .45s ease;
    -moz-transition:all .45s ease;
    -ms-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease;
} 

 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
}

/* HEADER 
----------------------------------------------*/
.header {
	width: 100%;
	height: auto;
	color: #000;
}

.icon {
	color: #c7081b;
	font-size: 2.5rem;
}

.container-nav {
  margin: 0 auto;
  width: 90%;
   padding: 10px 0;
}

#header {
  width: 100%;
  background: #fff;
  color: #000;
}

#header h1 {
  margin: 0px;
  padding-top: 15px;
}

.mobile_logo {
	width: 30%;
	display: inline-block;
}

 #contact{
	display: inline-block;
	width: 69%;
}

#contact ul {
  float: right;
}

#contact ul li {
  float: left;
  list-style: none;
}

#contact ul li a {
  color: #000;
  text-decoration: none;
  padding: 0 10px;
  font-size: 1.4rem;
}

.fa {
	color: #c7081b;
	font-size: 1.6rem;
}



/* HOME PAGE STYLES
-----------------------------------------------*/
.hero_slider {
	width: 100%;
	height: auto;
	max-height: 550px;
	position: relative;
}

.slide_01 {
	position: relative;
}

.slide_02 {
	position: relative;
}

.slide_03 {
	position: relative;
}

.slide_04 {
	position: relative;
}

.slide_05 {
	position: relative;
}


.slide img {
	position: relative;
}

.slide_01 h1 {
	position: absolute;
	top: 27%;
	left: 10%;
	font-size: 3rem;
	line-height: 3rem;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}


.slide_02 h1 {
	position: absolute;
	top: 27%;
	left: 10%;
	font-size: 3rem;
	line-height: 3rem;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.slide_03 h1 {
	position: absolute;
	top: 27%;
	left: 10%;
	font-size: 3rem;
	line-height: 3rem;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.slide_04 h1 {
	position: absolute;
	top: 27%;
	left: 15%;
	font-size: 3rem;
	line-height: 3rem;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.slide_05 h1 {
	position: absolute;
	top: 27%;
	left: 60%;
	font-size: 3rem;
	line-height: 3rem;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.fancy_red {
	font-family: 'Lobster', cursive;
	color: #c7081b;
	font-size: 3rem;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.inventory_search 	{
	background: rgba(199,8,27,0.70);
	width: 50%;
	position: absolute;
	top: 0%;
	left: 10%;
	right: 10%;
	margin: 0 auto;
}

.search_heading h1 {
	color: #fff;
	text-transform: uppercase;
	text-align:center;
	font-size: 1.25rem;
}


.search_block {
	width: 30%;
	margin: 0 10px;
	background: rgba(0,0,0,0.80);
	min-height: 50px;
	align-items: center;
	flex-wrap: wrap;
}

.search_block h3 {
	color: #fff;
	text-align: center;
	font-size: .95rem;
}

.search_row {
	width: 100%;
	padding: 10px;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}

.search {
	width: 90%;
	margin: 0 auto;
}

input[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
	height: 45px;
}

input[type=submit] {
	 width: 20%;
    padding: 5px;
    margin: 8px 0;
    box-sizing: border-box;
	height: 45px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.CaptchaWhatsThisPanel a {
	color: #000;
	font-size: 16px;
}


.grey_section {
	width: 100%;
	height: auto;
	background: #2c2c2c;
	background-image:url(../siteart/backgrounds/climpek_texture.png);
}

.inventory_header {
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	padding: 25px 0 15px 0;
}

.inventory_header h1 {
	font-size: 3.5rem;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.90);
}
.inventory_boxes_container {
	width: 100%;
	height: auto;
}

.inventory_boxes_row_1, .inventory_boxes_row_2, .inventory_boxes_row_3, .inventory_boxes_row_4 {
	width: 100%;
	height: auto;
	display: inline-block;
	text-align: center;
}

.inventory_boxes_row_4 {
	padding-bottom: 30px;
}

.inventory_box {
	width: 26%;
	height: 250px;
	position: relative;
	margin: 5px;
	display: inline-block;
}

.inventory_box_text {
	width: 100%;
	height: auto;
	position: absolute;
	top: 35%;
	background: rgba(199,8,27,0.75);
}

.inventory_box_text:hover {
    top: 0%;
	padding-bottom: 2.5%;
}

.inventory_box_text h2 {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 2.05rem;
	padding: 25px 0;
}

.inventory_box_text h2:hover {
    padding: 96px 0;
}

.box_1 {
	background: url(../siteart/backgrounds/inventory_buttons/new_arrivals_button.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.box_2 {
	background: url(../siteart/backgrounds/inventory_buttons/box_truck_button.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.box_3 {
	background: url(../siteart/backgrounds/inventory_buttons/cab_chassis_button.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.box_4 {
	background:url(../siteart/backgrounds/inventory_buttons/daycab_sleepers_button.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.box_5 {
	background:url(../siteart/backgrounds/inventory_buttons/dumps_rolloff_button.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.box_6 {
	background:url(../siteart/backgrounds/inventory_buttons/flatbeds_buttons.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.box_7 {
	background:url(../siteart/backgrounds/inventory_buttons/utility_service_button.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.box_8 {
	background:url(../siteart/backgrounds/inventory_buttons/moffetts_button.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.box_9 {
	background:url(../siteart/backgrounds/inventory_buttons/reffer_trucks_button.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.box_10 {
	background:url(../siteart/backgrounds/inventory_buttons/trailers_button.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.box_11 {
	background:url(../siteart/backgrounds/inventory_buttons/truck_bodies_button.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.box_12 {
	background:url(../siteart/backgrounds/inventory_buttons/all_inventory_button.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.welcome_section {
	width: 100%;
	height: auto;
	background:url(../siteart/backgrounds/welcome_background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.welcome_container {
	width: 60%;
	padding: 30px 0;
	text-align: center;
	margin: 0 auto;
}

.welcome_container h3 {
	color: #c7081b;
	font-size: 4rem;
	line-height: 4.25rem;
	text-transform: uppercase;
}

.welcome_container p {
	font-size: 1.5rem;
}

.scroller_container {
	width: 100%;
	background: #c7081b;
}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:125px;
    overflow:hidden;
}
 
.scrolling-wrap iframe{
	margin: 40px 0;
	overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
	overflow:hidden;
}

/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}
.hosted-content .listings-wrapper .listings-list .listing-banner {

}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#c7081b !important;
}

.hosted-content h1{
	font-size:20px;
	color:#000;
	text-transform:none;
	padding-bottom:0 !important;
	font-weight:bold;
}
	
.hosted-content h3{
	text-transform:none !important;
}

.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}

/*  Sub pages
------------------------------------------------*/
.mini_hero { 
	width: 100%;
	background-repeat: no-repeat;
	background-position:right;
	background-size:cover;
	height: 450px;
	position: relative;
}

.subpage_content, .about_header {
	width: 80%;
	margin: 0 auto;
}

/*  About us
------------------------------------------------*/
.about_left {
	width: 69%;
	flex-wrap: wrap;
}

.about_left a {
	color: #000;
}

.about_right {
	width: 30%;
	flex-wrap: wrap;
}

.about_hero {
	background-color: #c7081b;
	background-image:url("../siteart/backgrounds/about_hero.jpg");
}

.contact_hero {
	background-color: #c7081b;
	background-image:url(../siteart/backgrounds/contact_mini_hero.jpg);
	}

.about_header {
	padding-top: 40px;
	font-size: 1.7rem;
	color: #c7081b;
}

.about_hero_text {
	width: 33%;
	color: #fff;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.90);
	position: absolute;
	top: 15%;
	left: 10%;
}

.about {
	display: flex;
	padding-bottom: 40px;
}

.about_hero_text h1 {
	font-size: 3rem;
}

.about_hero_text h2 {
	font-weight: 400;
	font-size: 2.25rem;
}

.specialize, .why{
	padding: 15px 10px 0 35px;
	flex-wrap: wrap;
}

.specialize ul, .why ul {
	list-style:circle;
	width: 85%;
}

.specialize h3, .why h3{
	font-size: 1.75rem;
	text-transform: uppercase;
	font-weight: 400;
}

.specialize h3, .why h3{
	color: #c7081b;
}

.subpage_content p {
	font-size: 1.25rem;
	font-weight: 300;
}

.subpage_content li {
	font-size: 1.3rem;
}

/*  Parts And Service
------------------------------------------------*/
.parts_left {
	width: 69%;
	flex-wrap: wrap;
}

.parts_right {
	width: 30%;
	flex-wrap: wrap;
}

.contact_right {
	width: 30%;
	flex-wrap: wrap;
}

.parts_hero {
	background-color: #c7081b;
	background-image:url(../siteart/backgrounds/part_mini_hero.jpg);
}

.location_hero {
	background-color: #c7081b;
	background-image:url(../siteart/backgrounds/location_mini_hero.jpg);
	background-position:bottom;
}

.thankyou_hero {
	background-color: #c7081b;
	background-image:url(../siteart/backgrounds/thankyou_mini_hero.jpg);
	background-position:center;
}

.parts_header {
	padding-top: 40px;
	font-size: 1.7rem;
	color: #c7081b;
	width: 55%;
	margin: 0 auto;
}

.thankyou_header {
	padding-top: 40px;
	font-size: 1.7rem;
	color: #c7081b;
	width: 80%;
	text-align: center;
	padding-bottom: 40px;
}

.parts_hero_text {
	width: 50%;
	color: #fff;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.90);
	position: absolute;
	top: 15%;
	left: 10%;
}

.parts {
	display: flex;
	padding-bottom: 40px;
}

.parts_left a {
	color: #000;
}
.parts_hero_text h1 {
	font-size: 3rem;
}

.parts_hero_text h2 {
	font-weight: 400;
	font-size: 2.25rem;
}

.specialize, .why{
	padding: 15px 10px 0 35px;
	flex-wrap: wrap;
}

.customize ul, .easy ul {
	list-style:none;;
	width: 100%;
}

.customize h3, .easy h3{
	font-size: 1.75rem;
	text-transform: uppercase;
	font-weight: 400;
}

.customize h3, .easy h3{
	color: #c7081b;
}

.contact {
	padding-top: 20px;
}

.contact_map iframe{
	width: 100%;
}

.contact_map h3 {
	font-size: 1.75rem;
	text-transform: uppercase;
	font-weight: 400;
	color: #c7081b;
	padding-top: 20px;
}

.contact a {
	color: #000;	
}

.contact li {
	list-style: none;
}

.contact h3 {
	font-size: 1.75rem;
	text-transform: uppercase;
	font-weight: 400;
	color: #c7081b;
}


.easy {
	padding-top: 20px;
}

.parts_left {
	padding-right: 40px;
	margin: 0 auto;
}

.subpage_content p {
	font-size: 1.25rem;
	font-weight: 300;
}

.subpage_content li {
	font-size: 1.3rem;
	list-style: none;
}

.customize a {
	color: #000;
}

.underline {
	text-decoration: underline;
}

/* FOOTER
------------------------------*/
footer {
	width: 100%;
	height: auto;
	min-height: 100px;
	background: #c7081b; 
	text-align: center;
	display: inline-block;
}

.footer_content {
	width: 80%;
	height: auto; 
	min-height: 75px;
	display: flex;
	padding-top: 20px;
	margin: 0 auto;
}

.footer_map {
	padding: 10px 0;
}

.footer_map iframe {
	width: 65%;
}

.find_us, .our_hours, .contact_us {
	width: 32%;
	min-height: 100px;
	height: auto; 
	text-transform: uppercase;
	color: #fff;
	margin: 0 auto;
}

.find_us h5, .our_hours h5, .contact_us h5 {
	font-size: 2rem;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.90);
}

.find_us h6, .our_hours ul, .contact_us h6 {
	font-size: 1.5rem;
	line-height: 2.05rem;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.90);
	font-weight: 500;
}

.contact_us a {
	color: #fff !important;
}
.our_hours ul {
	list-style: none;
	display: inline-block;
}

.days {
	width: 30%;
}

.time {
	width: 40%;
}

.weekly_hours {
	width: 100%;
	text-align: center;
}

.contact_us h6 {
	padding-bottom: 15px;
}

.footer{
	width:100%;	
	padding: 0 0 30px 0;
	margin: auto 0;
}

.divfooter{
	width:100%;
	margin:20px auto;
	padding: 40px 15px 55px 15px;
	color: #fff;
	margin: auto 0;
}

/* INV STYLES
------------------------------*/

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 4px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}
.compare-chkbox-container .compare-listings .compare-chkbox {margin: 3px 3px 3px 4px;}

.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#c7081b !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#c7081b !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #c7081b !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #c7081b !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}

.body-content {height: initial !important;}


/* MEDIA QUERIES
------------------------------*/
@media screen and (max-width: 1745px) {

.slide_01 h1, .slide_02 h1, .slide_03 h1, .slide_04 h1, .slide_05 h1 {
	top: 29%;
}
}

@media screen and (max-width: 1735px) {
	.time {
	width: 44%;
}

.days {
	width: 35%;
}
}

@media screen and (max-width: 1680px) {
.inventory_search {
    width: 65%;
}

}

@media screen and (max-width: 1640px) {
	.days {
		width: 40%;
	}
	
	.time {
		width: auto;
	}

.slide_01 h1, .slide_02 h1, .slide_03 h1, .slide_04 h1, .slide_05 h1 {
	top: 45%;
}
}

@media screen and (max-width: 1500px) {
	.about_hero_text h1 {
		font-size: 2rem;
	}
	
	.about_hero_text h2 {
		font-size: 1.75rem;
	}
	
	.about_header h3 {
		font-size: 1.75rem;
	}
	
	.parts_hero_text h1 {
		font-size: 2rem;
	}
	
	.parts_hero_text h2 {
		font-size: 1.75rem;
	}
	
	.parts_header h3 {
		font-size: 1.75rem;
	}
	
	.specialize h3, .why h3 {
		font-size: 1.5rem;
	}
	
	.subpage_content li {
		font-size: 1.2rem;
	}
	
	.subpage_content p {
		font-size: 1.2rem;
		font-weight: 300;
	}
	
	.grey_section {
    padding-top: 20px;
}

}

@media screen and (max-width: 1465px) {
	.days li, time li, .find_us h5, .our_hours h5, .contact_us h5{
		font-size: 1.4rem;
	}
	
	.find_us h6, .our_hours ul, .contact_us h6 {
		font-size: 1.2rem;
	}
	
	.footer_map iframe {
		width: 80%;
	}
	
	.inventory_box_text h2 {
		font-size: 1.75rem;
	}
	
	.inventory_box_text h2:hover {
		padding: 101px 0;
	}
	
	#contact ul li a {
		font-size: 1.25rem;
}
}

@media screen and (max-width: 1400px) {
	.inventory_search {
	width: 70%;
	left: 0%;
	right: 0%;
}

.search_row {
	padding: 10px 0px;
}
}

@media screen and (max-width: 1340px) {
.search_block {
	text-align: center;
}

.hero_slider {
	position:static;
}

.inventory_search {
	postition: static;
	width: 100%;
}

.search_row {
	width: 100%;
	padding: 10px 20px;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}

.inventory_search {
	position: relative;
	background: rgba(199,8,27,1.0);
}

.inventory_header {
	padding: 115px 0 15px 0;
}

.slide_01 h1, .slide_02 h1, .slide_03 h1, .slide_04 h1, .slide_05 h1 {
	top: 12%;
}

}

@media screen and (max-width: 1300px) {
.inventory_box_text h2 {
    font-size: 1.5rem;
}	
 }

@media screen and (max-width: 1215px) {
	#contact ul li a {
		font-size: 1.15rem;
	}
	
	.days li, time li, .find_us h5, .our_hours h5, .contact_us h5{
		font-size: 1.2rem;
	}
	
	.find_us h6, .our_hours ul, .contact_us h6 {
		font-size: 1rem;
	}
	
	.welcome_container h3 {
		font-size: 3rem;
	}
	
	.welcome_container {
		width: 80%;
	}
	
	.welcome_container p {
		font-size: 1.3rem;
	}
	
	.fancy_red {
		font-size: 2.5rem;
	}
	
	.slide_01 h1, .slide_02 h1, .slide_03 h1, .slide_04 h1, .slide_05 h1 {
		font-size: 2.5rem;
	}

}

@media screen and (max-width: 1155px) {
	.inventory_box {
		width: 30%;
	}
	
	.about_hero_text {
		top: 20%;
	}
	
	.about_hero_text h2 {
		font-size: 1.5rem;
	}
	
	.about_header h3 {
		font-size: 1.55rem;
	}
	
		.parts_hero_text {
		top: 20%;
	}
	
	.parts_hero_text h2 {
		font-size: 1.5rem;
	}
	
	.parts_header h3 {
		font-size: 1.55rem;
	}
	
	.mobile_logo img{
		width: 90%;
	}
	
	#contact ul li a {
		font-size: .95rem;
	}
	
	.about_hero {
		background-postion: center;
	}
	
	.button {
		left: 48%;
		color: #fff;
}

.inventory_header {
	padding: 20px 0 15px 0;
}
}

@media screen and (max-width: 1100px) {
	.hero_slider {
		display: block;
		position: relative;
		top: 0;
	}
	
	.inventory_search {
		display: block;
		position: relative;
		top: 0;
	}
	
.grey_section {
	padding-top: 200px;
}
}


@media screen and (max-width: 1000px) {
	p{
		padding: 10px 0;
	}
 
	
	.mobile_logo {
		width: 100%;
		display: flex;
		justify-content: center;
		padding-bottom: 10px;
	}
	
	#contact {
		display: flex;
		width: 100%;
		padding-top: 10px;
	}
	
	.footer_map iframe {
		width: 100%;
	}
	
	.find_us h6, .our_hours ul, .contact_us h6 {
		text-align: center; 
	}
	
	.inventory_box_text h2 {
		font-size: 1.6rem;
	}
	
	.inventory_box {
		width: 70%;
	}
	
	.inventory_box_text h2:hover {
		padding: 82px 0;
	}
	
	.welcome_container p {
		font-size: 1.2rem;
	}
	
	.welcome_container h3{ 
		font-size:2.5rem;
		line-height: 2.75rem;
	}
	
	.mini_hero {
		height: 375px;
	}
	
	.about_hero_text {
		width: 40%;
		top: 21%;
	}
	
	.about_hero_text h2 {
		font-size: 1.4rem;
	}
	
	.about_hero_text h1 {
		font-size: 1.75rem;
	}
	
	.about_right {
		width: 35%;
	}
	
	.parts_hero_text {
		width: 40%;
		top: 21%;
	}
	
	.parts_hero_text h2 {
		font-size: 1.4rem;
	}
	
	.parts_hero_text h1 {
		font-size: 1.75rem;
	}
	
	.parts_right {
		width: 35%;
	}
	
	.subpage_content li {
		font-size: 1.1rem;
	}
	
	#contact ul li a {
		font-size: 1.15rem;
	}
	
	.specialize, .why {
		padding: 15px 10px 0 25px;
	}
	
	.subpage_content, .about_header {
		width: 90%;
	}
	
	.about_right {
		width: 36%;
	}
	
	.parts_right {
		width: 70%;
	}
	
	.parts_left {
		width: 82%;
		padding-right: 0;
	}
	
	.parts_header {
		padding-top: 25px;
		text-align: center;
	}

	.customize h3, .easy h3 {
		font-size: 1.5rem;
	}
	
	.parts_left {
		padding-right: 55px;
}
}

@media screen and (max-width: 950px) {
	.about_header h3 {
		font-size: 1.3rem;
	}
	
	.parts_header h3 {
		font-size: 1.3rem;
	}
	
	.subpage_content p {
		font-size: 1.1rem;
	}
	
	.specialize h3, .why h3 {
		font-size: 1.25rem;
	}
	
	.subpage_content li {
		font-size: 1rem;
	}
	
	.mini_hero {
		height: 300px;
	}
	
	.search_block {
	width: 100%;
	margin: 10px 10px;
}

.forlift_stock {
	padding-bottom: 10px;
}

.trailer_stock {
	padding-top: 10px; 
}

.slide_01 h1 {
	top: 8%;
	left: 10%;
}

.slide_05 h1 {
	top: 8%;
	left: 10%;
}
}

@media screen and (max-width: 825px) {
	  #header, .container {
		width: 100%;
		text-align: center;
	  }
	  
	  #header h1 {
		padding-left: 3%;
		padding-top: 2%;
	  }
	  
	  .mobile_logo {
		width: 60%;
		padding-top: 15px;
	}
	  
	  #contact {
		width: 100%;
	  }
	 
	  #contact ul {
		width: 100%;
		margin: 0px;
		background: #fff;
		padding-bottom: 10px;
	  }
	  
	  #contact ul li {
		float: none;
	  }
	  
	  #contact ul li a {
		text-align: center;
	  }
	
	ul {
		list-style: none;
	}
	
	nav[role="navigation"] {
	  width: 100%;
	 background: #c7081b; 
	  height: auto;
	  display: block;
	  margin: auto;
	text-align: center;
	}
	
	nav[role="navigation"] a {font-size:1.5em; color: #fff; text-decoration: none;}
	
	nav[role="navigation"] a:hover{
		text-shadow: 0px 2px 2px rgba(0,0,0,0.90);
	}
	nav[role="navigation"] li {width: 100%; text-align: center; background: #c7081b; padding: 0;}
	
	.menu {display: none;}
	
	.toggle {
		padding-top: 40px;
		text-shadow: 0px 2px 2px rgba(0,0,0,0.90);
	}
	
	.footer_content {
		display: inline-block;
	}
	
	.days {
		width: 49.5%;
	}
	
	.time {
		width: 49.5%;
	}
	
	.find_us h5, .footer_map iframe, .our_hours h5, .our_hours ul, .contact_us h5, .contact_us h6 {
		text-align: center;
	}
	
	.our_hours li {
		text-align: right; 
		padding-right: 25px;
	}
	
	.time li {
		text-align: left;
	}
	
	.weekly_hours {
		text-align: center;
	}
	
	.contact_us h6 {
		padding-bottom: 0;
	}
	
	#header h1 {
		padding-left: 0px;
		padding-top: 0px;
	}
	
	.contact_us {
		padding-top: 20px;
	}
	
	.inventory_box {
		height: 200px;
	}
	
	.footer_content {
		width: 100%;
	}
	
	.find_us, .our_hours, .contact_us {
		width: 100%;
	}
	
	.grey_section {
	padding-top: 150px;
}

}

@media screen and (max-width: 780px) {
	.about_hero_text h2 {
		font-size: 1.15rem;
	}
	
	.about_hero_text h1 {
		font-size: 1.65rem;
	}
	
	.about_hero_text {
		width: 40%;
		top: 30%;
	}
	
	.mini_hero {
		height: 275px;
	}
	
	.about_header h3 {
	font-size: 1.2rem;
}

.fancy_red {
	font-size: 2rem;
}

.slide_01 h1, .slide_02 h1, .slide_03 h1, .slide_04 h1, .slide_05 h1 {
	font-size: 2rem;
	line-height: 2.2rem;
}

.grey_section {
	padding-top: 250px;
}
}

@media screen and (max-width: 700px) {
	.contact_right {
		width: 100%;
}

.hide {
	display: none;
}
}

@media screen and (max-width: 650px) {
	.welcome_container h3 {
		font-size: 1.9rem;
	}
	
	.subpage_content {
		width: 100%;
	}
	
	.about {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	
	.about_left {
		width: 90%;
		display: inline-block;
	}
	
	.about_right {
		width: 100%;
		text-align: center;
}

.parts_hero_text {
	width: 70%;
	top: 25%;
}

.customize h3, .easy h3 {
	font-size: 1.25rem;
}

#contact {
	width: 110%;
}

.parts_left {
	width: 90%;
	padding-right: 0;
}

.container {
	padding: 10px 75px 10px 75px;
}


}

@media screen and (max-width: 500px) {
	nav[role="navigation"] a {font-size:25px; padding: 2px 5px; line-height: 35px;}
	nav[role="navigation"] li {padding: 5px 0;}
	nav[role="navigation"] span {font-size: 30px;}
	
	.footer_content {
		width: 100%;
	}
	
	.welcome_container h3 {
			font-size: 1.6rem;
		}
		
	.welcome_container p {
		font-size: 1rem;
	}
	
	.parts_header h3 {
		font-size: 1.1rem;
}

.parts_hero_text h1 {
	font-size: 1.5rem;
}

.parts_hero_text h2 {
	font-size: 1.25rem;
}

.slide_01 h1, .slide_02 h1, .slide_03 h1, .slide_04 h1, .slide_05 h1 {
	font-size: 1.75rem;
	line-height: 1.9rem;
}

.no-pad-wrapper {
	width: 100%;
}
}

@media screen and (max-width: 400px) {
	.welcome_container h3 {
			font-size: 1.4rem;
			line-height: 1.7rem;
		}
		
	.days, .time {
		width: 46.5%
	}
	
	#contact ul li a {
		font-size: .81rem;
}

.search_heading h1 {
	font-size: 1.5rem;
}

}

