/*===================== 
	Color information
	
	- Light Blue: #6dc6e7;
	- Darker Blue: #2885b3;
	- Light Blue-Gray Tint: #e6ecf5;
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
		Fonts
=======================*/



/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
	font-family: 'Lato', sans-serif;
    margin: 0;
	padding:0;
	background:url(../siteart/p6.png) repeat !important;
	color:#000;
	}

.cf{background:#fff;}
#internal{padding:2% 0;}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
	margin: 0;
	padding:0 0 1% 0;
	line-height:1.5em;
	color:#666;
	}
	h1 {font-size: 36px;font-weight:900;}
	h2 {font-size: 30px;font-weight:700;}
	h3 {font-size: 24px;font-weight:700;}
	h4 {font-size: 20px;font-weight:700;}
	h5 {font-size: 18px;font-weight:700;}

p {
	font-family: 'Lato', sans-serif;
	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	font-weight:400;
	margin: 0;
	}
strong{	font-family: 'Lato', sans-serif;font-weight:700;}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color:inherit;
}

a:hover  {
	text-decoration: none;
	color: #57c40f;
	} 
	
	
.appbutton{}
.appbutton a{background:#38b749; padding:5px 10px;color:#fff; border-radius:3px;}
.appbutton a:hover{background:#262626; padding:5px 10px;color:#fff; border-radius:3px;}
 
.logo-slider a {}
.vulcan {width:60px; margin: 0 auto;}
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
.topbar{background:#231f20;font-size:14px;color:#fff;width:100%;border-bottom:2px solid #fff;}
.topbar p{padding:0 0 0 0;}
.topbar i{margin-right:5px;}
.headsearch{float:left;width:20%;padding-top:5px;}
.navbar{float:right;width:75%;}

header{width:100%;margin:0;padding:0 0 20px 0;background:url(../siteart/mochaGrunge.jpg) repeat;text-align:center; background-color:black;}

.searchfield,.searchsubmit{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.searchfield{width:85%;}
#search{margin-bottom:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:1% 1% 1% 3%;width:96%;}
.searchsubmit{height:24px;width:24px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:2px solid #fff;background:url(../siteart/logos/search.png) center center no-repeat,#57c40f;margin-left:5px;}
.searchsubmit input{border:none;background:none;margin:0;height:30px;}
.searchsubmit input:hover{cursor:pointer;}

.headmain{border-top:5px solid #57c40f;padding-top:20px;}
.headerwrap{width:96%;max-width:1720px;margin:0 auto;}
.logo{float:left;}
.headcontact{float:right;text-align:right;}
.headcontact h3{line-height:1.2em;color:#fff;}
.headcontact h3 span{color:#57c40f;}

/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1720px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1760px;margin:0 auto;}
.linkbutton{background:#57c40f;width:40%;padding:5px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:1% 0;}
.linkbutton h4{padding:0;color:#fff;}
.linkbutton:hover{background:#000;-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}	

/*===================== 
	slideshow / link styles 
=======================*/
.slides{background:url(../siteart/stressed_gray.png) repeat;padding:2% 0;color:#fff;position:relative;}
.cycle-slideshow,.linkstack{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.cycle-slideshow{box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);width:79%;}
.cycle-slideshow img{
	width:100%;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;display:none;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; transition: all .5s ease-in-out; 
}
.cycle-pager span.cycle-pager-active { color:#2885b3;}
.cycle-pager > * { cursor: pointer;}

.linkstack{width:18%;text-align:center;margin-left:2%;}
.linkbox{display:block;width:100%;margin:10px auto;text-align:center;height:95px;position:relative;overflow:hidden; background-color: black;}
.inset{border:2px solid #fff;top:10px;bottom:10px;position:absolute;z-index:12;left:10px;right:10px;}
.overlay{width:100%;display:block;height:100%;position:absolute;z-index:10;background:url(../siteart/black.png) repeat; }
.linktitle{top:50%;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);width:100%;left:0;right:0;position:absolute;z-index:11; }
.linktitle span{display:block;}
.linktitle h4{color:#fff;line-height:1.2em;padding:0;}
.linktitle p{color:#d9d9d9!important;padding:0;}
/*.linkbox:hover > .linkimage{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}*/
.linkbox:hover .overlay{background:url(../siteart/gray.png) repeat;-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease; background-color: black;}
.linkbox:hover .inset{-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;background:url(../siteart/black.png) repeat;}

/*===================== 
	welcome styles 
=======================*/
.welcome{text-align:center;padding:3% 0;background:url(../siteart/welcomeback.jpg) center center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover; background-color:white;}
.welcometext h3{padding:0;line-height:1.2em;}
.welcometext h1{padding:0;color:#00c421;}
.welcometext{width:80%;margin:0 auto;}
#slogan{padding-bottom:20px;}

.brandbar{background:#dadada;padding:1% 0;text-align:center;margin:0 auto;}
.partner{display:inline-block;zoom: 1;*display: inline;width:28%;margin:0 1%;vertical-align:middle;}


/*===================== 
	service styles 
=======================*/
.servicelist{padding:2% 0;width:100%;margin:0 auto;}
.serviceleft{width:35%;float:left;}
.serviceright{width:63%;float:right;}
.serviceright h2{padding-bottom:10px;}
.serviceright p{padding-bottom:5px;}
.serviceright p span{color:#57c40f;margin-right:10px;}

.servicelist-refuse{padding:1% 0;width:100%;margin:0 auto;}
.serviceleft-refuse{float:left;}
.serviceright-refuse{display: flex; flex-direction: column;}
.serviceright-refuse h2{padding-bottom:10px;}
.serviceright-refuse p{padding-bottom:5px;}
.serviceright-refuse p span{color:#57c40f;margin-right:10px;}
.serviceright-refuse a {color: #57c40f;}
.serviceright-refuse a:hover {color: #2F6808; text-decoration: underline;}

.servicelist-intro{padding:2% 0;width:100%;margin:0 auto;}
.serviceleft-intro{width:35%;}
.serviceright-intro{width:50%;}
.serviceright-intro h2{padding-bottom:10px;}
.serviceright-intro p{padding-bottom:5px; padding-right:30px;}
.serviceright-intro p span{color:#57c40f;margin-right:10px;}
.servicelist-intro img {display: flex; justify-content: space-between;  width: 100%; }
.serviceright-intro a {color: #57c40f;}
.serviceright-intro a:hover {color: #2F6808; text-decoration: underline;}
.wrapper-equipment {display:flex; flex-direction: row; gap: 40px; padding-left: 40px;  align-items: center;}
.wrapper-equipment-driveline {display:flex; flex-direction: row; gap: 40px; padding-left: 40px;  align-items: center;}


.rolloff{display:inline-block;zoom: 1;*display: inline;width:28%;margin:0 1%;vertical-align:middle;}
.image-slider{padding:1% 0;text-align:center;margin:0 auto; width:50%;}
.serviceleft-intro-driveline {width:100%;}

.contact-button {background:#57c40f; color: #fff; width:30%;padding:5px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:1% 0;}
.contact-button p {color:#fff;}
.contact-button:hover {background: #000; text-decoration: none;}
	
/*===================== 
	Form styles 
=======================*/
#formpage{padding:0 10px;}

form{
	margin:0 0 0;
}
label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
input{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
	margin-bottom:10px;
}
input:focus{
	border: #2885b3 solid 1px;
}
input.button2{
	display:block;
	width:50%;
	margin:0 auto 5% auto;
	border:#277e32 solid 1px;
	background-color:#38b749;
	color:#fff;
	border-radius: 2px;
}

input.button2:hover{
	background-color:#277e32;
	cursor:pointer;
}

select{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:100%;
	margin-bottom:10px;
}

textarea{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

.commentbox{width:96%;margin:0 auto;text-align:left;}
.contactbox{width:100%;margin:0 auto;text-align:left;}
.half{width:47%;margin:0 1%;display:inline-block;zoom: 1;*display: inline;text-align:left;}
.third{width:30%;margin:0 1%;display:inline-block;zoom: 1;*display: inline;text-align:left;}
.partsform{width:100%;margin:0 auto;text-align:center;}
.partsform h3{text-align:left;}
.sendbutton:hover{cursor:pointer;color:#fff;font-weight:700;background:#57c40f;-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}

/*===================== 
	layout styles 
=======================*/
.ribbon{text-align:center;color:#fff;background:#38b749;border-bottom:#216c2b 5px solid;position:relative;}
.ribbon h2{color:#fff;}


.sitemap{background:url(../siteart/escheresque_ste.png) repeat;color:#fff;}
.sitemap p{line-height:2em;}
.sitemap i{font-size:42px;margin-right:20px;}

/*--------Scrolling Inventory--------*/

.hosted-content .pagination > .drop-down-form select{width:8% !important;}
.hosted-content h1{font-size:24px !important;}
.hosted-content h1{font-size:22px !important;}
.hosted-content h3{font-size:20px !important;}

.mobilecontainer { 
	overflow:hidden; /* must have this property for mobile phones and tablet display! */
	width:100%; 
	margin:0 auto;
	height:92px; 
	padding:0;
	background:#000;
}
iframe.banner {
	width:100%;
	height:92px;
	background:#000
}

/*===================== 
	delivery styles 
=======================*/
.center{text-align:center;}
.sellblock{margin:0 auto;text-align:center;}
.sellimage{margin:1%;display:inline-block;zoom: 1;*display: inline;vertical-align:middle;width:35%;}

/*===================== 
	contact styles 
=======================*/
.contactleft{width:48%;float:left;margin-right:2%;}
.contactright{width:47%;float:left;padding-left:2%;border-left:1px solid #000;}
.contactright span{font-weight:900;color:#000;}
.contactright h3, .contactright h4{padding:0;}
.address{margin-bottom:2%;}

/*===================== 
	footer styles 
=======================*/

.pagebottom{background:#000;padding:35px 0 0 0;}
.pagebottom p{color:#cecece;}
.pagebottom p span{color:#fff;font-weight:700;}
.pagebottom h4{color:#fff;}
.pagebottom a{color:#cecece !important;}
.pagebottom a:hover{color:#57c40f;}
.mobilesocial{display:none;}

footer {
	margin: 0 auto;
	width: 100%;
	}
	
.footerleft{float:left;width:28%;}
.footercolumn{float:left;width:24%;}
.footerright{float:right;text-align:right;width:24%;}
	
.footercolumn a{display:block;margin:8px 0;}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #57c40f;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #000;
		}

.hosted{background:#fff;width:100%;padding:1% 0;margin-top:2%;}

.footertext {
	font-size:11px; 
	color:#666;
	}

.smallfootertext {
	font-size:11px; 
	color:#666;
	}

.divfooter {
	text-align:center; 
	margin:0 auto;
	width:80%;
	}

/*===================== 
	Inventory styles 
=======================*/

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label{font-size: inherit; padding-top: 0px; width: inherit;}

input[type=checkbox] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input{font-size: inherit; width: inherit;}
#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}


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


input[type="submit"]{background-color: transparent!important;}

.list-content .list-error-container .info button {background-color: #57c40f !important;}

.compare-chkbox-container .compare-listings .fa-check {top: 8px !important;}

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1720px) {
.linkbox{height:85px;}
.serviceright p{font-size:16px;}
}

@media screen and (max-width: 1520px) {
h1 {font-size: 32px;}
h2 {font-size: 26px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
p {font-size: 16px;}
.logo{width:30%;}
.linkbox{height:75px;}
}

@media screen and (max-width: 1400px) {
.headsearch{width:25%;}
.serviceright h2{font-size:24px;}
.sellimage{width:45%;}
}


@media screen and (max-width: 1270px) {
	.wrapper-equipment-driveline {flex-direction: column;}
	
	.serviceright-intro-driveline {width: 90%; text-align: center; align-items: center; }
	.contact-button {align-items: center; margin: 0 auto;}
	
}

@media screen and (max-width: 1212px) {
.footerright{display:none;}
.mobilesocial{display:block;margin:1% auto;}
.footerleft,.footercolumn{width:33.33%;text-align:center;}
.footercolumn img{width:40%;}
.pagebottom{padding-top:20px;}
.pagebottom img{margin:0 auto !important;}
.third{width:47%;}
}

@media screen and (max-width: 1116px) {
.footerright{display:none;}

}

@media screen and (max-width: 1100px) {
.logo{width:35%;}
h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
p {font-size: 16px;}
.headsearch{width:30%;padding-top:7px;}
.navbar{width:70%;}
.searchfield{width:82%;}
.searchsubmit{height:20px;width:20px;}
.slides{padding:2% 0 1% 0;}
.cycle-slideshow,.linkstack{display:block;width:100%;margin:0 auto;text-align:center;}
.linkbox{display:inline-block;zoom: 1;*display: inline;width:23%;margin:2% 0.5%;height:100px;}
.welcometext{width:96%;}
.serviceleft{width:22%;}
.serviceright{width:76%;}
.footerright{display:none;}
.mobilesocial{display:block;margin:1% auto;}
.footerleft,.footercolumn{width:33.33%;text-align:center;}
.footercolumn img{width:40%;}
.pagebottom{padding-top:20px;}
.pagebottom img{margin:0 auto !important;}
.third{width:47%;}
}

@media screen and (max-width: 1000px) {
.linkbox{height:85px;}
.linktitle p{font-size:14px;}
}

@media screen and (max-width: 900px) {
	.wrapper-equipment {flex-direction: column;}
	.serviceleft-intro  {width: inherit;}
	.serviceright-intro {width: inherit; text-align: center;}
	.serviceright-refuse {flex-direction: column;}
	.servicelist-refuse {flex-direction: column;}
}

}

@media screen and (max-width: 800px) {
.wrapper{width:97%;}
.logo{width:40%;}
h1 {font-size: 26px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
p {font-size: 16px;}
.linkstack{padding-top:2%;}
.linkbox{width:43%;margin:1%;height:110px;}
.linktitle p{font-size:16px;}
.servicelist{padding:4% 0;}
.serviceleft{display:none;}
.serviceright{width:100%;margin:0 auto;}
.serviceright h2{text-align:center;}
.serviceright p{font-size:15px;}
.pagebottom h4{font-size:16px;}
.footercolumn a{font-size:14px;}
.footerleft{width:35%;}
#pei{width:40%;}
#bottomlinks{width:25%;}
.hosted{margin-top:3%;padding:2% 0;}
.divfooter{width:90%;}
.hosted-content h1{font-size:22px !important;}
.hosted-content h1{font-size:20px !important;}
.hosted-content h3{font-size:18px !important;}
}

@media screen and (max-width: 700px) {
.linkbox{width:46%;}
.serviceright h2{font-size:22px;}
.contactleft,.contactright{float:none;display:block;width:100%;margin:2% auto;}
.contactleft{border-bottom:1px solid #000;}
.contactright{border:none;padding-left:0;padding-top:2%;}
}

@media screen and (max-width: 650px) {
.headsearch{width:50%;}
header{padding-bottom:10px;}
.headmain{padding-top:10px;}
.navbar{width:25%;padding-right:10px;}
.logo,.headcontact{float:none;display:block;text-align:center;margin:5px auto;}	
.logo{width:60%;}
.headcontact h3{padding-bottom:5px;}
.linkbox{height:90px;}
.footerleft{float:none;display:block;width:65%;margin:0 auto;padding-bottom:4%;}
#pei,#bottomlinks{width:50%;}
.half,.third{width:96%;}
.sellimage{width:80%;display:block;margin:3% auto;}
	.wrapper-heil {display: flex; flex-direction: column; align-content: center;}
	.serviceleft-refuse {align-content: center; margin: 0 auto;}
	.serviceright-refuse p {text-align: center;}
	.serviceright-refuse h1 {text-align: center;}
	.servicelist-refuse img {align-content: center;}
	.wrapper-equipment {gap:20px;}
	
}

@media screen and (max-width: 480px){
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 15px;}
p {font-size: 15px;}
.headsearch{width:60%;}
.navbar{width:35%;}
.logo{width:70%;}
.headcontact h3{font-size:16px;}
.linkbox{height:85px;}
.linktitle p{font-size:14px;}
.welcome{padding:5% 0;}
.serviceright h2{font-size:20px;}
.serviceright p{font-size:14px;}

.linkbutton{width:60%;}
.hosted-content h1{font-size:20px !important;}
.hosted-content h1{font-size:18px !important;}
.hosted-content h3{font-size:16px !important;}
}

@media screen and (max-width: 400px){
.headsearch{float:none;display:block;margin:0 auto;width:90%;text-align:center;}
.navbar{width:100%;float:none;margin:0 auto;text-align:center;display:block;padding:0;}
.logo{width:80%;}
.linkstack{padding:4% 0;}
.linkbox{width:85%;margin:1% auto;}
.partner{width:50%;margin:2% auto;}
#newway img{margin-bottom:-20px;}
#premium img{margin-bottom:20px;}
.footerleft{width:85%;}
}

@media screen and (max-width: 350px){
.headcontact h3{font-size:14px;}
.footerleft{width:95%;}
#pei,#bottomlinks{float:none;display:block;margin:2% auto;width:80%;}
.hosted{margin-top:7%;padding:5% 0;}
}

@media screen and (max-width: 228px){
	.serviceright-refuse h1 {font-size: 12px;}
	.serviceright-intro h3 {font-size: 12px;}
}