/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1546px) and (max-width: 1850px) {
	.header-block .logo { left:-208px; }
	.menu-mainmenu-container { padding-left: 120px; }
	.winkel-block .middle { top:-82%; left:33%;}
	.winkel-block .beach { bottom: 101px; }
}
@media only screen and (min-width: 960px) and (max-width: 1545px) {
	.jas-block .left { border-right: 2px solid #f4f4f4; border-bottom: 2px solid #f4f4f4; border-top: 2px solid #f4f4f4; width:63%; }
	#ninja-slider { border-right: 0px; border-bottom:0px; border-top: 0px; }
	#thumbnail-slider { height: 525px; }
	.jas-block .right .rate span { font-size: 15px; }
	.jas-block .right .rate em { font-size: 15px; }
	.jas-block .right { min-height: 525px; width: 36%; padding: 43px 23px; }
	#ninja-slider { width: 83%; min-height: 523px; height: 523px;}
}
@media only screen and (min-width: 1000px) and (max-width: 1523px) {
	.logo-block .owl-controls .owl-next { right:15px; }
	.logo-block .owl-controls .owl-prev { left:15px; }
	.logo-block .owl-stage-outer { width: 80%; margin: 0 auto; }
	.jas-block .right { min-height: inherit; }
	
}
@media only screen and (min-width: 1025px) and (max-width: 1545px) {
	
.centering { max-width: auto; width: auto; padding: 0 20px;  } 
.centering1 { max-width: auto; width: auto; padding: 0 20px;  } 
.header-block .logo { left: 0px; }
.header-block .top ul li span, .header-block .top ul li { font-size: 10px; }
.header-block .top ul li { padding:12px 3px; }
.header-block .logo img { width: 70%; }
.header-block .nav .menu-mainmenu-container { width:65%; margin-left: 200px; float: left; }
.header-block .nav ul { text-align: center; float: none; }
.header-block .nav ul li { padding: 15px 10px; float: none; display: inline-block; }
.header-block .nav ul.social li { margin-top: 4px; padding:0 3px; }
.header-block .nav ul li a { font-size: 12px; }
.marken-block ul li { width: 47%; }	
.merkenBox .left { width: 28%; }
.merkenBox .right { width: 70%; }
.merkenBox .left .logoBox { height: 100px; }
.merkenBox .left .logoBox img { max-width: 80%; }
.merkenBox .left a.bekLink { padding-left: 10px; }
.topperBar .topLoop { margin-right: 30px; width: 31%; padding: 20px; }
.topperBar .rate h1 { font-size: 24px; }

.jas-block .right .rate { padding-top: 40px;}
.jas-block .right .rate a, .jas-block .right .rate a:hover { padding-top: 10px; padding-bottom: 10px; line-height: 24px;}
.jas-block .waseen { padding-top: 20px;}
.jas-block .right .rate h1 { font-size: 20px; }
.product-block .left { width: 70%; }
.product-block .right { width: 28%; }
.product-block .left .steel { width: 90.6%; }
.blogPost .less { width: 90.6%; }
.blogPost .less .text { width: 73%; }
.product-block .left .steel .kopun ul li { width: 47%; }
.contact-block #map { width: 100%; }
.contact-block ul.addBar li.msg { margin-left: 19px; margin-right: 19px; padding-right: 19px;  }
.contact-block ul.addBar li.phn { padding-right: 20px; }
.contact-block ul.addBar li { padding-left: 60px!important; }
.news-block .cantain .left { width: 49.5%; }
.news-block .cantain .right { width: 47.3%; }
.news-block .cantain .left .less { width: 82%; }
.news-block .cantain .right .less { width: 82%; }
.news-block .cantain .left .less .text h6 { padding: 10px; }
.news-block .cantain .right .less .text h6 { padding: 10px; }
.news-block .cantain .left .less .text .dateInfo span { float: none; display: block;  margin-left: 5px;}
.news-block .cantain .right .less .text .map { float: none; display: block;  margin-left: 5px;}
.news-block .cantain .right .less .text .date { margin-left: 5px;}
.news-block .cantain .left .less .text .date { margin-left: 5px;}
.welcom-block .left { display: none; }
.winkel-block .middle { display: none; }
.winkel-block .right { display: none;}
.winkel-block .beach { display: none;}
.welcom-block { width: 50%; padding-top: 60px; }
.winkel-block { width: 50%; padding-top: 60px; }
.welcom-block .right { width: auto; float: none; }
.winkel-block .left { width: auto; float: none; }
.topper-block { margin-top: 30px;}
.winkel-block .left ul { overflow: hidden; }
.winkel-block .left .link { display: inline-block; float: none;}
.footer-block { min-height: 675px;  background-color:#4db8ea;}

}
@media only screen and (min-width: 960px) and (max-width: 1024px) {
.centering { max-width: auto; width: auto; padding: 0 20px;  } 
.centering1 { max-width: auto; width: auto; padding: 0 20px;  }
.header-block .logo { left: 0px; }
.header-block .top ul li span, .header-block .top ul li { font-size: 10px; }
.header-block .top ul li { padding:12px 3px; }
.header-block .logo img { width: 70%; }
.header-block .nav .menu-mainmenu-container { width:65%; margin-left: 200px; float: left; }
.header-block .nav ul { text-align: center; float: none; }
.header-block .nav ul li { padding: 15px 10px; float: none; display: inline-block; }
.header-block .nav ul.social li { margin-top: 4px; padding:0 3px; }
.header-block .nav ul li a { font-size: 12px; } 
.marken-block ul li { width: 47%; }	
.footer-block .over { width: 33%; padding-right: 20px; }
.footer-block .contact { width: 26%; }
.footer-block .over .copy { padding-right: 0px; }	
.merkenBox .left { width: 28%; }
.merkenBox .right { width: 70%; }
.merkenBox .left .logoBox { height: 100px; }
.merkenBox .left .logoBox img { max-width: 80%; }
.merkenBox .left a.bekLink { padding-left: 10px; }
.topperBar .topLoop { margin-right: 30px; width: 31%; padding: 20px; }
.topperBar .rate h1 { font-size: 24px; }

.jas-block .right .rate { padding-top: 40px;}
.jas-block .right .rate a, .jas-block .right .rate a:hover { padding-top: 10px; padding-bottom: 10px; line-height: 24px;}
.jas-block .waseen { padding-top: 20px;}
.jas-block .right .rate h1 { font-size: 20px; }
.product-block .left { width: 70%; }
.product-block .right { width: 28%; }
.product-block .left .steel { width: 90.6%; }
.blogPost .less { width: 90.6%; }
.blogPost .less .text { width: 73%; }
.product-block .left .steel .kopun ul li { width: 47%; }
.contact-block #map { width: 100%; }
.contact-block ul.addBar li span { font-size: 18px; }
.contact-block ul.addBar li { padding-left: 60px!important; }
.contact-block ul.addBar li a { font-size: 18px; }
.contact-block ul.addBar li.phn { padding-right: 25px; }
.contact-block ul.addBar li.msg { padding-right: 25px; margin-left: 25px; margin-right: 15px; }
.news-block .cantain .left { width: 49.5%; }
.news-block .cantain .right { width: 47.3%; }
.news-block .cantain .left .less { width: 82%; }
.news-block .cantain .right .less { width: 82%; }
.news-block .cantain .left .less .text h6 { padding: 10px; }
.news-block .cantain .right .less .text h6 { padding: 10px; }
.news-block .cantain .left .less .text .dateInfo span { float: none; display: block;  margin-left: 5px;}
.news-block .cantain .right .less .text .map { float: none; display: block;  margin-left: 5px;}
.news-block .cantain .right .less .text .date { margin-left: 5px;}
.news-block .cantain .left .less .text .date { margin-left: 5px;}
.welcom-block .left { display: none; }
.winkel-block .middle { display: none; }
.winkel-block .right { display: none;}
.winkel-block .beach { display: none;}
.welcom-block { width: 50%; padding-top: 60px; }
.winkel-block { width: 50%; padding-top: 60px; }
.welcom-block .right { width: auto; float: none; }
.winkel-block .left { width: auto; float: none; }
.topper-block { margin-top: 30px;}
.winkel-block .left ul { overflow: hidden; }
.winkel-block .left .link { display: block; float: none;}
.footer-block { min-height: 675px; background-size: contain; background-position: bottom center; background-color:#4db8ea; } 
.logo-block .owl-item img { width: 52%;}
.logo-block .owl-controls .owl-next { right:0px; display: block!important; }
	.logo-block .owl-controls .owl-prev { left:0px;  display: block!important;}
	.jas-block .right { min-height: inherit; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.logo-block .owl-item img { width: 56%;}
.logo-block .owl-controls .owl-next { right:0px; display: block!important; }
	.logo-block .owl-controls .owl-prev { left:0px;  display: block!important;}
.centering { max-width: auto; width: auto; padding: 0 20px;  } 
.centering1 { max-width: auto; width: auto; padding: 0 20px;  } 
.header-block .logo { background: #cc0c2f; padding: 5px 0px; left: 0px; width: 185px; }
.header-block .top ul li em { font-size: 10px;}
.header-block .top ul li span, .header-block .top ul li { font-size: 10px; padding:0px; }
.header-block .top ul li { padding:12px 3px; }
.header-block .logo img { max-width: 100%; height: auto;  }
.header-block .nav .menu-mainmenu-container { width:60%; margin-left: 195px; float: left; }
.header-block .nav ul { text-align: center; float: none; }
.header-block .nav ul li { padding: 15px 8px; float: none; display: inline-block; }
.header-block .nav ul.social li { margin-top: 2px; padding:0 3px; }
.header-block .nav ul li a { font-size: 10px; }
.marken-block ul li { width: 46%; }
.footer-block .over { width: 33%; padding-right: 20px; }
.footer-block .contact { width: 26%; }
.footer-block .over .copy { padding-right: 0px; }
.merkenBox .left { width: 28%; }
.merkenBox .right { width: 70%; }
.merkenBox .left .logoBox { height: 100px; }
.merkenBox .left .logoBox img { max-width: 80%; }
.merkenBox .left a.bekLink { padding-left: 10px; }
.topperBar .topLoop { margin-right: 23px; width: 31%; padding: 20px 12px; }
.topperBar .rate h1 { font-size: 24px; }
.jas-block .left { width: auto; float: none; }
.jas-block .right { margin-top: 20px;  width: auto; float: none; overflow: hidden;  }
#ninja-slider { width: 87%; height:496px; }
#ninja-slider div.slider-inner { height: 100%; }
#ninja-slider ul { height: 100%!important; padding-top: 0px!important; }
.jas-block .right .rate { padding-top: 30px;}
.product-block .left { width: auto; float: none; }
.product-block .right { width: auto; float: none; }
.product-block .left .steel { width: 90.6%; }
.blogPost .less { width: 90.6%; }
.blogPost .less .text { width: 73%; }
.product-block .left .steel .kopun ul li { width: 47%; }
.contact-block #map { width: 100%; }
.contact-block ul.addBar li span { font-size: 16px; }
.contact-block ul.addBar li { padding-left: 53px!important; }
.contact-block ul.addBar li a { font-size: 16px; }
.contact-block ul.addBar li.phn { padding-right: 14px; }
.contact-block ul.addBar li.msg { padding-right: 13px; margin-left: 13px; margin-right: 13px; }
.news-block .cantain .left { width: 49.5%; }
.news-block .cantain .right { width: 47.3%; }
.news-block .cantain .left .less { width: 82%; }
.news-block .cantain .right .less { width: 82%; }
.news-block .cantain .left .less .text h6 { padding: 10px; }
.news-block .cantain .right .less .text h6 { padding: 10px; }
.news-block .cantain .left .less .text .dateInfo span { float: none; display: block;  margin-left: 5px;}
.news-block .cantain .right .less .text .map { float: none; display: block;  margin-left: 5px;}
.news-block .cantain .right .less .text .date { margin-left: 5px;}
.news-block .cantain .left .less .text .date { margin-left: 5px;}
.welcom-block .left { display: none; }
.winkel-block .middle { display: none; }
.winkel-block .right { display: none; }
.winkel-block .beach { display: none; }
.welcom-block { width: 50%; padding-top: 60px; }
.winkel-block { width: 50%; padding-top: 60px; }
.welcom-block .right { width: auto; float: none; }
.winkel-block .left { width: auto; float: none; }
.topper-block { margin-top: 30px; height: 865px; }
.winkel-block .left ul { overflow: hidden; }
.winkel-block .left .link { display: block; float: none;}
.footer-block { min-height: 675px; background-size: contain; background-position: bottom center; background-color:#4db8ea;}
#ninja-slider { width: 85%; height: 487px;  }
.topper-block .productSlider .rate { padding: 20px 15px; }
.topper-block .productSlider .rate h1 { font-size: 26px; }
.marken-block img.blog { width: 65%; }
.jas-block .right { min-height: inherit; }
.jas-block .left { border-right: 2px solid #f4f4f4; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.jas-block .right { min-height: inherit; }
.bannerSlider ul.slides li { min-height: inherit; }
.desktopView { display: none!important; }
.mobileView { display: block!important; } 
.centering { max-width: auto; width: auto; padding: 0 30px;  } 
.centering1 { max-width: auto; width: auto; padding: 0 30px;  } 
.header-block.mobileView  { position: absolute; top:0px; left:0px; background: #fff; z-index:9999; }
.header-block.mobileView .slideDown { display: none;}
.header-block.mobileView .logoBox { position: relative; width: 100%; height: 69px; overflow: hidden; }
.header-block.mobileView .logoBox .logoBar { width: 100%;  background: #cc0c2f;  }
.header-block.mobileView .micon { cursor: pointer; position: absolute; top: 0px; right:0px; width: 69px; height: 69px; background: url(images/micon.jpg) no-repeat center center; }
.header-block.mobileView .micon.cross { position: absolute; top: 0px; right:0px; width: 69px; height: 69px; background: #0c1834 url(images/cross.png) no-repeat center center; }
.header-block.mobileView .addressBox { padding: 27px 0 10px 0; background: #0c1834; }
.header-block.mobileView .addressBox ul {  list-style: none;}
.header-block.mobileView .addressBox ul li { padding-bottom: 20px; font-size: 11px;}
.header-block.mobileView .addressBox ul li em { padding-right: 5px; color: #36cee5; font-size: 11px; font-family:'OpenSans-Bold'; font-style: normal; text-transform: uppercase;}
.header-block.mobileView .addressBox ul li span {padding-right: 5px; color: #fff; font-size: 11px;  font-family: 'open_sansregular'; font-style: normal ;text-transform: uppercase;}
.header-block.mobileView .addressBox ul li a { text-decoration: none; color: #fff; text-transform: uppercase; }
.header-block.mobileView .addressBox ul li a:hover { text-decoration: underline;}
.header-block.mobileView .navBox { padding: 20px 0 38px 0px; }
.header-block.mobileView .navBox ul  { list-style: none;  }
.header-block.mobileView .navBox ul li { border-bottom: solid 2px #d5d5d5;  }
.header-block.mobileView .navBox ul li:last-child { border-bottom: 0px;  }
.header-block.mobileView .navBox ul li a { display: block; padding: 20px 0px; text-decoration: none; letter-spacing: 3px; font-size: 14px; color: #0c1834; font-family:'OpenSans-Bold'; text-transform: uppercase; }
.header-block.mobileView .navBox ul li a:hover, .header-block.mobileView .navBox ul li.current_page_item a, .header-block.mobileView .navBox .single-topper #menu-item-26 a, .header-block.mobileView .navBox .single-merken  #menu-item-25 a{ color: #cc0c2f}
.header-block.mobileView .social { margin-top: 20px; overflow: hidden; }
.header-block.mobileView .social li { padding:0px; float: left; margin-right: 6px; border: 0px!important;}
.header-block.mobileView .social li a  { padding: 0px!important; }
body.overlay { background: url(https://beachactive.nl/wp-content/themes/beach/images/overlay1.png) repeat; }
#content-wrap { padding-top: 68px; }

.mobilebanner-block { overflow: hidden; padding-top: 67px; }
.mobilebanner-block .centering { padding:20px 30px; background: #0c1834;  }
.mobilebanner-block .bannerSlider { height: inherit; }
.mobilebanner-block .bannerSlider ul.slides li .caption { padding:0px; }
.mobilebanner-block .bannerSlider ul.slides li .caption h1 { text-transform: uppercase; padding:0px; font-size: 20px; color: #fff; font-family:'OpenSans-Bold';}
.mobilebanner-block  .bannerSlider .flex-control-nav { bottom: 110px; text-align: center; right: 0px; width: 100%;  }
.mobilebanner-block  .bannerSlider .flex-control-nav li { float: none; display: inline-block; }
.home #content-wrap { padding-top:0px; }
.imageBar li img { width: 100%; height: auto; }
.welcomeBar {padding: 40px 0px; overflow: hidden; }
.welcomeBar  h1.title { margin-bottom: 35px; background: rgba(0, 0, 0, 0) url("images/design.png") no-repeat scroll 0 2px; color: #000; display: block; font-family: "oswaldbold"; font-size: 20px; letter-spacing: 4px;  padding-top: 20px;} 
.weloop { display: block; overflow: hidden;  padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 2px #f4f4f4; }
.weloop  h1 { padding-left: 25px; font-size: 14px; color: #626269; letter-spacing: 3px;  font-family: "oswaldbold"; background: url("images/arrow.png") no-repeat left center; }
.weloop h1.active { color:#cc0c2f; padding-left: 25px; background: url("images/active.png") no-repeat left center; }
.weloop .link { margin-top: 50px; margin-bottom: 20px; text-decoration: none; padding: 25px 20px; width: auto; display: block; overflow: hidden; text-align: center;   float: none; background: #cc0c2f; font-size: 14px; color: #fff; font-family:'OpenSans-Bold'; }
.weloop .link:hover { background:#0c1834; text-decoration: none; }
.weloop .toggleBox { padding-top: 30px; display: none; }
.weloop .toggleBox p { font-size: 14px; color: #626269; line-height: 22px; padding-bottom: 20px; font-family: 'open_sansregular';  }
.weloop .toggleBox  ul { display: block; padding-bottom: 10px; overflow: hidden; }
.weloop .toggleBox li { margin-left: 10px; float: left; font-size: 14px; color: #626269; line-height: 22px; font-family: 'open_sansregular';  }
.weloop .toggleBox li a { color: #cc0c2f; }
.mobileTopper { padding: 40px 0px; overflow: hidden; }
.mobileTopper h1.title { background: rgba(0, 0, 0, 0) url("images/design.png") no-repeat scroll 0 2px; color: #000; display: block; font-family: "oswaldbold"; font-size: 20px; letter-spacing: 4px;  padding-top: 20px;}
.mobileTopper ul { margin-top: 40px; margin-bottom: 20px; }
.mobileTopper li  { display: block; overflow: hidden;  padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 2px #f4f4f4; }
.mobileTopper li:last-child { border-bottom: 0px; }
.mobileTopper li h1 { padding-bottom: 5px; font-size: 16px; color: #0c1834; font-family:'OpenSans-Bold';  }
.mobileTopper li p { font-size: 14px; color: #0c1834; font-family: 'open_sansregular';  }
.mobileTopper li span { display: block; padding-top: 20px; font-size: 16px; color: #cc0c2f; font-family:'OpenSans-Bold';  }
.mobileTopper li a { text-decoration: none; }
.mobileTopper li a:hover h1, .mobileTopper li a:hover p { color: #cc0c2f; }
.mobileTopper li  .leftImage { padding: 0 10px; margin-right: 20px; width: 100px; float: left; }
.mobileTopper li  .leftImage img { max-width: 100%; height: auto; }
.mobileTopper li  .rightImage { float: left; width:45%; }
.mobileTopper .item1 { text-decoration: none; padding: 25px 20px; width: auto; display: block; overflow: hidden; text-align: center;   float: none; background: #cc0c2f; font-size: 14px; color: #fff; font-family:'OpenSans-Bold'; }
.mobileTopper .item1:hover { background:#0c1834; text-decoration: none; }

.news-block { padding: 40px 0 40px 0px; background: #f4f4f4; }
.news-block .cantain { padding-top: 40px; width: auto; }
.news-block .cantain  h5 { padding-left: 25px; font-size: 14px!important; background: url("images/arrow.png") no-repeat left center; }
.news-block .cantain  h5.active { color:#cc0c2f; padding-left: 25px; background: url("images/active.png") no-repeat left center; }
.news-block .cantain .left { float: none; width: auto; padding-bottom: 35px; margin-bottom: 15px; border-bottom: solid 2px #d5d5d5; }
.news-block .cantain  .toggleDiv { display: none; }
.news-block .cantain .left li { position: relative; }
.news-block .cantain .left li  a { text-decoration: none;}
.news-block .cantain .left .december { position: absolute; left: 0px; top: 0px; z-index:99; }
.news-block .cantain .left .less { width: 100%; float: none; float: none; background: none; }
.news-block .cantain .left li .text h6 { padding: 20px 0 0 0!important; }
.news-block .cantain .left li:hover .less { background: none; }
.news-block .cantain .left li:hover .less .text h6 { background: none; color:#cc0c2f; }
.news-block .cantain .left .less .immg { width: 100%; height: auto; float: none; }
.news-block .cantain .left .less .text { width: 100%; height: auto; float: none; }
.news-block .cantain .left .less .immg  img { width: 100%; height: auto; float: none; }
.news-block .cantain .item1 { padding: 25px 20px; width: auto; display: block; overflow: hidden; text-align: center;   float: none; background: #cc0c2f; font-size: 14px; color: #fff; font-family:'OpenSans-Bold'; }
.news-block .cantain .item1:hover { background:#0c1834; text-decoration: none; }
.news-block .cantain .right { float: none; width: auto; }
.news-block .cantain .right .less .text .date { display: none; }
.news-block .cantain .right .less .text .map { display: none; }
.news-block .cantain .right li { position: relative; }
.news-block .cantain .right li  a { text-decoration: none;}
.news-block .cantain .right .december { position: absolute; left: 0px; top: 0px; z-index:99; }
.news-block .cantain .right .less { width: 100%; float: none; float: none; background: none; }
.news-block .cantain .right li .text h6 { padding: 20px 0 0 0!important; }
.news-block .cantain .right li:hover .less { background: none; }
.news-block .cantain .right li:hover .less .text h6 { background: none; color:#cc0c2f; }
.news-block .cantain .right .less .immg { width: 100%; height: auto; float: none; }
.news-block .cantain .right .less .text { width: 100%; height: auto; float: none; }
.news-block .cantain .right .less .immg  img { width: 100%; height: auto; float: none; }

.product-block .left { float: none; width: auto; }
.product-block .right { float: none; width: auto; }
.product-block .left div.date { position: absolute; z-index: 99; }
.product-block .left div.december { top:0px; position: absolute; z-index: 99; }
.product-block .left .blogPost { position: relative; }
.product-block .left .blogPost .dateInfo { display: none; }
.blogPost .less { float: none; width: auto; background: none; }
.blogPost .less .immg { width: auto; float: none; margin-right: 0px;  }
.blogPost .less .text { width: auto; float: none; }
.blogPost .less a { text-decoration: none; }
.blogPost .less:hover { background: none; }
.blogPost .less .immg img { width: 100%; height: auto; }
.blogPost .less:hover h6 {color:#0c1834; }
.blogPost .less:hover .text p {color:#626269; }
.blogPost .less:hover .text span {color:#cc0c2f; }
.product-block .wp-paginate { height: inherit; margin-top: 20px; }
.product-block .navigation li a { line-height: 40px; font-size: 14px;  }
.product-block .navigation li a:hover, .product-block .navigation li .current { line-height: 40px; font-size: 14px; }
.product-block .navigation li { width: 40px; height: 40px; line-height: 40px; }
.product-block .left .steel h1 { font-size: 24px; line-height: 30px; }
.product-block .left .steel .kopun ul li { float: none; width: auto; margin-right: 0px; }
.product-block .left .steel .kopun ul li  img { margin: 0 auto; }
.filterBlock .wp-paginate { height: inherit; margin-top: 20px; }
.filterBlock .navigation li a { line-height: 40px; font-size: 14px;  }
.filterBlock .navigation li a:hover, .filterBlock .navigation li .current { line-height: 40px; font-size: 14px; }
.filterBlock .navigation li { width: 40px; height: 40px; line-height: 40px; }

.logo-block .centering { padding: 0 25px; }
.logo-block .logoBar  { padding: 40px 0 30px 0px; text-align: center; }
.logo-block .logoBar .item {   width: 42%; height: 73px; margin: 5px; background: #057aa4; float: none; display: inline-block; padding: 10px;  }
.logo-block .logoBar .item a { width: 100%; height: 100%; display:table; }
.logo-block .logoBar .item span { display: table-cell; width: 100%; height: 40px; vertical-align: middle; }
.logo-block .logoBar .item img { width: 80%; height: auto; margin: 0 auto;   }
.footer-block { background: #4db8ea; padding:20px 0 40px 0px; min-height: inherit; } 
.style.mobileView { padding: 20px 0px; text-align: center; background: #0c1834; }
.style.mobileView a { text-decoration: none; }
.style.mobileView  img { display: block; margin:0 auto; }
.style.mobileView a span { color: #fff; text-decoration: none;  padding-top: 7px; font-size: 11px; color: #fff; font-family: 'merriweatheritalic'; display: block }
.style.mobileView a:hover  span{ color: #4db8ea; text-decoration: none; }
.footer-block .textwidget { display: none; }
.footer-block .over { float: none; width: auto; padding-right:0px; border-bottom: solid 2px #0a99cc;  }
.footer-block .over .textwidget { padding-bottom: 20px; padding-left: 23px;  }
.footer-block .markin { float: none; width: auto; border-bottom: solid 2px #0a99cc; }
.footer-block .markin ul { padding-left: 23px; }
.footer-block li .bold { display: none; }
.footer-block .contact { float: none; width: auto; }
.footer-block .contact a { margin-bottom:0px; }
.footer-block .contact .textwidget { padding-left: 23px; }
.footer-block .contact .textwidget .textwidget { padding-left: 0px; display: block!important;  }
.footer-block .contact .textwidget .widget_text h6.widgettitle { display: none; }
.footer-block h6 { cursor: pointer; padding: 20px 0px 20px 23px; background: rgba(0, 0, 0, 0) url("images/white-arrow.png") no-repeat left center;}
.footer-block h6.active { cursor: pointer; padding: 20px 0px 20px 23px; background: rgba(0, 0, 0, 0) url("images/arrowH.png") no-repeat left center;}
.footer-block  .copy.mobileView { margin-top: 60px; padding-right: 90px;  background: url(images/white-design.png) no-repeat left top;}
.footer-block  .copy.mobileView .spc { padding-top: 20px;}
.footer-block  .copy.mobileView span { font-size: 13px; color: #fff;  font-family: 'open_sansregular'; display: block;}
.innerBanner { height: inherit!important; padding: 70px 0px; }
.innerBanner .caption { padding-top: 0px;}
.innerBanner .caption h1 { font-size: 24px; }
.innerBanner .caption ul { display: none; position: absolute; bottom: 0px; }
.contact-block ul.addBar li { float: none;  border-bottom: solid 2px #f4f4f4; border-right: 0px; }
.contact-block ul.addBar li.phn { padding-right: 0px; }
.contact-block ul.addBar li.msg { margin-left:0px; padding-right: 0px; }
.contact-block ul.addBar li span , .contact-block ul.addBar li a { font-size: 18px; }
.contact-block .left { float: none; width: auto; }
.contact-block .right { float: none; width: auto; margin-bottom: 20px; overflow: hidden; }
.contact-block #map { width: 100%; height: 300px;}
.contact-block .right input[type="submit"] , .contact-block .right input[type="submit"]:hover { margin:0 auto; float: none; }
.contact-block .right form span.req { text-align: center; margin-left:0px; float: none; }
.contact-block .right textarea { height: 200px; }
.contact-block ul.addBar li span br { display: none; }
.marken-block ul li { width: auto; float: none; margin-right:0px; }
.merkenBox .left { float: none; width: auto; }
.merkenBox .right { margin-top: 40px; float: none; width: auto; }
.merkenBox .left .logoBox img { max-width: 85%; }
.innerBanner .caption ul li { font-size: 11px;}
.topperBar .topLoop { float: none; width: auto; margin-right:0px; }
.topperBar .filterBar h6 { float: none; margin-bottom: 10px;  }
.topperBar .filterBar ul  { float: none; text-align: center; }
.topperBar .filterBar ul li { padding-right: 0px; padding-left: 0px; float: none; display: inline-block; }
.topperBar .filterBar ul li.first { float: left; }
.topperBar .filterBar ul li.last { float: right; }
.topperBar .filterBar ul li a { font-size: 14px; }
.jas-block { float: none; width: auto; }
.jas-block .left { float: none; width: auto; overflow: hidden; border: none;  }
#ninja-slider div.slider-inner { border: solid 2px #f4f4f4; }
.jas-block .right{ float: none; width: auto; overflow: hidden; padding: 30px 20px;  }
.jas-block .right .rate, .jas-block .waseen { padding-top: 50px; }
#ninja-slider { width: 100%; height: 433px; float: none; margin-bottom: 10px;  }
#thumbnail-slider.mobileView { width: 100%; margin: 0 auto;  height: inherit; overflow-x: inherit;  overflow-y: inherit; }
#thumbnail-slider.mobileView  .inner  { width: 100%; }
#thumbnail-slider.mobileView ul { text-align: center; }
#thumbnail-slider.mobileView ul li { display: inline-block; margin: 3px; margin-top: 0px;  width: 60px; height: auto; border:2px solid #f4f4f4; padding: 7px;  }
#thumbnail-slider.mobileView ul li.active, #thumbnail-slider.mobileView ul li:hover { border-color: #cc0c2f; }
.jas-block .left::after { display: none; }
.jas-block .left .product { margin-bottom: 30px; overflow: hidden; }
.product-block .left .steel { width: 100%; }
.merkenBox .left a.bekLink { padding: 15px; }
.contact-block .right input[type="submit"], .contact-block .right input[type="submit"]:hover { width: 100%; }
.jas-block .right .rate a.mail  { padding: 0 8px 0 60px!important; }
.jas-block .right .rate span { display: inline-block;}
.jas-block .right .rate em a { padding-left: 10px!important; }
.filterBlock .mobileTopper { padding: 0px; }
.filterBlock .mobileTopper ul { margin-top: 0px; }
.marken-block img.blog { width: 65%; }
.dateInfo { overflow: hidden; }
.product-block .left .steel .cal { float: left; width:102px; }
.product-block .left .steel .file { float: left; width:44%; margin-left: 0px; background-position: left 10px; }
#thumbnail-slider ul li:hover::before, #thumbnail-slider ul li.active::before { display: none;  }
#thumbnail-slider ul li:hover::after, #thumbnail-slider ul li.active::after { display: none;  }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 480px)  {


.logo-block .logoBar .item { width: 38%; }
.topperBar .filterBar ul li a { font-size: 12px; letter-spacing: 1px; }
.jas-block .right .rate a.mail { font-size: 14px; }
.product-block .left .steel .file { width: 30%; }
.jas-block .right .rate span { display: block; }
.jas-block .right .rate  em a { padding-left: 0px!important; }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 350px)  {

.merkenBox .left a.bekLink { font-size: 14px; }

}