@charset "UTF-8";
/* Media Quiries */
*, *::before, *::after {box-sizing: border-box;}
html {font-family: sans-serif;line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
body {margin: 0;text-align: left;}
[tabindex="-1"]:focus { outline: 0 !important;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 0.5rem;}
p {margin-top: 0;margin-bottom: 1rem;}

.menubox{display: none;}
.header_blog_resize a{display: block;}
.header_blog_resize a img{box-sizing:content-box;}
table{width:100%;}
table tbody tr td{width:50%;}
table.innertable tbody tr td{width:inherit;}
#contactform input.text{padding: 0 20px;height:35px;margin: 0 0 15px;}
#contactform textarea{padding: 0 20px;height:35px;margin: 0 0 15px;}
#type{padding: 0 20px;height:35px;margin: 0 0 15px;border: 1px solid #ddd;}    

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

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

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

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

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

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

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

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

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


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

.header{width:100%;position: relative;}
.logo{width:100%;float: none;text-align: center;position: relative;}
.logo a{display: inline-block;}
.menubox{position: absolute;width:30px;height:30px;border:0;background: transparent;right:30px;top:40px;z-index: 999;display: block;}
.menubox:hover, .menubox:focus{box-shadow: none;border: 0;outline: none;}
.menubox span{display: block;position: absolute;height:3px;width: 100%;background:#fff;opacity: 1;transform: rotate(0deg);transition: .25s cubic-bezier(.25,.1,.23,1);left: 0;right: 0;margin:auto;}
.menubox span:first-of-type{top:0px;}
.menubox span:nth-of-type(2), .menubox span:nth-of-type(3){top:8px;}
.menubox span:nth-of-type(4){top:16px;}
.open.menubox span:first-of-type, .open.menubox span:nth-of-type(4) {top: 6px;width: 0;left: 50%;}
.open.menubox span:nth-of-type(2) {transform: rotate(45deg);}
.open.menubox span:nth-of-type(3) {transform: rotate(-45deg);}
.menu{position: absolute;width: 100%;z-index:1001;padding: 0;background:#424242;-webkit-transition: opacity .25s ease-out;transition: opacity .25s ease-out;top:100%;left:0;margin-top:0px;opacity: 0;visibility: hidden;}
.menu.show{opacity:1;visibility:visible;}
.menu ul{float: none;display: block;}
.menu ul li{display: block;text-align: center;float: none;}
.menu ul li a{display:inline-block;text-align: center;float: none;}
#slider{width:100%;position: relative;}
#slider_controls, .controls-center{width: 100%;position: relative;}
#slider_controls h2{width: 50%;}
#slider_controls ul{width: 40%;}
.slider-item img{max-width: 100%;width:100% !important;height: auto !important;padding: 0;}
div#slideshow{width:100% !important;}
.search_bg{width:100%;padding: 0 10px;}
.body_resize{width:100%;padding: 0 10px;background: #fff;}
.body_resize_bottom{width: 100%;background: transparent;}
.body_resize_top{background: transparent;}
.blog{width: 33%;}
.footer_resize{width: 100%;}
.body img{max-width: 100%;height: auto;display:block;}
.blog table{width:100%;}
.header_blog_resize{width: 100%;padding:0 15px; }
.header_blog_resize h2{padding:20px 0; }
.header_blog_resize img{padding-top: 20px;}
#palletusage{width:60%;}
#contactform label{display: inline-block;width: 20%;}
#contactform input.text{display: inline-block;width: 80%;}
#contactform textarea{width: 80%;}
#type{width: 80%;}
}
@media only screen and (max-width : 980px) {
	
}
@media only screen and (max-width : 960px) {

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

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

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

}
@media only screen and (max-width:768px){	
#palletusage{width: 45%;}

}
@media only screen and (max-width : 767px) {
.footer p.right{width: 40%;padding: 0;margin-bottom: 15px;}
.footer img.loggo{width: 60%;margin-bottom: 15px;}
.ft-menu{display: flex;flex-wrap:wrap;flex-direction: row;}
.ft-menu a{display: inline-block;}
#slider_controls h2{padding-left: 10px;padding-top: 10px;padding-bottom: 5px;}
#slider_controls ul{margin-top: 15px;}
div#slideshow{float: none;}
.empty{display: none;}
.header_blog_resize h2{font-size: 20px;}
}
@media only screen and (max-width:736px){

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

}
@media only screen and (max-width:667px){
.blog{width:100%;}
.footer_resize a{display: block;width: 100%;text-align: center;}
.footer img.loggo{width:auto;max-width:100%;display:inline-block;float: none;}
.footer p.right{float: none;width: 100%;text-align: center;}
.footer p.right a{display: inline-block;width: auto;text-align: left;}
.ft-menu a{display: inline-block;width: auto;text-align: left;}
.left{width: 100%;padding:0 15px;float: none;}
.right{width: 100%;padding:0 15px; float: none;}
#palletusage{width: auto;float: none;}



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



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

}
@media only screen and (max-width:568px){
.body img.floated2{float: none;margin:0 auto 15px;}
.body_resize_bottom{padding:10px 0;}
.search_bg p.search_bgg{width: 100%;float: none;}
#toptext{float: none;width: 100%;}
}

@media only screen and (max-width:540px){
#slider_controls h2{width: 100%;float: none;text-align:left;margin:5px 0 0;padding-left: 10px;font-size: 16px;}
#slider_controls ul{position: absolute;right:15px;top:10px;margin:0;}
.logo{text-align: left;padding-left: 15px;}
#contactform label{display: inline-block;width:100%;}
#contactform input.text{display: inline-block;width:100%;}
#contactform textarea{width:100%;}
#type{width:100%;}
}
@media only screen and (max-width:480px){
  .sidenav {padding-top: 15px;}
  .logo a img{width: 250px;height: auto;}
  .menubox{top:20px;}
}
@media only screen and (max-width:435px){

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

}
@media only screen and (max-width:411px){
}
@media only screen and (max-width:384px){
.logo a img{width: 200px;height: auto;}
.header_blog_resize img{float: none;margin:0px auto;display: inline-block;}
.header_blog_resize a{text-align: center;}
.header_blog_resize h2{text-align: center;}
.body{padding-top:0; }

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

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


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

}