/***** 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 {display: flex; justify-content: space-between;}
.headerright{width: 70%;}
.headerlogo{    
	position: relative;
    z-index: 10;
    padding: 100px 1% 2% 100px;
    border-right: solid 15px #54502a;
    border-bottom: solid 15px #54502a;
    border-radius: 75px;
    top: -60px;
    left: -70px;
	background: #fff;
}
.headerlogo img{  
	width: 350px;
}
.headertop{display: flex; font-family: "Karla", sans-serif; justify-content: flex-end; padding: 20px 30px 20px 0px;}
.headerinfo {
    padding: 0px 20px;
    text-transform: uppercase;
    font-weight: 500;
}
.headerinfo i {
    padding: 0px 10px;
}
.headerinfo a {
    color: #000;
    font-size: 15px;
}
.headerbottom{padding-right: 30px;}
.mobilephone{display: none;}
/*---BODY--------------------------------*/

.heroslider1{
	background: url("/siteart/labeau-hero-1.jpg");
	background-size: cover;
	background-position: center;
}
.heroslider2{
	background: url("/siteart/labeau-hero-2.jpg");
	background-size: cover;
	background-position: center;
}
.heroslider3{
	background: url("/siteart/labeau-hero-3.jpg");
	background-size: cover;
	background-position: center;
}
.heroslider4{
	background: url("/siteart/labeau-hero-4.jpg");
	background-size: cover;
	background-position: center;
}
.heroslider5{
	background: url("/siteart/labeau-hero-5.jpg");
	background-size: cover;
	background-position: center;
}
.heroslides{height: 700px; position: relative;}
.heroslider{margin-top: -90px;}
.heroheader{    
	font-family: 'Karla';
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    font-size: 65px;
    line-height: 55px;
    text-shadow: -1px 1px 5px #00000096;
}
.herotextbox {
    width: 50%;
    padding: 40px 50px 95px 50px;
}
.heropara {
    font-family: 'Karla';
    color: #fff;
    font-size: 20px;
    padding: 15px 0px 30px 0px;
    text-shadow: -7px 1px 13px #000;
}
.mobileheroimg{display: none;}
.herobutton {
    background: #F1F0CC;
    color: #000;
    font-family: 'Karla';
    padding: 10px 55px;
    border-radius: 10px;
    font-size: 18px;
	font-weight: 600;
	transition-duration: 0.5s;
}
.herobutton:hover {
background: #fffee6!important;
}
.overlay {
    width: 100%;
    background: #0000002e;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.hpmissionstate {
    background: #54502a;
    margin-top: -30px;
    padding: 0px 0px 30px 30px;
    border-bottom-left-radius: 75px;
}


.hpmissioninside {
    padding: 52px;
    text-align: center;
    border-bottom: solid 10px #35331c;
    border-left: solid 10px #35331c;
    border-bottom-left-radius: 75px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.hpmissioninside p{
	width: 60%;
	text-align: left;
}


.headertext{
    font-family: 'Karla';
	font-size: 28px;
	text-transform: uppercase;
	padding-bottom: 10px;
	line-height: 24px;
}
.paratext{font-family: 'Karla'; font-size: 18px; line-height: 26px;}
.lgparatext{font-family: 'Karla'; font-size: 20px; line-height: 40px;}
.white{color: #fff;}
a.white:hover {
    color: #fffef1;
}
.ltgreen{color: #f1f0cc;}
.hpinvsect {
    display: flex;
    justify-content: space-between;
    padding: 5% 50px;
}
.hpinvbox {
    width: 24%;
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
}
.hpinvimg{width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; border-top-right-radius: 35px; background: #e8e8e8; height: 165px;}
.hpinvimgnew{width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; border-top-right-radius: 35px; height: 165px; background: url("/siteart/new-truck.jpg"); background-size: 100%; background-repeat: no-repeat; background-position: top; transition-duration: 0.5s;}
.hpinvimgused{width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; border-top-right-radius: 35px; height: 165px; background: url("/siteart/used-truck.jpg"); background-size: 100%; background-repeat: no-repeat;
background-position: center; transition-duration: 0.5s;}
.hpinvimgnew:hover{background-size: 105%;}
.hpinvimgused:hover{background-size: 105%;}
.hpinvimg img{width:240px; transition-duration: 0.5s; }
.hpinvimg img:hover{ width: 260px;}
.hpinvtext{    
	background: #000;
    width: 100%;
    position: relative;
    top: -24px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px;
    font-family: 'Karla';
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}
.testamonialsect h3{
text-align: center;
padding-bottom: 20px;
}
.testamonialsect {
    overflow: hidden;
    background: url("/siteart/labeau-testamonial-bkgd.jpg");
 	padding: 100px 0px 50px 0px;
    background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.reviewslider{display: flex; align-items: center;}
.reviewname {
    font-family: 'Karla';
    width: 100%;
    text-align: center;
    padding-top: 25px;
	font-size: 15px;
}
.testamonialsect p{width: 65%; text-align: center;}
.hpaboutsect{display: flex; align-items: center; padding: 5% 60px; }
.hpaboutright{width: 45%; background: url("/siteart/LabeauStoreFront.jpg"); background-repeat: no-repeat; background-size: cover; height: 500px; background-position: center;}
.hpaboutleft{width: 40%; padding-right: 15%;}
.hpmapsect{width: 100%; height: 300px;}
.hpmap{width: 100%; height: 100%;}
.secondary-page-header {
    background: #35331c;
    position: relative;
    top: -98px;
    display: flex;
    justify-content: flex-end;
    height: 150px;
    align-items: flex-end;
}
.secondary-header {
    background: #54502a;
    padding: 20px 80px;
    border-bottom-left-radius: 20px;
    position: relative;
    top: 22px;
}
.dk-secondary-header {
    background: #54502a;
    padding: 20px 80px;
    border-bottom-left-radius: 20px;
    position: relative;
    top: 22px;
	border-bottom: #35331c solid 6px;
	border-left: #35331c solid 6px;
}

.page-header {
    font-size: 40px;
    font-family: 'Karla';
    color: #e9e9db;
    border-bottom: solid #35331c 5px;
    font-weight: 900;
}
.dk-page-header {
    font-size: 40px;
    font-family: 'Karla';
    color: #e9e9db;
    font-weight: 900;
}
.pagepadding{
	padding: 2% 5%;
}
.brochure-sect .headertext{font-weight: 800;}
.brochureheader{ width: 100%; display: block;}
.brochure-box {
    width: 18%;
    display: block;
    margin: 0px 14px 20px 14px;
}
.brochure-image {
    width: 100%;
}
.brochure-image img{
    width: 80%;
	transition-duration: 0.5s;
}
.brochure-image img:hover{
    width: 81%;
	opacity: 90%;
}
.brochurename {
    background: #35331c;
    padding: 15px 5%;
    width: 90%;
    margin-top: -10px;
    position: relative;
    z-index: 10;
    border-top-right-radius: 15px;
}
.brochurename p{
font-size: 18px!important;
line-height: 18px;
}
.brochure-sect{ display: flex; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; padding-bottom: 60px;}
.flex-box-center{display: flex; align-items: center;}
.flex-box{display: flex; align-items: flex-start;}
.serviceright img{border-top-left-radius: 40px; width: 100%;}
.salesright img{border-top-left-radius: 40px; width: 100%;}
.serviceleft{width: 50%;}
.salesleft{width: 53%;}
.salesleft h2{padding-top: 25px;}
.serviceright{width: 35%; padding-left: 15%;}
.salesright{width: 46%; padding-left: 2%;}
.servicelist{list-style-position: outside; list-style-type: disc; font-family: 'Karla';}
.servicelist li{font-size: 18px; padding: 8px 0px;}
.service-contact-sect {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.service-contact-header {
    width: 30%;
	padding: 30px 0px 50px 0px;
}
.dkbtn{
	background: #54502a;
    color: #fff;
    font-family: 'Karla';
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 15px;
	font-weight: 600;
	transition-duration: 0.5s;
}
.dkbtn:hover{
	background: #35331c;
}
.darkerbtn{
	background: #35331c;
    color: #fff;
    font-family: 'Karla';
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 15px;
	font-weight: 600;
	transition-duration: 0.5s;
}
.darkerbtn:hover{
	background: #16150c;
}
.ltbtn{
	background: #F1F0CC;
    color: #000;
    font-family: 'Karla';
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 15px;
	font-weight: 600;
}
.dkcontactbox {
 	display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: #35331c;
    border-radius: 20px;
    padding: 30px 18px;
    text-align: left;
    color: #fff;
    width: 20%;
}
.dkcontactbox i{
padding-bottom: 6px;
font-size: 18px;
width: 100%;
}
.dkcontactbox a{
color: #fff;
font-family: 'Karla';	
}

.ltcontactbox {
  	display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: #54502a;
    border-radius: 20px;
    padding: 30px 18px;
    text-align: left;
    color: #fff;
    width: 38%;
}
.ltcontactbox i{
padding-bottom: 6px;
font-size: 18px;
width: 100%;
}
.ltcontactbox a{
color: #fff;
font-family: 'Karla';
width: 100%;
}

.subhead{
	font-family: 'Karla';
	font-size: 20px;
	text-transform: uppercase;
	line-height: 25px;
}
.salesbanner{
	background: #e9e9db;
	padding: 50px 80px; 
	text-align: center;
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center;
}
.salesbanner p{
	width: 70%;
	padding-bottom: 10px;
}
.full-width-center{
	width: 100%;
	justify-content: center;
	display: flex;
	padding: 10px 0px;
}
.salesimg{
	background: url("/siteart/labeau-sales-image2.jpg");
	background-repeat: no-repeat;
	height: 400px;
	background-position: center;
	background-size: cover;
	margin-top: -98px;
}
.buttonpadding{
	padding-bottom: 40px;
}
.contactleft {
    width: 22%;
	background: #54502a;
    position: relative;
    margin-top: -165px;
    padding: 72px 25px;
	border-bottom-right-radius: 20px;
}
.contactleft h2{padding-bottom: 30px;}
.contactright {
    width: 70%;
	padding-left: 5%;
}
.cpcontactsect {
    padding-top: 40px;
    color: #fff;
    font-family: 'Karla';
    display: flex;
    align-items: center;
}
.cpcontactsect i{
   padding-right: 15px;
}
.cpcontactsect a{
   color: #fff;
}
.contactmap{
	width: 100%;
	padding-top: 30px;
	height: 300px;
}
.cpmap{
	width: 100%;
	height: 100%;
}
.dkbkgd{
	background: #35331c;
	margin-top: -98px;
	border-bottom: #35331c solid 6px;
}
.careers-box {
    width: 83%;
    padding:2% 7% 2% 2%;
    background: #fff;
    margin: 20px 4%;
    border: #54502a solid 8px;
    border-top-left-radius: 40px;
}
.paralink{
	color: #000;
	font-weight: 600;
}
.paralink:hover{
	color: #4d4d4d;
}
/*--------FORM STYLES--------------------*/
.fulldropdown {
    width: 95%;
    padding: 10px 15px;
    box-sizing: border-box;
    background: #fff;
    border: 3px solid #54502a;
    font-family: 'Karla';
    font-size: 16px;
	margin: 5px 0px;
	height: 55px;
	color: #000!important;
}

.fullformfields{
	width: 95%;
    padding: 10px 15px;
    box-sizing: border-box;
    background: #fff;
    border: 2px solid #54502a;
    font-family: 'Karla';
    font-size: 16px;
	margin: 5px 0px;
}
.message{
	width: 95%;
    padding: 10px 15px;
    box-sizing: border-box;
    background: #fff;
    border: 2px solid #54502a;
    font-family: 'Karla';
    font-size: 16px;
	margin: 5px 0px;
	height: 150px;
}
.CaptchaPanel {
    margin: 10px 0px 10px 0px;
    text-align: left!important;
    padding: 0px!important;
}
.CaptchaMessagePanel{color: #000!important;font-family: 'Karla';font-weight: 400!important; font-size: 14px!important;
}
.CaptchaWhatsThisPanel a{font-family: 'Karla'; color: #000!important;}

.cpform .CaptchaPanel {
    margin: 10px 0px 10px 0px;
    text-align: center!important;
    padding: 0px!important;
}
.cpform .CaptchaMessagePanel{color: #000!important;font-family: 'Karla';font-weight: 400!important; font-size: 12px!important;
}
.cpform .CaptchaWhatsThisPanel a{color: #000!important;font-family: 'Karla';}
.mobileinfo {
    font-size: 20px;
}
input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
}
#formpage input.submit-button, #formpage input.submit-button:focus, #submit-btn button{
background: #54502a;
    border: none;
    padding: 8px 50px;
    font-weight: 400;
    cursor: pointer;
    color: #e9e9db!important;
    border-radius: 8px!important;
    animation-timing-function: ease-in;
    font-family: 'Karla';
    font-size: 16px;
    text-transform: uppercase;
    width: 165px;
}
#formpage input.submit-button:hover, #submit-btn button:hover{ background:#35331c; color:#fff; cursor:pointer;}
#submit-btn{    
	padding: 0px;
    position: relative;
    text-align: left;
    background: #54502a;
    font-family: 'Karla';
	width: 165px;
    border-radius: 8px;
	
}
.submit-button{padding: 10px 65px 10px 65px; position: relative; text-align:right; background: #54502a; font-family: 'Karla'; border: none!important; cursor: pointer; border-radius: 8px;
color: #e9e9db!important;
}
.submit-button:hover{background:#35331c;}
.captcha-button{width:100%; margin:0 auto;}
.include-captcha{display:none;}
#formpage input.submit-button{color:#fff!important;}
/*-------- FOOTER STYLES ----------------*/
.footer{display:flex; border-bottom: 20px solid #54502a; }
.footerleft{width: 25%; display: flex; align-items: center;}
.footerleft img{width: 280px;}
.footerright{width:75%; font-family: 'Karla';}
.footertop{display: flex; background: #54502a; border-bottom-left-radius: 20px; padding: 20px 60px; justify-content: space-between;}
.footerbottom{display: flex; padding: 25px 60px; align-items: center; justify-content: space-between;}
.footerheader{width: 18%; font-size: 15px;}
.footersubhead {font-size: 15px; font-weight: 700; padding-bottom: 2px;}
.footerinfosect { padding: 0px 20px 0px 0px;}
.footerinfosect a{ color: #000;}
.footerinfosect i{ padding: 0px 10px; font-size: 16px;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.invpadding{
	padding: 10px 0px 100px 0px;
	font-family: 'Karla'!important;
}
.list-top-section .list-title .list-title-text{color:#35331c!important; font-family: 'Karla'!important; }
.list-top-section .list-title .list-listings-count{color: #54502a!important; font-family: 'Karla'!important;}
.list-content .price-container .price{color: #54502a!important;}
.faceted-search-content .faceted-section-box .faceted-search{background:#35331c!important;}
.view-listing-details-link{background: #54502a!important;}
.contact-options a{background:#35331c!important;}
.list-top-section .listing-option-bar-content{color: #54502a!important;}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{background: #35331c!important; color: #FFF!important; border: none!important;}
.faceted-search-content .selected-facets-container .selected-facet{background:#54502a!important;}
.mobile-option-bar .mobile-option-bar-filter{color: #54502a!important;}
.faceted-search-content .mobile-done-button-container .mobile-done-button{background: #35331c!important; color: #F1F0CC!important;}
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count{color: #54502a!important; font-family: 'Karla'!important;}
.list-content .list-error-container .info button:not(.login-button){background: #35331c!important; color: #F1F0CC!important;}
.list-content .list-error-container .info button:not(.login-button){background: #35331c!important; color: #F1F0CC!important;}
/*---------- RESPONSIVE STYLES ----------*/



@media only screen and (max-width: 1680px) {
.footerleft {width: 15%;}
.footerright {width: 85%;}
}
@media only screen and (max-width: 1480px) {
.heroslides {height: 510px;}
.herotextbox { width: 60%; padding: 40px 50px 55px 50px;}
.heroheader{font-size: 50px; line-height: 46px;}
.herobutton{font-size: 16px;}
.heropara{font-size: 18px;}
.hpmissioninside p {
    width: 95%;
}	
.footerleft {display: none}
.footerright {width: 100%;}
}
@media only screen and (max-width: 1360px) {
	.service-contact-sect{flex-wrap: wrap;}
	.service-contact-header {width: 100%;}
	.dkcontactbox .subhead{width: 100%;}
	.dkcontactbox{width: 32%;}
	.ltcontactbox{width: 54%;}
	.ltcontactbox .subhead{width: 100%;}
}
@media only screen and (max-width: 1280px) {
	.headerlogo{
	margin-left: -20px;
    width: 280px;
	padding: 100px 1% 4% 100px;

	}
	.headerlogo img {
    width: 290px;
	}
	.headerright {
    width: 68%;
	}
	.heroslider{margin-top: -70px;}
	.secondary-page-header{top: -80px;}
	.salesleft {
    width: 53%;
    padding-right: 2%;
}
	.salesright {
    width: 42%;
    padding-left: 2%;
}
	.contactright {
    width: 50%;
    padding-left: 5%;
}
.contactleft {width: 40%;}
.hpmissioninside {padding: 45px 10px;}
.hpmissionstate{padding: 0px 0px 20px 20px;}
.hpinvbox {width: 48%;}
.hpinvsect{flex-wrap: wrap;}
.footertop{
	flex-wrap: wrap;
	}
.footerbottom {
    display: flex;
    padding: 25px 60px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footerheader{
width:100%;
font-size: 18px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 1105px) {
	.headerlogo img {
    width: 240px;
}
.brochure-box {
	width: 22%;}
.herotextbox {
	width: 75%;}

.dkcontactbox{width: 36%;}
	.flex-box-center{flex-wrap: wrap;}	
	.salesleft {width: 100%; padding-bottom: 5%;}
	.partsimage {
		width: 100%;
		background: url(/siteart/Labeau-Parts-Picture.jpg);
		height: 400px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom;
	}
	.salesmobileimg {
		width: 100%;
		background: url("/siteart/labeau-sales-image1.jpg");
		height: 400px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 65%;
		margin-top: 30px;
	}
	.serviceimage {
		width: 100%;
		background: url("/siteart/Labeau-Service-Picture.jpg");
		height: 400px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 65%;
		margin-top: 10px;
	}
	.mobileserviceimage {
		width: 100%;
		background: url("/siteart/mobileservice-truck.jpg");
		height: 325px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 22%;
		margin-top: 10px;
	}
	.flex-box-center{justify-content: center;}
	.partsimage img{display: none;}
	.mobileserviceimage img{display: none;}
	.serviceimage img{display: none;}
	.salesmobileimg img{display: none;}
	.salesimg{height: 250px;}
	.salesbanner{padding: 30px 15px;}
	.salesbanner p {width: 95%; text-align: left;}
	.careers-box {
    margin: 90px 0%;
    padding: 5% 3% 5% 5%;
    width: 100%;
    box-sizing: border-box;
	}
}


@media only screen and (max-width: 1050px) {
.footerinfosect {
    padding: 18px 20px 18px 0px;
    width: 30.3%;
}
.footerbottom{flex-wrap: wrap; justify-content: flex-start}
}
@media only screen and (max-width: 1028px) {
.mobilephone {
    display: block;
    text-align: right;
    color: #000;
    padding: 10px 14px;
    font-size: 20px;
}
.mobilephone i{
	color: #000;
	}
	.headertop{display: none;}
.headerright {
    padding:22px;
	width: 50%;
}
.headerlogo img {
    width: 85%;
}
.headerlogo {
    margin-left: -85px;
    width: 390px;
    padding: 100px 1% 4% 100px;
    left: 0px;
}
.secondary-page-header {
    top: -70px;
}
}
@media only screen and (max-width: 1000px) {

	.overlay{align-items: flex-start; flex-wrap: wrap; align-content:flex-start; }
	.heroslides{background: #35331c; height: 630px;}
	.mobileheroimg1{display: block; height: 350px; width: 100%; background: url("/siteart/labeau-hero-1.jpg"); background-size: cover; background-position: center;}	
	.mobileheroimg2{display: block; height: 350px; width: 100%; background: url("/siteart/labeau-hero-2.jpg"); background-size: cover;}
	.mobileheroimg3{display: block; height: 350px; width: 100%; background: url("/siteart/labeau-hero-3.jpg"); background-size: cover; background-position: bottom;}	
	.mobileheroimg4{display: block; height: 350px; width: 100%; background: url("/siteart/labeau-hero-4.jpg"); background-size: cover; background-position: center;}
	.mobileheroimg5{display: block; height: 350px; width: 100%; background: url("/siteart/labeau-hero-5.jpg"); background-size: cover; background-position: center;}
	.herotextbox{width: 100%; padding: 30px 25px 20px 25px; }
	.hpmissionstate {padding: 0px 0px 15px 10px; border-bottom-left-radius: 15px; }
	.hpmissioninside {padding: 30px 25px;  border-bottom-left-radius: 15px; text-align: left;}
	.hpmissioninside p {width: 100%;}
	.reviewslider .slick-track {display: flex; flex-wrap: wrap; align-items: center;}
	.hpaboutsect{flex-wrap: wrap;}
	.hpaboutleft {width: 100%; padding: 3% 0% 8% 0%;}
	.hpaboutright{background-size: cover; height: 345px; background-position: 50% 25%; width: 100%;}
}
@media only screen and (max-width: 820px) {
	.service-contact-sect{flex-wrap: wrap;}
	.service-contact-sect h3{width: 100%;}
	.service-contact-header { width: 100%; padding: 30px 0px;}
	.dkcontactbox{width: 100%; margin: 5px 0px; padding: 40px 18px}
	.ltcontactbox{width: 100%; margin: 5px 0px; padding: 40px 18px; box-sizing: border-box;}
	.brochure-box {
    width: 28%;
}
	.contactright {
    width: 100%;
    padding-left: 0%;
    margin: 50px 0px;
}
	.contactleft {
    width: 100%;
    margin-top: -30px;
}
	.flex-box{flex-wrap: wrap;}
	.footerbottom{padding: 25px 20px;}
	.footertop{padding: 25px 20px;}
	.ltcontactbox a{font-size: 14px;}
	.dkcontactbox a{font-size: 14px;}
}
@media only screen and (max-width: 760px) {
.headerright {
    width: 30%;
}
.salesleft {width: 90%;}
.pagepaddingparts{margin-top: -50px;}
.page-header{font-size: 33px;}
.dk-page-header{font-size: 33px;}
.dk-secondary-header{padding: 20px 25px; width: 100%; text-align: right;}
.secondary-header {
    background: #54502a;
    padding: 20px;
    border-bottom-left-radius: 15px;
    position: relative;
    top: 22px;
    text-align: end;
}
.headertext {
    font-family: 'Karla';
    font-size: 26px;
    text-transform: uppercase;
    padding-bottom: 10px;
    line-height: 25px;	
}
.servicelist li {
    font-size: 16px;
    padding: 10px 0px;
}	
.salesimg{height: 180px;}
	.lgparatext{font-size: 18px;
    line-height: 30px;}
.careers-box a {
    width: 80%;
    display: block;
    margin: 10px 0px;
    padding: 14px 20px;
}
	.brochure-box {
    width: 43%;
}
.brochure-image img {
	width: 95%;}
.brochure-image img:hover {
	width: 96%;}
.brochurename p {
	font-size: 16px!important;}
	.brochurename{    
	padding: 20px 6%;
    width: 88%;}
	.contactleft {
		width: 90%; padding: 20px 15px;}
.footerinfosect {
    padding: 10px 20px 15px 0px;
    width: 46.3%;
}
.paratext{font-size: 16px;}
}
@media only screen and (max-width: 620px) {
	.mobileheroimg1{height: 240px;}	
	.mobileheroimg2{height: 240px;}
	.mobileheroimg3{height: 240px;}	
	.mobileheroimg4{height: 240px;}
	.mobileheroimg5{height: 240px;}	
	.heroslides{height: 505px;} 
	.heroheader { font-size: 40px; line-height: 45px;}
	.herotextbox{padding: 30px 15px 20px 15px;}
	.herobutton{padding: 10px 35px; border-radius: 5px;}
	.hpinvbox { width: 100%;}
	.testamonialsect p {width: 98%;}
	.testamonialsect{padding: 50px 25px 50px 25px;}
	.hpaboutsect {padding: 10% 20px;}
	.footerlinks{width: 100%; padding: 5px 0px;}
	.headerright { padding:10px 22px;}
	.slick-dots li{width: 35px;}
	.slick-dots li button{width: 35px;}
}
@media only screen and (max-width: 450px) {
.headerlogo img {
    width: 100%;
}	
.headerlogo {
    width: 75%;
	}
.headerright {
    width: 20%;
}
.headerlogo {
    width: 80%;
	border-radius: 40px;
}
.mobilephone{padding: 10px;}
.brochure-box {
    width: 40%;
}
.hpinvsect{padding: 5% 15px;}
.hpinvimg img {width: 85%;}
.hpinvimg img:hover {width: 90%;}
.heroslides{height: 550px;} 
.footerinfosect {
    padding: 10px 20px 10px 0px;
    width: 100%;
}
.mobileserviceimage {height:275px; }
}
@media only screen and (max-width: 330px) {
	.headerlogo{padding: 125px 1% 4% 100px;}	
	.brochure-box { width: 90%;}
	.heroslides {height: 630px;}
}