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


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
.header {
	background: #2c2945;
	display: flex;
	flex-wrap: wrap;
	box-sizing: content-box;
}
.headerinfosection{
	display: flex;
    width: 100%;
    justify-content: flex-end;
	box-sizing: content-box;
}
.headerinfo{
	width: 20%;
    background: #444071;
    border: 1px solid #444071;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 0px;
    padding: 20px 20px 20px 50px;
	color: #fff;
	box-sizing: content-box;
	
}
.navinfolink{
	color: #fff;
	font-family: 'Barlow', sans-serif;
	font-size: 13px;
	padding: 0px 8px;
	font-weight: 500;
	
}

.navlogosection{
	width: 30%;
	padding-left: 70px;
	padding-bottom: 30px;
	padding-top: 20px;
	box-sizing: content-box;
}
.navlogo{
	color: #fefbf3;
	font-family: 'Barlow', sans-serif;
	font-size: 34px;
    font-weight: 700;
}
.navmenu{
	width: 65%;
	text-align: right;
	padding-top: 28px;
	box-sizing: content-box;
}
.contactnavbtn{
	background: #444071;
	border-radius:10px;
	width: 100px;
}
.contactnavbtn:hover{
	background: #fff!important;
	color: #444071!important;
	width: 100px!important;
}
.paddingt50{
	padding-top: 50px;
}
/*---BODY--------------------------------*/
.heroslides{
	display: flex!important;
	justify-content: flex-end!important;
	
}
.heroslider1{
	width: 100%;
	height: 530px;
	background: url("../siteart/slideshow/heroimage1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;

}
.heroslider2{
	width: 100%;
	height: 530px;
	background: url("../siteart/slideshow/heroimage2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
	
}
.heroslider3{
	width: 100%;
	height: 530px;
	background: url("../siteart/slideshow/heroimage3.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
	
}
.herotextbox{
	background: #2c2945;
    height: 570px;
    width: 765px;
    text-align: left;
    border-bottom-left-radius: 26%;
    border-top-left-radius: 26%;
	color:#fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
.whtherotextbox{
	background: #444071;
    height: 570px;
    width: 765px;
    text-align: left;
    border-bottom-left-radius: 26%;
    border-top-left-radius: 26%;
	color:#fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
.heroheader{
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 56px;
	padding: 5% 15% 3% 10%;
	width: 100%;
	text-transform: uppercase;	
	line-height: 50px
}
.heropara{
	font-family: 'Barlow', sans-serif;
	font-size: 18px;
	padding: 0% 15% 6% 10%;
	width: 100%;	
	line-height: 20px
}
.herobutton{
	font-family: 'Barlow Condensed', sans-serif;
	margin: 0% 15% 3% 10%;
	background:#fff;
	padding: 10px 50px;
	border-radius: 10px;
	 color: #444071;
	font-weight: 600;
	border: 2px solid #fff;
}
.herobutton:hover{
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
	
}
.hpshopbysection{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	padding: 60px 0px 0px 0px;
}
.hp-cta-section{
	display: flex;
    width: 100%;
    justify-content: center;
}
.hp-cta-btn{
	color: #fff;
	background: #444071;
	padding: 10px 30px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	font-family: 'Barlow Condensed', sans-serif;
	height: 20px;
}
.hp-cta-btn:hover{
	padding: 10px 60px;
	background: #2c2945;
}
.hp-category{
	width: 20%;
    height: 200px;
    display: flex;
    margin: 0px 5px 40px 5px;
    align-items: flex-end;
	cursor:pointer;
}
.construct-box{
	background: url("/siteart/construction.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.farm-box{
	background: url("/siteart/farm.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.vehicle-box{
	background: url("/siteart/vehicle.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.trailer-box{
	background: url("/siteart/trailers.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.ctabuttonsection{
	width: 100%;
}
.dkctabutton{
	background: #2c2945;
	color: #fff;
	padding: 14px 50px;
	margin: 0px 15px 20px 15px;
	font-family: 'Barlow Condensed', sans-serif;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	border: #2c2945 solid 2px;
}
.dkctabutton:hover{
	border: #2c2945 solid 2px;
	color: #2c2945;
	background: #fff;
}
.ltctabutton{
	background: #444071;
	color: #fff;
	padding: 14px 50px;
	margin: 0px 15px 20px 15px;
	font-family: 'Barlow Condensed', sans-serif;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	border: #444071 solid 2px;

}
.ltctabutton:hover{
	border: #444071 solid 2px;
	color: #444071;
	background: #fff;
}

.hpaboutsection{
	text-align: center;
	background: #e8e8ec;
 	padding: 60px;
	margin: 120px 0px 120px 0px;

}
.hpabouttext{
	padding: 10px 30%;
}
.dkblh1{
	color: #444071;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 500;
	padding-bottom: 20px;
	width: 100%;
	font-size:36px; 
}
.dkblheader{
	color: #444071;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 500;
	padding-bottom: 20px;
	width: 100%;
	font-size:30px; 
}
.dkblpara{
	color: #2c2945;
	font-family: 'Barlow', sans-serif;
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 40px;
}
.ltblbutton{
	font-family: 'Barlow Condensed', sans-serif;
	color: #fff;
	background:#444071; 
	font-weight: 600;
	padding: 10px 40px;
	border-radius: 10px;
	border: 2px solid #444071;

}
.ltblbutton:hover{
	background: transparent;
	border: 2px solid #444071;
	color: #444071;
}
.hpcontactsection{
	display: flex;
	margin: 10px 25px 130px 25px;
	justify-content: center;
}
.hpmapsection{
	width:40%;
}
.hpmap{
	width: 100%;
	height: 400px;
}
.hpctinfosection{
	width: 20%;
	background: #444071;
	padding-top: 50px;
	padding-left: 40px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
    align-items: center;
    justify-content: space-between;
}
.hphourssection{
	width: 26%;
	background: #2c2945;
	border: 1px solid #2c2945;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	padding: 50px 40px 0px 100px;
}
.whtheader{
	width: 100%;
	font-family: 'Barlow Condensed', sans-serif;
	color: #fff;
	padding-bottom: 20px;
	font-size: 32px;
    font-weight: 400;
}
.hpicon{
	width: 5%;
	height: 6%;
	padding-right: 10px;
	padding-top: 40px;
}
.hpwhtparagraph{
	width: 90%;
	padding-top: 40px;
	color: #fff;
	font-family: 'Barlow', sans-serif;
	font-size: 14px;
}

.hoursofoperation{
	display: flex;
    justify-content: space-between;
    color: #FFFFFF;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 19px;
    padding-right: 40%;
    padding-bottom: 13px;
}
.hours{
	font-size: 16px;
}
.thankyousection{
	padding: 5% 5% 11% 5%;
}
.dkblsubhead{
	   font-family: 'Barlow Condensed', sans-serif;
    font-size: 22px;
	color: #444071;
	  padding-bottom: 50px;
}
.bigblueheader{
	  font-family: 'Barlow Condensed', sans-serif;
    font-size: 50px;
	color: #2c2945;
	  padding-bottom: 20px;
	font-weight: 500;
}
.contactpagesection{
	display: flex;
}
.cp-map-section{
	width: 16%;
}
.cpmap{
	height: 100%;
	width: 100%;
}
.cp-info-section{
	width: 84%;
	display: flex;
	flex-wrap: wrap;
}
.cp-form-section{
	width: 90%;
	background: #e8e8ec;
	padding: 2% 5%;
}
.cp-address{
	width: 45%;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin: 66px 10px 20px 5%;
}
.cp-phone{
	width: 40%;
    background: #444071;
    margin: 20px 0px;
    padding: 40px 0px 30px 70px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    height: 174px;
}
.cp-address-title{
	    width: 40%;
}
.cp-phone-left{
	width: 40%;
}
.cp-phone-right a{
	  font-family: 'Barlow', sans-serif;
	color: #ffffff;
	font-size: 15px;
	line-height: 25px;
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: transparent;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #444071;
	color: #fff;
	border-radius: 5px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: #fff;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

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

.formfields{
    border: none;
    width: 366px;
    height: 35px;
    border-radius: 5px;
    padding: 0px 0px 0px 15px;
    margin: 0px 10px 20px 10px;
    font-family: 'Barlow', sans-serif;
}
.message{
	border: none;
    width: 1169px;
    height: 70px;
    border-radius: 5px;
    padding: 10px 0px 0px 15px;
    margin: 0px 10px 0px 10px;
    font-family: 'Barlow', sans-serif;
}
.cpformflex{
	display: flex;
	flex-wrap: wrap;
}
.width-100{
	width: 100%;
}
.CaptchaPanel{
	text-align: left!important;
}
.CaptchaMessagePanel{
font-family: 'Barlow', sans-serif;
color: #444071;
font-size: 14px;
}
.CaptchaWhatsThisPanel a{
font-family: 'Barlow', sans-serif;
color: #2c2945;
font-size: 14px;
}
.submit{
	font-family: 'Barlow Condensed', sans-serif;
    color: #fff;
    background: #444071;
    font-weight: 600;
    padding: 10px 40px;
    border-radius: 10px;
	border: none;
}
.submit:hover{
	background: #2c2945;
}
/*-------- FOOTER STYLES ----------------*/
.topfooter{
background: #2c2945;	
display: flex;
flex-wrap: wrap;
box-sizing: content-box;
}
.footertitle{
width: 100%;
color: #fff;
font-family: 'Barlow', sans-serif;
padding: 40px 40px 20px 60px;
font-weight: 400;
font-size: 30px
}
.footerinfosection{
display: flex;
padding: 0px 40px 40px 20px;
box-sizing: content-box;
}
.footerinfo{
	color: #fff;
	font-family: 'Barlow Condensed', sans-serif;
	padding: 0px 40px;
	font-size: 17px;
}
.footercontactbtn{
	color: #fff;
	font-family: 'Barlow Condensed', sans-serif;
	background: #444071;
	padding: 10px 35px;
	border-radius: 10px;
	border: 2px solid #444071;

}
.footercontactbtn:hover{
	background: transparent;
	border: 2px solid #fff;
}
.bottomfooter{
background: #444071;		
display: flex;
align-items: flex-start;
	box-sizing: content-box;
}

.footernavsection{
	width: 22%;
	display: flex;
	flex-wrap: wrap;
	padding: 40px 60px 100px 60px;
	box-sizing: content-box;
}
.footernavheader{
	width: 100%;
	color: #fff;
	font-family: 'Barlow', sans-serif;
	
	
}
.footernavtitle{
	font-weight: 600;
	font-size: 22px;
	padding-bottom: 10px;
}
.footerlinksection{
	display: flex;
	flex-wrap: wrap;
	box-sizing: content-box;
}
.footerlink{
	color: #fff;
	font-family: 'Barlow Condensed', sans-serif;
}
.footerlink:hover{
	color: #afadb8; 
}
.footer50{
		width: 50%;

}

/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}



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

.inventorypadding{
	padding: 5% 0%;
}
.list-top-section .list-title .list-listings-count{
	color: #444071!important;
	font-family: 'Barlow', sans-serif!important;
}

.list-top-section .list-title .list-title-text{
	color:#2c2945!important;
	font-family: 'Barlow Condensed', sans-serif!important;
}

.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
	border: none!important;
	background-color: #444071!important;
	border-radius: 10px!important;
	padding: 10px 40px!important;
	color: #fff!important;
	font-weight: 400!important;
	font-family: 'Barlow', sans-serif!important;
}
.faceted-search-content button.faceted-search{
	background-color:#2c2945!important;
	font-family: 'Barlow', sans-serif!important;
}
.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn{
	background-color:#2c2945!important;
	font-family: 'Barlow', sans-serif!important;
}
.view-listing-details-link{
	background-color:#444071!important;
	font-family: 'Barlow', sans-serif!important;
}
.list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text{
	background-color:#2c2945!important;
	font-family: 'Barlow', sans-serif!important;
}
.grouped-faceted-header{
	background-color:#2c2945!important;
	font-family: 'Barlow', sans-serif!important;
}
.mobile-option-bar .mobile-option-bar-filter{
	color:#444071!important;
	font-family: 'Barlow', sans-serif!important;
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
	background-color:#444071!important;
	font-family: 'Barlow', sans-serif!important;
}
.faceted-search-content .selected-facets-container .selected-facet{
	    background: #444071!important;
}
/*---------- RESPONSIVE STYLES ----------*/




@media only screen and (max-width: 1612px) {
	.message{
		width: 1001px;
	}
	.formfields{
	width: 310px;	
	}
	.cp-form-section{
	width: 95%;
    padding: 2% 0% 2% 5%;	
	}
}
@media only screen and (max-width: 1480px) {

	.hoursofoperation{
		padding-right: 20%;
	}
	.footernavsection{
		padding: 40px 20px 100px 60px;
	}
	
}
@media only screen and (max-width: 1464px) {
	.headerinfo {
		width: 28%;
	}
}
@media only screen and (max-width: 1420px) {
	.navlogosection {
    width: 25%;
	padding-left: 25px;
	}
	.navmenu {
	width: 72%;
	}
}
@media only screen and (max-width: 1360px) {
	.footerinfo{
		padding: 0px 11px;
	}
	.footerinfosection{
		padding: 0px 7px 40px 50px;
	}
	.hp-cta-btn{
		height: auto;
	}
	.hp-category {
    width: 24%;
	height: 239px;
	}
	.herotextbox{
		height: 540px;
		width: 560px;
	}
	.whtherotextbox{
		height: 540px;
		width: 560px;
	}
	.heroslider3{
		background-position: right center;
	}
}
@media only screen and (max-width: 1315px) {
	.formfields {
    width: 23vw;
	padding: 0px 0px 0px 15px;
    margin: 0px 1vw 20px 1vw;
}
	.message {
    width: 76vw;
	padding: 10px 0px 0px 10px;
    margin: 0px 10px 0px 10px;
}
	.cp-form-section {
    width: 98%;
    padding: 5% 0% 5% 2%;
}
	.cp-address-title {
    width: 58%;
}
	.cp-address {
    width: 46%;
	margin: 66px 15px 20px 3%;
}
	.cp-phone {
	width: 44%;
	margin: 20px 0px;
    padding: 40px 0px 30px 28px;
	}
	.cp-phone-left {
    width: 42%;
}
}
@media only screen and (max-width: 1200px) {

	.hoursofoperation{
		padding-right: 5%;
	}
	.hpctinfosection{
		width: 25%;
	}
	.hphourssection{
	 padding: 50px 40px 0px 40px;
	}
	.navmenu {
    width: 71%;
}
	.navlogosection {
    width: 27%;
    padding-left: 10px;
}
}
@media only screen and (max-width: 1169px) {
	.bottomfooter{
		flex-wrap: wrap;
	}
	.footernavsection {
    padding: 40px 0px 20px 60px;
	width: 26%;
}
	.hpabouttext {
    padding: 10px 16%;
}
	.heroslider1{
		background-position: 48% center;
	}
	.heroslider2{
		background-position: right center;
	}
}
@media only screen and (max-width: 1100px) {
.cp-address {
    width: 38%;
    margin: 66px 15px 20px 2%;
}
.cp-address-title {
    width: 100%;
}
	.cp-phone {
    width: 56%;
    margin: 20px 0px;
    padding: 40px 0px 30px 13px;
}
	.cp-phone-left {
    width: 44%;
}
	.paddingt20{
		padding-top: 20px
	}
	.whtheader{
		font-size: 34px;
	}
	
}
@media only screen and (max-width: 1090px) {
	.hpmapsection {
    width: 32%;
	
	}
	.hpmap{
		height: 100%;
	}
	.hoursofoperation{
		padding-right: 3%;

	}
	.hpicon{
		height: 5%;
	}
	.hpctinfosection {
    width: 30%;
	padding-left: 20px;
	}
	.hpcontactsection{
	 margin: 10px 15px 130px 15px;
	}
	.hphourssection {
    width: 34%;
	padding: 50px 14px 20px 15px;
	}
	.navlogo{
		font-size: 30px;
	}
}
@media only screen and (max-width: 1050px) {
	.headerinfo{
		width: 32vh;
	}
}
@media only screen and (max-width: 1080px) {
	.navlogosection {
    width: 60%;
    padding-left: 45px;
}
	
}
@media only screen and (max-width: 1008px) {

	.footerinfosection{
		flex-wrap: wrap;
	}
	.footercontactpadding{
		margin-top: 25px;
	}
}

@media only screen and (max-width: 930px) {
	.hp-cta-section{
		flex-wrap: wrap;
	}
	.hp-category {
    width: 47%;
    height: 239px;
}
	.whtherotextbox {
    height: 560px;
    width: 100%;
    border-radius: 0px;
	background: #444071ab
	}
	.heroslider2 {
    background-position: 27%;
    background-size: auto;
}
	.herotextbox{
	height: 560px;
    width: 100%;
    border-radius: 0px;
	background: #2c2945ad;
	}
	.heroslider3 {
    background-position: left;
    background-size: auto;
}
	
}
@media only screen and (max-width: 860px) {
	.cp-address {
		width: 88%;
		margin: 66px 15px 20px 6%;
	}
	.cp-phone {
		width: 98%;
	    border-radius: 0px;
		margin: 20px 0px;
    	padding: 40px 0px 45px 20px;
		flex-wrap: wrap;
		height: 110px;
	}
	.cp-phone-left {
    width: 48%;
	}
}
@media only screen and (max-width: 830px) {
	.footernavsection{
		width: 42%;
		padding: 40px 0px 15px 25px;
	}
		.footerinfosection{
		padding: 0px 7px 40px 8px;
	}
	.footertitle{
		padding: 40px 40px 20px 20px;
	}
	.cp-info-section {
    width: 68%;
	}
	.cp-map-section {
    width: 32%;
	}
	.cp-form-section {
    width: 98%;
    padding: 10% 0% 15% 5%;
}
	.formfields {
    width: 91%;
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 20px 0px;
	height: 47px;
}
	.message {
    width: 92%;
    padding: 10px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
}
}
@media only screen and (max-width: 782px) {
	.hpcontactsection{
		flex-wrap: wrap;
		margin: 10px 0px 130px 0px;
	}
	.hpmapsection {
    width: 100%;
    height: 230px;
}
	.hpctinfosection {
    width: 100%;
    padding-left: 40px;
	padding-bottom: 50px;
}
	.hpicon{
		height: 8%;
		width: 2%;
	}
	.hpwhtparagraph{
		width: 96%;
	}
	.hphourssection {
    width: 100%;
	border-radius: 0px;
	padding: 50px 30px 40px 30px;
}
	.hpabouttext {
    padding: 10px 2%;
	
}
	.hpaboutsection{
		margin: 65px 0px 52px 0px;}
}

@media only screen and (max-width: 620px) {
	.headerinfo {
    width: 28vh;
	}
	
}
@media only screen and (max-width: 560px) {
	.hpicon {
    height: 16px;
    width: 15px;
}
	.hpwhtparagraph {
    width: 90%;
}
	.hpcontactsection {
    margin: 10px 0px 40px 0px;
}
	.footer50{
		width: 31%;
	}
	.footernavsection {
    width: 100%;
    padding: 25px 0px 0px 10px;
}
	.hpaboutsection{
		padding: 60px 20px;
	}
	.hp-category {
    width: 95%;
    height: 195px;
}
}
@media only screen and (max-width: 508px) {
	.navlogosection {
    width: 75%;
    padding-left: 22px;
}

	.contactpagesection{
		flex-wrap: wrap;
	}
	.cp-map-section {
    width: 100%;
}
	.cp-info-section {
    width: 100%;
}
}
@media only screen and (max-width: 480px) {
	.dkctabutton {
	padding: 15px 10px;
	width: 100%;
	}
	.ltctabutton{
	padding: 15px 10px;
	width: 100%;
	}
	.ctabuttonsection {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
	.headerinfo{
	width: 100%;
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    padding: 20px 6px 20px 7px;
	text-align: right;
	}
	.navinfolink{
		padding: 0px 4px;
	}
}
@media only screen and (max-width: 415px) {
	.heropara{
   	padding: 0% 5% 10% 4%;
	}
	.herobutton{
	margin: 0% 5% 3% 4%;	
	}
	.heroheader{
	font-size: 56px;
    padding: 4% 5% 8% 5%;
	line-height: 45px;
	}
}
@media only screen and (max-width: 395px) {
	.footer50 {
    width: 37%;
}
.navlogo {
    line-height: 30px;
}
	.navlogosection{
	width: 70%;
    padding-left: 22px;	
	padding-top: 32px;
	}
	.cp-phone {
    width: 98%;
    border-radius: 0px;
    margin: 50px 0px;
    padding: 40px 0px 45px 20px;
    flex-wrap: wrap;
    height: 180px;
    align-content: center;
}
	.cp-phone-right{
	width: 100%;	
	}
	.cp-phone-left {
    width: 100%;
}
}
@media only screen and (max-width: 347px) {
	.navlogosection{
		width: 68%;
	}
	
}
@media only screen and (max-width: 314px) {
.hpicon {
    height: 20px;
    width: 19px;
}
.hpwhtparagraph {
    width: 80%;
}
.hpctinfosection{
		padding-left: 12px;

	}
}
@media only screen and (max-width: 270px) {
	.hphourssection {
    padding: 50px 0px 40px 0px;
}	
	.hoursofoperation {
    padding-right: 12px;
    padding-left: 10px;
}
	.whtheader{
		padding-left: 10px;
		font-size: 25px;
	}
	.footer50 {
    width: 100%;
}
	.footernavtitle{
		font-size: 20px;
	}
	.hpaboutsection {
    padding: 60px 6px;
}
	.dkblheader{
		font-size: 26px;
	}
	.ltblbutton{
		padding: 10px 22px;
	}
	.hp-cta-btn:hover{
		padding: 10px 20px;
	}
	.hp-cta-btn{
		padding: 10px 10px;
	}
}
@media only screen and (max-width: 245px) {
	.navlogosection {
    width: 100%;
    text-align: center;
    padding-left: 0px;
    padding-bottom: 5px;
}
	.width-100 {
	justify-content: center;
    display: flex;
}
	.message {
		width: 83%;}
	.formfields {
		width: 80%;}
	.heroheader {
    font-size: 35px;
    padding: 4% 0% 8% 2%;
    line-height: 30px;
}
	.heropara {
    padding: 0% 0% 10% 2%;
	font-size: 15px;
}
}