@media only screen and (min-width: 861px) and (max-width: 1000px) {
.topbar, .topmenu, .contentcontent, .footercontent {width:840px;max-width: 100% !important;}
.topmenu ul.menu1 {margin-left:0;}
.slideshowpreview, img, .topimgpreview, .topimgpreview img {max-width:100% !important;}
label.cmslabel, div.cmslabel, span.cmslabel {display:block;width:100%;float:none;line-height:normal;padding:16px 0 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
span.cmsitem, .fontset, .detailset {display:block;width:100%;float:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#page_topafbeelding .extraleft {display:none;}
.fontsetcontainer, .detailsetcontainer {margin:0;}
.fontset, .detailset {margin:0 0 10px 0;}
}
@media only screen and (max-width: 860px) {
body, html, table {max-width:100%;min-width:auto;}
.contentcontent, .footercontent, .contentright, .fontset, .detailset {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;min-width:auto;max-width: auto;}
.contentright  {border:none;padding: 65px 25px 100px !important;}
.topbarcontainer, .topmenucontainer, .contentleft, #zenbox_tab.ZenboxTabRight, #page_topafbeelding .extraleft, .noticontainer, .socialset, .footercontent  ul, .respleft .extraleft, #page_inhoud .submenubuttons a, img.specialicon, .mailingmenu h2, .mailingmenu li a.standaardalinea, .h2_righticon span#quicksort,body#login .overlay {display:none !important;}
.copyright {text-align:center;}
h1 {font-size:150%;}
h2 {font-size:120%;}
td, th {font-size:90%;}
.uppertopbuttons {position:relative;right:auto;top:auto;}
img {max-width:100% !important;height:auto !important;}
label.cmslabel, div.cmslabel, span.cmslabel {display:block;width:100%;float:none;line-height:normal;padding:16px 0 0 0;}
span.cmsitem {display:block;width:100%;float:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.buttons {padding:10px 0;}
span.button,
a.button, 
input[type="button"], 
input[type="submit"],
button, 
input.ui-button,
button.ui-button.ui-state-default{padding:15px;margin:0.5em 0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:2px;}
.ui-widget.ui-dialog {min-width:90% !important;max-width:90% !important;}
body#login {background-image:none !important;background:#FFF;}
body#login .loginbox {margin:50px auto 0 auto;width:100%;box-shadow:none;}
a.loginclose, a.loginclose:hover, a.loginclose i.fa {background:none;color:#F30;border:none;box-shadow:none;top:5px;right:5px;}
body#login .copyright {position:relative;border-top:solid 1px #DDD;margin-top:20px;}
.footercontent ul.menu1 {display:block !important;}
.footercontent ul.menu1 li {display:inline-block;margin:5px;}
.mailbuttons a, .mailbuttons span, .footercontent ul li {display:block;}
.responsivemenu {display:block;}
.responsivemenu .openenmaar {position:fixed;top:0;left:0;z-index:50;display:block;line-height:50px;background-color:#B1D211;color:#FFF;width:100%;padding:0 10px;box-shadow:0 0 5px rgba(0,0,0,0.3);}
.respleft h2 {margin:0;padding-left:0;}
.respleft .alineamenu h2 {padding:10px;}
.responsivecontainer {position:fixed;top:50px;left:0;z-index:40;display:block;width:100%;box-shadow:0 0 5px rgba(0,0,0,0.3);border-bottom:solid 1px #000;max-height: calc(100vh - 50px);overflow: auto;background: rgb(34,34,34);
background: -moz-linear-gradient(left,  rgba(34,34,34,1) 0%, rgba(34,34,34,1) 65%, rgba(57,57,57,1) 65%, rgba(57,57,57,1) 100%);
background: -webkit-linear-gradient(left,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 65%,rgba(57,57,57,1) 65%,rgba(57,57,57,1) 100%);
background: linear-gradient(to right,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 65%,rgba(57,57,57,1) 65%,rgba(57,57,57,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#393939',GradientType=1 );
}
.resptop, .respleft {font-size:16px;padding:2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.resptop {float:right;font-weight:300;width:35%;}
.respleft {float:left;font-weight:600;width:65%;}
.responsivemenu ul, .responsivemenu li {padding:0;margin:0;list-style:none;}
.responsivemenu li {position:relative;}
.responsivemenu .respleft a, .alineamenu ul li a, .responsivemenu .respleft a:hover, .alineamenu ul li a:hover {border:none;}
.responsivemenu a, .responsivemenu span, .mailingmenu nav ul li a, .responsivemenu .respleft a, .alineamenu ul li a, .responsivemenu .respleft a:hover, .alineamenu ul li a:hover {display:block;padding:10px;border-bottom:solid 1px #555;color:#DDD;text-decoration:none;cursor:pointer;}
    

       
    
    
.responsivemenu .respleft a, .responsivemenu .respleft span, .responsivemenu .respleft a, .alineamenu ul li a, .responsivemenu .respleft a:hover, .alineamenu ul li a:hover {color:#FFF;font-weight: 600;}
.respleft a span.fa, 
    .contentleft nav ul li a span.fa, 
    .mailingmenu nav ul li a span.fa, 
    .alineamenu ul li a span.fa {display:none;}  
    
    .respleft a span.fa-external-link,
    .respleft a span.fa-bell {display:inline-block;border:none;float:right;padding:4px;}
    
    
.resptop a.active {font-weight: 600;}
.resptopback {display:none}
ul.menuitems .submenubuttons {width:42px;}
.mailingmenu {position:relative;padding:0;width:auto;}
.mailingmenu nav ul {border:none;}
.mailingmenu li a.bekijkmailing, .mailingmenu li a.verzendmailing {background-image:none !important;text-align:center;padding:20px;}
.alineapreview.sortli div.alineabuttons {background-image:none !important;}
.alinealijst .alineabuttons ul {margin-left:0;padding-top:36px;}
.alineabuttons li {float:none;border:none;border-top:solid 1px #DDD;}
.alineabuttons li:first-child{border-left:none;}
.kolsec {position:relative;left:auto;top:auto;width:100%;padding:0;border:none;background:none;}
.kolsec div:first-child {border:none;}
.fontsetcontainer, .detailsetcontainer {margin:0;}
.fontset, .detailset {margin:0 0 10px 0;}
.contentleft nav ul li, .mailingmenu nav ul li, .alineamenu ul li {border:none;}
.contentleft nav ul li a:hover, .mailingmenu nav ul li a:hover, .alineamenu ul li a:hover {background:none;}
.contentleft nav ul, .mailingmenu nav ul, .alineamenu ul {border-top:solid 1px #555;}
.contentleft h2, .mailingmenu h2, .alineamenu h2 {color:#FFF;}
a.tupdates {display:none !important;}
}

@media only screen and (max-width: 500px) {
	body,html,td,th {font-size:90%;}
	td,th {padding:2px !important;}
	ul.menuitems .menutitle a.pagelink, ul.menuitems .menutitle span.pagelink {padding: 0 50px 0 100px;}
	.resptop, .respleft {font-size:14px;}
	.h2_righticon {position:relative;right:auto;margin:auto;}
	.h2_righticon a {display:block;padding:5px 0;}
	td.rights {width:auto;background:none !important;}
	body#login {background-image:none !important;}
	.forgotpw a {display:block;float:none !important;}
	.footercontent ul.menu1 li {display:block;border-top:solid 1px #EEE;margin:0;}
	.footercontent ul.menu1 {border-bottom:solid 1px #EEE;margin:0;}
	.footercontent ul.menu1 li a, .footercontent ul.menu1 li span {padding:10px;font-size:16px;margin:0;}
	.footercontainer {background:#FAFAFA;}
    
    ul.menuitems .specialicon {right:30px;border:none;}
    .alineamenu ul li a, .alineamenu ul li a:hover {padding:5px 10px;}
    
    iframe#launcher {display:none !important;}
    
}
@media only screen and (max-width: 360px) {
body#login .loginbox {background-size:80% auto;}
}



ul.producttabs li a {padding:10px !important;display:block;border-bottom:none;}

@media only screen and (max-width: 1000px) {
    ul.producttabs li span.fa {display:block;}
    ul.producttabs li span.text {display:none;}
}
@media only screen and (min-width: 1001px) {
    ul.producttabs li span.fa {display:none;}
    ul.producttabs li span.text {display:block;line-height: 15px;}
}