/*
Theme Name: www.regionaltruckandtrailer.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
ul li .sub-menu {position: absolute !important;}
.row:not([data-blockStyles="sheditor-element-ignore"]) > * {
	padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
.flex-container .collapse:not(.show):not([data-blockStyles="sheditor-element-ignore"]) {
	display: flex !important;
	flex-direction: column !important;
}
.widget:not([data-blockStyles="sheditor-element-ignore"]) > div:not([data-blockStyles="sheditor-element-ignore"]) {
	overflow-wrap:normal!important;
	word-break:normal!important;
}
.page-template-page-templates {
	margin: 0;
}

.resource-box {
	height: auto !important;
}
.resource-box a{ position: static !important;}
html, body {
	overflow-x: hidden;
	width:100%;
}

body {
	font-family: nimbus-sans, sans-serif !important;
	font-size: 18px !important;
}

h1,h2,h3,h4,h5,h6 {
	font-family: futura-pt, sans-serif !important;
}

h1 {
	margin-top: 0 !important;
}
h2 {
    font-size: 38px;
    font-weight: 900;
    font-style: italic;
}


p {
	font-family: nimbus-sans, sans-serif !important;
	font-size: 18px;
	line-height: 1.5;
	    font-weight: 500 !important;
}

ul {
	list-style: none;
    margin: 0;
    padding: 0;
}

a {
	color: #000;
	font-weight: 800;
	transition: .3s all;
}

a:hover {
	color: #FBCC0B;
}

hr {
	margin-top: 5%;
    margin-bottom: 5%;
}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Class for Google Map widget */
.google_map {
	width:100%; 
	min-height:58vh;
}
.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}

.navbar-right {
	float: none !important;
	margin-right: 0!important;
	
}

.navbar-nav>li {
	 margin: 0 50px !important;
}
.navigation-top {
	width:100%;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
	   
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	font-size:1.5em;
}
.dropdown-menu {
	    left: -5px !important;
	background: rgba(0,0,0,0.70);
}
.dropdown-menu>li {
padding: 0 !important;
}

.dropdown-menu>li>a {
width: 100% !important;
    color: #fff !important;
    font-size: 16px !important;
    padding: 10px !important;
}

div#navbar-collapse-secondary {
    padding: 0 !important;
}

.dropdown-menu>li>a:hover {
	background: #FBCC0B !important;
	color: #000 !important;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    margin: 0 !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	font-family: futura-pt, sans-serif !important;
	color: #fff;
	padding: 10px 0 !important;
	font-size: 18px !important;
	line-height: 2.5;
	margin: 0 !important;
border: 2px solid transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #FBCC0B !important;
    background: transparent !important;
	border-color: transparent !important;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}

ul#menu-secondary {
    display: flex !important;
	flex-direction: row;
	vertical-align: middle;
}

.right-head .yellow-btn {
	    margin: 0 10px !important;
	padding: 0 40px !important;
}
.right-head .yellow-btn a {
    color: #000 !important;
}

.right-head .yellow-btn:hover a {
	color: #FBCC0B !important;
}
li[id^="section-tab"] a {
background: #FBCC0B !important;
	color: #000 !important;
	border-radius: 90px !important;
    padding: 10px 40px !important;	
	border: 3px solid rgba(251,204,11,1.00) !important;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 20px;
}
li[id^="section-tab"]{
  text-align: center;
}
li[id^="section-tab"] a.active {
	background: rgb(238, 238, 238) !important;
  border-color: rgb(238, 238, 238) !important;
}
li[id^="section-tab"] a:hover{
	border-color: rgb(251, 204, 11) !important;
  background: transparent !important;
  color: rgb(251, 204, 11) !important;
  box-shadow: none !important
}
.sheditor-nav-tabs-6235 {
	display: flex;
  gap: 10px;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}


/*----HEADER---*/
.header {
    position: absolute;
    z-index: 9;
    width: 100%;
}

.mobile-header {
	display: none !important;
}

.top-header {
	background: #000;
	padding: 30px 0;
}

.navigation {
	width: 100%;
	margin: 0 auto;
}
.flex-top {
    align-items: center;
    justify-content: space-between;
}
.social-head a {
	transition: .3s all;
}
.social-head a:hover {
	color: #fff !important; 
}

.logo-holder a {
	background: url("///media.sandhills.com/img.axd?id=8031457209&wid=&rwl=False&p=&ext=png&w=2514&h=1687&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=UCs%2bsanynj8nEm4V3InAKh%2fjUCL9W%2bUr") no-repeat;
	background-size: contain;
            height: 200px;
    width: 300px !important;
    background-position: center;
    margin-top: -100px !important;
    color: transparent !important;
    max-width: 100%;
    padding: 80px 0 !important;
	transition: .3s all;
}

.logo-holder a:hover {
	background-color:transparent!important;
	
}

.right-head a {
	text-transform: uppercase;
	font-weight: 600 !important;
	margin-right: 40px;
	font-family: futura-pt, sans-serif !important;
	color: #fff;
	font-size: 18px !important
}

.right-head a:hover {
	color: #FBCC0B ;
}

.left-side {display: inline-flex; gap: 25px;align-items: center;}
.left-side .yellow-btn {margin: 0;}

/*--SUB HEADER---*/

.subheader {
	background: #000;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.subheader .top-header {
    padding: 20px 0 40px 0 !important;
}
.subheader .logo-holder {
    width: 250px !important;
    background-position: center;
    margin-top: -95px !important;
}

.subheader nav.primary {
        margin-top: -15px;
}

.subheader nav.primary ul {
    align-items: self-end;
}



.subheader .hvr-underline-from-center:before {
    bottom: 0 !important;
    top: unset !important;
}

.subheader .logo-holder a{
	    height: 165px !important;
    margin-bottom: 5px !Important;
}

.right-head .yellow-btn {
    margin: 0;
}

.social-head,.right-head {
	z-index: 9999;
}




.main-menu-item.yellow-btn:hover ul li a {
	color: #fff !important;	
}

.main-menu-item.yellow-btn ul li a:hover {
	color: #000 !important;	
}

.list-content .list-error-container .info button:not(.login-button){
color: #000000!important;
    background-color: #fbcc0b!important;	
}
/*----BODY---*/
.hero {margin-top: 100px;}
.page-wid {
	max-width: 1550px;
	width: 90%;
	margin: 0 auto;
}

.page-wid h1 {
	    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
    font-size: 48px;
    margin-bottom: 30px;
	
}

.page-wid h2 {
	margin-bottom: 20px;
}
.flex-container {
	display: flex;
}

.hero-padding {
    padding: 8% 0 !important;
    min-height: 230px;
}

.wid90 {
	width: 90%;
	margin: 0 auto;
}

.herowidth {
	margin-left: 5% !important;
    width: 50% !important;
	padding-bottom: 13% !important;
}

.wid80 {
	width: 80%;
	margin: 0 auto;
}
.wid70 {
	width: 70%;
	margin: 0 auto;
}

.wid50 {
	width: 50%;
	margin: 0 auto;
}

.bottom-half .pad50 {
	
}
.pad50 {
	padding-top: 70px;
	padding-bottom: 70px;
	    text-align: center;
    color: #fff;
	    display: flex;
    align-items: center;
    justify-content: center;
	
}

.black-txt {
	color: #000 !important;
}

.pad50 h2 {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1;
}

.twosection {
}

.bottom-banner {
	color: #fff;
	text-align: center;
}

.bottom-banner h2 {
	 font-size: 52px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1;
	color: #fff;
}

.bottom-banner .yellow-link-btn {
    font-size: 22px !important;
}


.hero .customSliderSlide .row {width: 90% !important;margin: 0 auto !important;display: flex !important;align-items: center !important;}
.flex-slide {gap: 5%;}
.quarter-slide {    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;flex-basis: 25%;background: #eee;border-radius: 3px;padding: 30px;box-sizing: border-box !important;}
.full-half {flex-basis: 75%;}
.quarter-slide h2 {font-size: 22px !important;text-transform: uppercase;font-weight: 800 !important;}
.quarter-slide strong {display: block;margin-bottom: 5px;}
.quarter-slide p {margin-bottom: 0 !important;}
.hero h1 {    text-transform: uppercase;
    font-weight: 800;
    font-style: italic;
    color: #fff;
    line-height: 1 !important;
    font-size: 54px;
    font-family: futura-pt, sans-serif !important;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);}
.hero p {    font-family: futura-pt, sans-serif !important;
    text-transform: uppercase;
    font-weight: 700;
    font-style: italic;
    color: #fff;
    line-height: 1 !important;
    font-size: 32px;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);}
.hero .slick-next,.hero .slick-prev {z-index: 8 !important;}
/*----SEARCH---*/

.inv-search {
	 display: inline-block;
    background: #000;
    margin: 0 auto !important;
    border-radius: 5px;
    margin-top: -110px !important;
    position: relative;
    width: 100%;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}
.searchbar {
   gap: 50px;
    align-items: center;
	
    border-top: 1px solid #636363;
    padding: 30px;
}

.search-wrapper {
   width: 90%;
	margin: 0 auto;
    color: #fff;
}
.search-title {
    flex: .3;
    text-align: center;
}

.search-title h2 {
	color: #FBCC0B;
	text-transform: uppercase;
	margin: 0;
	font-style: italic;
	font-weight: 900;
	font-size: 28px !important;
}

form.detailed-search {
	flex: 1;
	display: flex;
	margin: 0;
}

.search-hold {
    background: #fff;
    border-radius: 90px;
    flex: 1;
    display: flex;
    padding: 10px 20px;
}
.search-hold input {
    border: none;
	flex: 1;
	font-family: nimbus-sans, sans-serif !important;
	color: #3c3c3c;
	font-size: 18px;
}
.search-hold button {
    border: none;
    background: none;
    color: #FBCC0B;
    font-size: 28px;
}

/*--- CATEGORY --*/
.categories.flex-container {
    justify-content: space-between;
}

.cat {
    flex: 1;
    text-align: center;
    border-left: 1px solid #636363;
	padding: 30px;
}

.cat:first-of-type {
	border-left: none !important;
}
.cat-title h2 {
    font-size: 20px;
	color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-style: italic;
	margin: 10px 0 0 0;
	-webkit-transition: all .4s ease;
  transition: all .4s ease;
	letter-spacing: 1px;
}

.catimg img {
    max-width: 100%;
	-webkit-transition: all .4s ease;
  transition: all .4s ease;
	-webkit-filter: brightness(100%);
  filter: brightness(100%);
}

a.cat:hover .cat-title h2 {
	color: #FBCC0B !important;
}
a.cat:hover .catimg img{
	-webkit-filter: brightness(500%);
  filter: brightness(500%);
}
/*---PAGE STYLES*/
.wid90 {
	width: 90%;
	margin: 0 auto;
}
.yellow-txt {
	color: #FBCC0B !important;
}

.white-txt {
	color: #fff !important;
}
.grey-bg {
	background: #efefef;
}

.home-page h2 {
   font-size: 48px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
    font-style: italic;
}

.home-page {
	width: 90%;
	margin: 0 auto;
}

#pad-xxl {
	padding-top: clamp(70px, 5%, 90px);
	padding-bottom: clamp(70px, 5%, 90px);
}
.pad-xxl {
	padding-top: clamp(70px, 5%, 90px);
	padding-bottom: clamp(70px, 5%, 90px);
}


#pad-xl {
		padding-top: clamp(50px, 3%, 70px);
	padding-bottom: clamp(50px, 3%, 70px);
}

.flex-hometxt {
    gap: 30px;
    margin-bottom: clamp(30px, 5%, 90px);
    align-items: center;
}

.homelogo {
    flex: 1;
}

.home-txt {
    flex: 3;
	text-align: center;
}

.homelogo img {
    max-width: 100%;
    width: 180px !important;
	margin: 0 auto;
	}


/*___RESOUCES---*/
.resource-box {margin: 10px;border: 3px solid #FBCC0B;padding: 20px;position:relative;background: #FBCC0B !important;
    color: #000 !important;border-radius: 90px !important;transition: .3s all;}
.resource-box:hover {box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;background: #fff !important;}
.resource-box:hover a {color:#FBCC0B !important;}
.resource-box a {position: absolute;top:0;left:0;right:0;bottom:0;width: 100%;height: 100%;color: #000 !important;transition: .3s all;}
.page-wid .resource-box h2 {font-size: 18px !important;text-transform: uppercase;font-weight: 600;text-align: center;}
/*
.service-regions {
    gap: 30px;
}

.service-half {
	padding: 30px;
}

.service-title {
	height: auto !important;
	background: #000;
}
.service-regions .flex-container {
    gap: 30px;
	flex: 1;
    flex-wrap: wrap;
}

.service-half h2 {
	font-size: 42px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: 900;
	font-style: italic;
	margin: 0;
	transition: .4s all;
}

.service-title h2 {
	font-size: 54px !important;
}

.parts-service h2, .service-section h2 {
	font-size: 28px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: 900;
	font-style: italic;
	margin: 0;
	transition: .4s all;
}

.flex-container .service-half {
    flex-basis: 100%;
	color: #fff;
}

.double-section,.service-half {
	
	border-radius: 5px;
	overflow: hidden;
	gap:30px;
}

.service-title.service-half {
    display: flex;
    align-items: center;
}

.service-txt {
	padding-top: 150px !important;
    display: flex;
    align-items: flex-end;
	transition: .4s all;
}
.service-txt:hover h2,.service-txt:hover .link-btn  {
	color: #FBCC0B !important;
}

.parts-service, .service-section {
    padding: 30px;
    flex: 1;
    border-radius: 5px;
	padding-top: 150px;
}

.truck-sales {
	background: linear-gradient(0deg, rgba(0,0,0,0.8239670868347339) 40%, rgba(255,255,255,0) 100%), url("///media.sandhills.com/img.axd?id=8016669147&wid=&rwl=False&p=&ext=jpg&w=1200&h=820&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=nXpjNp81gmAU5WTHyUvwu%2bCCV5EqnkPf") no-repeat;
	background-size: cover;
	background-position: center;
}

.finance-service {
	background: linear-gradient(0deg, rgba(0,0,0,0.8239670868347339) 40%, rgba(255,255,255,0) 100%),url("///media.sandhills.com/img.axd?id=8016669119&wid=&rwl=False&p=&ext=jpg&w=1200&h=800&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=nXpjNp81gmDUUlzDvK410Vu9anHc22cA") no-repeat;
	background-size: cover;
	background-position: center;
}

.finance-service {
	background: linear-gradient(0deg, rgba(0,0,0,0.8239670868347339) 40%, rgba(255,255,255,0) 100%),url("///media.sandhills.com/img.axd?id=8016669119&wid=&rwl=False&p=&ext=jpg&w=1200&h=800&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=nXpjNp81gmDUUlzDvK410Vu9anHc22cA") no-repeat;
	background-size: 160%;
    background-position: 35% 30%;
}

.parts-service {
	background: linear-gradient(0deg, rgba(0,0,0,0.8239670868347339) 40%, rgba(255,255,255,0) 100%),url("///media.sandhills.com/img.axd?id=8016669140&wid=&rwl=False&p=&ext=jpg&w=1200&h=781&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=nXpjNp81gmCmHdd9W%2buMKu5PGonihCr3") no-repeat;
	background-size: cover;
	background-position: center;
}

.service-section {
	background: linear-gradient(0deg, rgba(0,0,0,0.8239670868347339) 40%, rgba(255,255,255,0) 100%),url("///media.sandhills.com/img.axd?id=8016669151&wid=&rwl=False&p=&ext=jpg&w=1200&h=720&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=nXpjNp81gmDlepVWmfH%2fi7Wr0JU0qOQJ") no-repeat;
	background-size: cover;
	background-position: center;
}
*/

.flex-parts-service {
	gap: 30px;
}
.parts-section,.service-section {
	position: relative;
	height: 300px;
	overflow: hidden;
	flex: 1;
	border-radius: 5px;
	
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

.parts-section img,.service-section img {
	transition: transform .8s ease;
	max-width: 100%;
	filter: brightness(0.5);
}

.parts-section:hover img,.service-section:hover img {
	transform: scale(1.5);
}

.parts-section:hover .white-btn,.service-section:hover .white-btn{
	background: transparent !important;
	color: #Fff !important;
	border-color: #fff !important;
}

.section-txt {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    padding: 20px;
	    z-index: 999;
    text-align: center;
    color: #fff;
}

.section-txt h2 {
	font-size: 54px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: 900;
	font-style: italic;
	margin: 0;
	transition: .4s all;
}

.flex-manu {
	gap: 30px;
	margin: 0 auto !important;
}
.manu-title{
	height: auto !important;
    background: #000;
	    padding: 30px;
	flex-basis: 20%;
	    color: #fff;
	margin-left: 5%;
    border-radius: 5px;
}

.manu-slide {
	flex: 1;
    overflow: visible;
    width: 75%;
    margin: 0 auto;
    display: block;
	
}
.manu-title h2 {
    font-size: 54px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 900;
    font-style: italic;
    margin: 0;
    margin-bottom: 20px;
}

.flex-manu .column-padding-manufacturer-list {
	display: block !important;
	height: 100% !important;
    text-align: left !important;
}

.manu-inventory {
    height: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.manu-logo img {
        max-width: 100%;
    width: 200px;
}

.manu-card {
    border: 5px;
    display: block;
	
    overflow: hidden;
    border-radius: 5px;
}

.flex-manu .slick-slide {
    margin: 0 8px !important;
}

.flex-manu .sliderCPT .slick-dots,.flex-manu .slick-prev, .flex-manu .slick-next {
	display: none !important;
}



a.manu-showroom {
	overflow: hidden;
}

a.manu-showroom:hover {
    opacity: .6;
}

.manu-showroom .manu-inventory {
    margin: 10px !important;
	border-radius: 5px;
}


.page-wid {
	
}
/* BREADCRUMBS */

.breadcrumb-links {
        background: #000;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
}

.bread-links {
    max-width: 1550px;
   width: 90%;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 800;
	line-height: 1;
	color: #fff;
}

.bread-links a {
	color: #fff;
    font-weight: 500 !important;
    font-size: 16px;
    text-transform: uppercase;
	transition: .3s all;
}

.bread-links a:hover {
	text-decoration: underline;
}
/* SERVICE PAGE */
.grey-bg.square-box {
       margin: 20px;
    border-radius: 5px;
    padding: 30px;
    border-left: 10px solid #FBCC0B;
}

.square-box h3 {
    margin-top: 0;
    /* text-transform: uppercase; */
    border-bottom: 1px solid #fff;
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 10px;
}


.square-box ul,.flex-container.flex-line ul,.flex-half ul,.page-wid ul {
   margin: 0 0 0 40px;
    line-height: 1.5;
    font-size: 18px;
	list-style: none !important;
}

.square-box ul li,.flex-container.flex-line ul li,.flex-half ul li,.page-wid ul li {
	margin-bottom: 15px;
}

.parts-option {
	border-radius: 5px;
    overflow: hidden;
    margin: 10px;
}

.part-optiontxt {
 color: #fff;
    margin: 0;
    padding: 20px;
}

.part-optiontxt h2 {
	color: #fff;
    line-height: 1.5;
	   font-size: 22px !important;
    font-weight: 600;
}

.part-optiontxt img {
    max-width: 100% !important;
    width: 90px !important;
}

.flex-container.flex-line {
    border: 1px solid #eee;
    margin: 30px 20px;
    flex-direction: column;
    position: relative;
    justify-content: center;
	padding: 30px;
}


.finance-options {}

p.flex-container.flex-line {
    height: 400px;
	
	 padding: 5.5%;
}

.flex-line .yellow-link-btn:hover,.finance-options .yellow-link-btn:hover {
	color: #000 !important;
}
ul.flex-container.flex-list {
    flex-wrap: wrap;
    gap: 25px;
    justify-content: space-between;
    font-size: 18px;
    line-height: 1.25;
	list-style: none;
}


ul.flex-container.flex-list li {
    margin: 0 !important;
}

.flex-list li {
    flex-basis: 24%;
}

.flex-list li:before {
	
}


.column-padding-financing-opt-post { }
.finance-options {}
.finance-wrap {
       width: 90% !important;
    padding: 30px 0 !important; margin: 0 auto;text-align: left !important;}
.finance-wrap .yellow-link-btn {text-transform: uppercase !important;}
.finance-wrap h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 15px !important;
}
.finance-wrap h2 span {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 5px;
}

.finance-wrap a:hover {color: #000 !important;text-decoration: underline;}
.finance-wrap .yellow-link-btn:hover {color: #000 !important;}
.body-shop-card {
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    text-align: left;
}

.bodyshop-title h3 {
    margin: 0;
    margin-bottom: 14px;
    font-size: 28px;
	font-weight: 600;
}

.body-img img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
}

.slick-dotted.slick-slider {
   margin-bottom: 0 !important;
}

i.fa-solid.fa-caret-right.shNoDelete.yellow-txt {
    font-size: 24px;
}

.large-txt {
    font-family: futura-pt, sans-serif !important;
    font-size: 18px;
    font-weight: 600;
}

.flex-50 {
   gap: 60px;
    padding: 70px 0;
    justify-content: space-between;
}

.flex-half {
    flex: 1;
}


.flex-container.flex-four {
        justify-content: space-between;
    gap: 20px;
    padding: 30px 0 0;
}

.service-landing-flex .flex-item{
	background: #fff !important;
}

.flex-item {
    flex: 1;
	text-align: center;
	background: rgb(239, 239, 239);
    padding: 30px;
    border-radius: 5px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

.flex-item .fas {
	font-size: 64px !important;
	margin-bottom: 30px;
}

div#\33 5-0 h2 {
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-top: 0;
    font-size: 32px;
    text-align: center;
}

div#widget_sandhills_contact_form_4 .contactForm h1 {
    font-size: 28px !important;
    text-transform: none !important;
}

.flex-item h3,.flex-item h4 {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400;
    margin: 0;
}

.parts-option p.flex-container.flex-line {
    height: 300px !important;
}

div#n2-ss-3 .n2-ss-slide {
	background: transparent !important;
}

/*_-- BLOG POSTS ---*/

.blog-post {
}

.blog-content {
    text-align: left;
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
}

.blog-img img {
    max-width: 100%;
    width: 100%;
}


.blog-date {
    text-align: left;
    padding: 20px 0;
    width: 90%;
    margin: 0 auto;
    border-top: 1px solid #eee;
    color: #b3b3b3;
}

.blog-img {
    height: 220px;
}

.blog-content h2 {
    font-size: 28px;
}

/*--- SINGLE BLOG POST ---*/
.blog-page .breadcrumbs .fa-solid {
    color: #FBCC0B !important;
}

.blog-page h1 {
    font-size: 38px !important;
    margin: 40px 0 20px;
}

.blog-page h1 b {
	font-weight: 900 !important;
}

.blog-page h2 {
   font-size: 28px !important;
    margin: 20px 0;
    font-weight: 600;
}

p.breadcrumbs {
    margin-bottom: 20px;
}

.blog-page ul {
    list-style: disc !important;
}

.blog-page h4 {
    font-size: 22px !important;
    font-weight: 600;
    color: #FBCC0B !important;
    margin-top: 22px;
}

.blog-page h3 {
    font-weight: 700;
}

p.posted-on {
	color: #b3b3b3;
	margin-top: 50px;
	margin-bottom: 0;
}

.post-container-blog-post {
    display: flex !important;
    flex-wrap: wrap !important;
}

.column-padding-blog-post.item.col-lg-4.col-md-6.col-sm-12.col-xs-12 {
    margin: 10px !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
    flex-grow: 1 !important;
    flex-basis: 30% !important;
}

.shadow {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}



/*--ABOUT US---*/
/* Accordion */
.accordion-item { margin-bottom: 10px;}
.accordion-header {
    background: #fff !important;
    border: #eee 1px solid !important;
    font-size: 18px;
    padding: 8px;
    height: auto !important;
    font-weight: 800 !important;
	transition: .3s all;
}
.page-wid:not([data-blockStyles="sheditor-element"]) h2:not([data-blockStyles="sheditor-element"]) { margin-bottom: 0;}

.accordion-header:hover {
	background: #eee !important;
}
.accordion-button:hover {
	background: #eee !important;
}
.accordion-button:not(.collapsed):not([data-blockStyles="sheditor-element-ignore"]):hover {
	background: #eee !important;
}
.accordion-button {
	font-weight: 700 !important;
    padding: 0 !important;
    font-size: 24px !important;
    line-height: 2 !important;
    color: #FBCC0B;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.accordion-button:not(.collapsed):not([data-blockStyles="sheditor-element-ignore"]) {

	color: #FBCC0B !important;
  	background-color: white !important;
  	box-shadow: none !important;
}

.accordion-button:focus:not([data-blockStyles="sheditor-element-ignore"]) { 
	box-shadow: none !important;
}

.panel-heading a {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    font-size: 18px !important;
    line-height: 1;
}
.accordion-button:after {
    content: '-';
    font-size: 28px;
    color: #000;
    float: right;
}

button.collapsed:after {
    content: "+";
    font-size: 28px;
    float: right;
}
.accordion-button:not(.collapsed)::after,
.accordion-button::after {
  background-image: unset !important;
}
.panel-heading h4 {
}

.team-btns {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}


.team-btns button {
    margin-top: 0 !important;
}

/*--- TEAM ---*/

.team-section {
    display: inline-block;
    padding-bottom: 70px !important;
	width: 100%;
}

.post-container-team-member {
    display: flex;
    flex-wrap: wrap;
}

.team-member {
    padding: 30px 0;
    text-align: left;
    height: 100%;
    display: block;
	width: 85%;
	margin: 0 auto;
}



.team-info h4 strong {
    font-size: 24px;
    font-style: italic;
    font-weight: 800;
}

.team-info h4 {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 0;
}

.team-img img {
    max-width: 100%;
}

.model-name h2 {
    background: #000;
    margin: 0;
    padding: 20px 0;
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}

.model-config a:hover .model-name h2 {
    color: #FBCC0B;
}

.team-bar {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.team-bar .yellow-btn {
    flex: 1;
    margin: 0 0 20px 0;
}

#serviceteamID .team-img,aside#partsteamID .team-img, #sales .team-img,#Idealease .team-img {
    display: none;
}


.map-holder {
    position: relative;
    height: 460px;
    overflow: hidden !important;
}

.map-holder iframe {
	margin-top: -75px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 540px !important;
}

/*--- JOIN OUR TEAM --*/
.job-listing {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
        margin: 10px;
    text-align: left;
    display: flex;
    align-items: center;
    border-radius: 8px !important;
    overflow: hidden;
    background: #efefef;
}

.job-title,.job-location,.job-desc,.job-type,.job-type {
    flex: 1;
	
    padding: 0 30px;
}

a.job-desc {
   text-align: center;
    background: #FBCC0B;
    color: #fff;
    padding: 40px 0;
    color: #000;
    font-family: futura-pt, sans-serif !important;
    font-size: 18px;
    letter-spacing: 1;
     font-weight: 900;
    text-transform: uppercase;
    transition: .4s all;
}

a.job-desc:hover {
	background: #000;
	color: #fff;
}
.job-title {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: futura-pt, sans-serif !important;
    font-weight: 600;
}

.job-location,.job-type {
	    font-weight: 500;
}
p.job-type {
    background: #FBCC0B;
    display: inline-block;
    padding: 0;
    padding: 5px 10px;
    color: #000;
    font-size: 16px;
    font-weight: 500 !important;
}

p.job-location {
    display: inline-block;
    background: #000;
    padding: 5px 10px;
    color: #fff !important;
    margin-right: 20px;
    font-size: 16px;
}

/*---BUILD YOUR OWN TRUCK---*/
.truck-config {
	
}

.truck-config .iframe-container {
	overflow: hidden;position: relative;padding-top: 0%;
}

.truck-config .iframe-container iframe {
	border: 0; height: 100vh; left: 0; position: relative; top: 0; width: 100%;
}

.contact-deal {
    max-width: 1000px;
    width: 90%;
}

.contact-deal label {
	display: block;
	margin-top: 10px;
}
.contact-deal label,.contact-deal textarea,.contact-deal input {
    width: 100%;
}
.contact-deal input.yellow-btn {
        max-width: 100%;
    width: 200px;
}

.contact-deal textarea,.contact-deal input { 
 padding: 10px;
box-sizing: border-box;
}

/*---404 NOT FOUND ---*/
section.error-404.not-found .logo-holder {
    display: none !important;
}

section.error-404.not-found .hvr-underline-from-center:before {
	display: none !important;
}

button.yellow-btn.tablink.departmentselect {
    background: #eee !important;
    border-color: #eee !important;
}


.flex-20 {
	gap: 50px;
}

.pageimage {
	height: 500px !important;
		background-position: 50% 75% !important;
}
/*----BUTTONS---*/
.button-holder {
   padding: 50px 0 50px;
    text-align: center;
}

p.button-wrapper {
    display: flex;
    gap: 15px;
    margin: 0;
}

.inline {
	display: inline;
}
.button-wrap {
	gap: 20px;
	display: flex;
	align-content: center;
}

.white-btn,.yellow-btn,.link-btn,.yellow-link-btn,.black-btn {
	transition: .4s all;
	font-family: futura-pt, sans-serif;
	font-size: 16px !important;
	text-transform: uppercase !important;
	font-weight: 600;
	border: none;
	
}

.white-btn,.yellow-btn,.black-btn {
	border-radius: 90px !important;
}

.link-btn {
    background: transparent;
    letter-spacing: 1px;
	padding: 0 !important;
    font-weight: 600;
    margin-top: 15px;
	color: #fff !important;
}



.yellow-link-btn {
    background: transparent;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 15px;
	color:  #FBCC0B !important;
	padding: 0 !important;
}

.yellow-link-btn:hover {
	color: #FFF !important
}

.manu-slide .link-btn {
    color: #000 !important;
    text-align: left !important;
    margin-top: 10px;
    display: block;
    width: 100%;
    text-align: left;
}

.white-btn {
	text-transform: uppercase;
	font-weight: 600;
background: #fff;
	color: #000;
border-radius: 90px;
    padding: 10px 40px;	
border: 3px solid #fff;
margin-top: 20px;
}

.white-btn:hover {
	background: rgba(255,255,255,.5);
color: #fff;
	
border: 3px solid rgba(255,255,255,.1);
}

.yellow-btn {
	background: #FBCC0B !important;
	color: #000 !important;
	border-radius: 90px !important;
    padding: 10px 40px !important;	
	border: 3px solid rgba(251,204,11,1.00) !important;

	margin-top: 20px;
}

.yellow-btn:hover {
	border-color: #FBCC0B !important;
	background: transparent !important;
	color: #FBCC0B !important;
	box-shadow: none !important;
}

.black-btn {
	text-transform: uppercase;
	font-weight: 600;
background: #000;
	color: #fff;
border-radius: 90px;
    padding: 10px 40px;	
border: 3px solid #000;
margin-top: 20px;
}

.black-btn:hover {
	background: #fff;
color: #000;
}

.button-holder .yellow-btn {
	margin-top: 0 !important;
}

.wid90 {
	max-width: 90% !important;
	margin: 0 auto;
}

.darken-img {
	filter: brightness(.5);
}

.bottom-half {
    display: inline-block !important;
        margin-bottom: -10px !important;
    width: 100% !important;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  top: 0;
  background: #FBCC0B;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 60px;
  right: 60px;
}


/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

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

.footer {
	background: #000;
	padding: 50px 0;
}

.footer-wrap {
    gap: 40px !important;
}

.foot-col {
	flex: 1;
}
.foot-col p {
	text-transform: uppercase;
	font-weight: 900 !important;
	font-style: italic;
	color: #FBCC0B;
	font-size: 20px;
	font-family: futura-pt, sans-serif !important;
}

.foot-col a,.foot-col ul li {
	font-family: nimbus-sans, sans-serif !important;
	font-size: 18px !important;
	color: #fff;
}

.foot-col a {
	font-weight: 500 !important;
	
}

.foot-col ul li {
    line-height: 2;
}

a.location-link {
    font-size: 18px;
    text-transform: uppercase;
    font-family: futura-pt, sans-serif !important;
    font-weight: 600;
    padding-top: 30px;
}

#foot-phone {
	text-transform: uppercase;
    font-weight: 600 !important;
    color: #FBCC0B;
    font-family: futura-pt, sans-serif !important;
	transtion: .3s all;
}


#foot-phone:hover {
	color: #fff;
}

/*==========  INVENTORY LISTINGS  ==========*/
#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 */



a.view-listing-details-link.des-view-listingDetails {
    font-weight: 500 !important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 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;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#FBCC0B !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:#FBCC0B !important;color: #000 !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 #FBCC0B !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: #FBCC0B !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;}


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1600px) {
	.searchbar {
		padding: 15px;
	}
	
	.inv-search {
		margin-top: -80px !important;
	}
	
	
		.manu-title .wid90 {
    max-width: 100% !important;
    width: 100% !important;
}
	
	.herowidth {
		padding-bottom: 7% !important;
	}
	
	div#n2-ss-2 .n2-font-1f23ea208a683734cfd9a07b9138ab52-hover {
		font-size: 64px !important;
	}
	div#n2-ss-2 .n2-font-d84e9406c4875a0322d103aa6018bf10-hover {
		font-size: 40px !important;
	}

	
	
		
	}

@media only screen and (max-width : 1510px) {	

		
	.search-title h2{
		font-size: 24px !important;
	}

	p.flex-container.flex-line {
    	height: 450px;
		margin: 30px 10px;
	}
		.herotext hdiv {
   font-size: 270% !important;
}
	.logo-holder a {
		width: 100% !important;
    background-position: center;
	}

}


@media only screen and (max-width : 1440px) {	
	.manu-title {
		flex-basis: 25%;
	}
	
	.manu-title h2 {
    font-size: 42px;
	}
	.inv-search {
		margin-top: 0 !important;
	}
	
	.search-wrapper {
    width: 100%;
	}
	
}

@media only screen and (max-width : 1360px) {
	.flex-manu {
    gap: 5px;
	}
	.footer-wrap {
		flex-wrap: wrap !important;
	}
.foot-col {
    flex: 1;
    flex-basis: 20%;
	}

	.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
    left: 0;
    right: 0;
}
	
	.herowidth {
		max-width: 90% !important;
		margin: 0 auto !important;
		width: 90% !important;
	}
	
	
}

@media only screen and (max-width : 1300px) {		
.service-half .wid90,.service-section .wid90 {
    max-width: 100% !important;
    width: 100%;
}
	
	p.flex-container.flex-line {
    height: 500px;
}
	.flex-container.flex-four {
		flex-wrap: wrap;
		    gap: 30px;
	}
	
	.team-bar {
		flex-wrap: wrap;
	}
	.column-padding-blog-post.item.col-lg-4.col-md-6.col-sm-12.col-xs-12 {
		flex-basis: 40% !important;
	}
	
}

@media only screen and (max-width : 1200px) {	
	.background-contain.background-repeat-x.background-center-top.pad50 {
		background-size: cover !important;
	}
	.manu-title h2,.pad50 h2,.full-half h1 {
    font-size: 36px;
}
	.quarter-slide {padding: 15px;}
	.quarter-slide h2,.full-half p {font-size: 18px !important;}
	#bigger-font {font-size: 22px !important;}
	.quarter-slide p {font-size: 16px;}
	.parts-service .wid90, .service-section .wid90 {
	 max-width: 100% !important;	
		width: 100% !important;
	}
	
	.service-regions,.service-regions .flex-container{
		gap: 20px;
	}
	
	.flex-half iframe {
    height: 300px;
}
	
	button.yellow-btn.tablink {
    flex-basis: 40%;
    margin: 0;
}
	
		.herowidth {
		max-width: 90% !important;
		margin: 0 auto !important;
		width: 90% !important;
			padding-bottom:0!important;
			
	}
	
	div#n2-ss-2 .n2-font-1f23ea208a683734cfd9a07b9138ab52-hover {
    font-size: 54px !important;
}
	
	div#n2-ss-2 .n2-font-d84e9406c4875a0322d103aa6018bf10-hover {
    font-size: 32px !important;
}
	
	.parts-section, .service-section {
		height: 220px;
	}
	
	.section-txt h2 {
    font-size: 42px;
	}
	
	.flex-hometxt {
		flex-wrap: wrap;
		gap: 10px;
	}

	
	.homelogo img {
    max-width: 100%;
    width: 120px !important;
    margin: 0 auto;
}
	
	.flex-item {
		flex-basis: 40%;
	}
}

/* Medium Devices, Desktops */

@media only screen and (max-width : 1100px) {
	.grey-bg .wid90 {max-width: 95% !important; width: 95% !important;}
	.manu-title {
		margin-left: 2.5% !important;
	}
	
		.desktop-header {
		display: none !important;
	}
	
	
	
	.mobile-header {
		display:block !important;
	}
	
	.top-header {
		padding: 10px 0;
	}
	
	.mobile-logo {
    margin-bottom: -60px;
}
	
	.mobile-logo img {
    max-width: 100%;
    width: 230px !important;
}
	
	.logo-holder {
    display: none;
}
	.header .hvr-underline-from-center:before {
		display: none;
	}
	
	.header .hvr-underline-from-center {
		display: block !important;
	}
	.right-head a {
		margin: 0 !important;
	}
	
	.social-head,.mobile-logo,.right-head {
		flex:1 !important;
	}
	.flex-hometxt {
		margin: 0 0 40px 0;
	}
	.flex-parts-service {
		flex-wrap: wrap;
	}
	.parts-section, .service-section {
		flex-basis: 100%;
	}
	
	.categories.flex-container {
		flex-wrap: wrap;
	}
	.cat {
		flex-basis: 32%;
		border-bottom: 1px solid #636363;
	}
	
	.searchbar {
		border-top: none !important;
	}
	
	.categories.flex-container {
		border-top: 1px solid #333;
	}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.twosection {
		-ms-align-items: center;
		align-items: center;
	}
	
	.grey-bg.square-box {
		margin:40px 0;
	}
	
p.flex-container.flex-line {
		flex-wrap: wrap;
		gap: 0;
		margin: 20px 0;
	height: auto !important;
	    padding: 30px !important;
	}
	
	.flex-50,.flex-20 {
		flex-wrap: wrap;
		gap:40px;
	}
	
	.flex-half {
		flex-basis: 100%;
	}
	
}

@media only screen and (max-width : 980px) {
	.manu-title {
    flex-basis: 40%;
}
	
	.manu-slide {
		width: 70%;
	}
	
	.finance-service {
		background-size: cover;
	}
	
	.parts-service, .service-section, .service-half {
		padding: 0 !important;
	}
	


	.herotext hdiv {
    font-size: 240% !important;
}
		div#n2-ss-2 .n2-font-1f23ea208a683734cfd9a07b9138ab52-hover {
    font-size: 48px !important;
}
	
	div#n2-ss-2 .n2-font-d84e9406c4875a0322d103aa6018bf10-hover {
    font-size: 24px !important;
}
	
	.herowidth{
		padding-bottom: 0 !important;
	}
	
.home-txt{
	flex-basis: 100%;
	order: -1;
	}
	.job-listing {
		flex-wrap: wrap;
		padding: 20px 0 0;
	}
	
	.job-title, .job-location, .job-desc {
		flex-basis: 100%;
		padding-bottom: 10px; 
	}
	
	.job-type {
		flex-basis: 100%;
		padding-bottom: 20px;
	}
	
	a.job-desc {
		padding: 10px 0;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 850px) {
	.service-regions, .service-regions .flex-container,.flex-manu,.categories.flex-container,.searchbar {
		flex-wrap: wrap !important;
	}
	
	.searchbar {
		gap: 15px;
	}
	
	.categories.flex-container {
		gap: 0 !important;
	}
.service-regions .flex-container,.manu-title,.manu-slide,.search-title,form.detailed-search {
    flex-basis: 100% !important;
	
}
	.manu-slide,.manu-title {
	width: 100%;
		margin-left: auto !important;
	}	
	.service-txt,.flex-container .service-half {
		padding-top: 30px !important;
		padding: 30px !important;
	}
	
	.service-half h2 {
    font-size: 36px;
	}
	
	.service-title h2 {
    font-size: 36px !important;
}
	
	.flex-manu {
    gap: 15px;
			width: 95%;
		margin: 0 auto;
}
	.foot-col {
    flex: 1;
    flex-basis: 45%;
}
a.cat {
    flex-basis: 45%;
    border-bottom: 1px solid #636363;
	padding: 15px;
}
	
	.catimg img {
    max-width: 100%;
    width: 125px;
}
	
	.button-wrap button {
    margin-top: 5px;
}
	
	.pageimage {
		height: 300px;
	}
	
	.herowidth {
    padding-bottom: 5% !important;
}
	

	
}
@media only screen and (max-width :800px) {
	.quarter-slide {display: none !important;}
	.full-half {flex-basis: 100%;}
}
@media only screen and (max-width :750px) {

	.column-padding-blog-post.item.col-lg-4.col-md-6.col-sm-12.col-xs-12 {
		flex-basis: 100% !important;
	}
	.hero h1,.full-half h1 {font-size: 42px !important;}
	.hero p,.full-half p {font-size: 22px !important;}
	p#btn-wrap {
    display: flex;
    gap: 15px;
	flex-wrap:wrap;
	}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 660px) {
	.n2-ss-section-main-content.n2-ss-layer-content.n2-ow {
		padding-top: 120px !important;
	}
	
	div#n2-ss-2 .n2-font-d84e9406c4875a0322d103aa6018bf10-hover {
		display: none !important;
	}
	
	div.flex-container.flex-line {
		margin: 20px 0;
		    padding: 20px;
	}
	
	.flex-line img {
		max-width: 100% !important;
		width: 130px !important;
	}
	
	p.button-wrapper button {
    flex: 1;
}
	p.button-wrapper {
		flex-wrap: wrap;
	}

}

@media only screen and (max-width : 550px) {
	a.cat{
		flex-basis: 100%;
	}
	a.cat {
		border-left: none !important;
		border-right: none !important;
	}
	
	p.button-wrapper button {
    flex-basis: 100%;
}
	
	.flex-item {
		flex-basis: 100%;
	}
	
	.social-head {
    display: none;
}
	
	.mobile-logo img {
		margin: 0 !important;
	}
	

	.herotext hdiv {
    font-size: 200% !important;
}
	.herotext a {
		font-size: 14px !important;
	}

	

}

@media only screen and (max-width : 490px) {
	.page-wid .resource-box h2  {font-size: 16px !important;}
	p{
		font-size: 16px;
	}
.double-section.flex-container {
    flex-wrap: wrap !important;
}
	a.parts-service.service-txt,a.service-section.service-txt {
		flex-basis: 100% !important;
	}
	.foot-col {
    flex: 1;
    flex-basis: 100%;
}
	
	.bottom-half .wid70 {
    width: 90%;
	}
	

	.square-box ul, .flex-container.flex-line ul, .flex-half ul, .page-wid ul {
		margin: 0 0 0 20px;
	}
	
	.grey-bg.square-box {
    margin: 15px 0;
}
	
	.flex-50 {
		padding: 40px 0;
	}
	
	.page-wid h1 {
		font-size: 32px;
	}
	
	
	.page-wid h2 {
		font-size: 24px !important;
	}
	
	#pad-xxl,#pad-xl {
    
	}.section-txt h2,.section-text p {
		font-size: 32px !important;
		font-size: 16px;
	}
	
	.flex-hometxt {
		    margin-bottom: 8%;
	}
	
	.home-txt .yellow-btn {
		margin-top: 0 !important;
	}

	.hero {margin-top: 85px !important;}
	.hero h1 {font-size: 32px !important;}
	.hero p {font-size:18px !important;}
}