@media only screen and (min-width: 400px) and (max-width: 1030px){
  /* make room for sharebar */
  .gadgets .textblock {font-size: 1.4vw}

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


 .highslide-html-content {
    width: 94% !important;
}
  }
@media only screen and (min-width: 657px){
  .highslide-html-content {
    width: 550px;
}
}
@media only screen and   (max-width: 1000px) {
   /*nav#access {float: left;max-width: 	16.6667%}      */
  nav#access {top: -100%;position: absolute;background-color: #222; z-index: 1000;width: 100%}
  div.menu-action {display:block }
  .menulist a { color: #eee;background: transparent}
  .menulist .sub {display: block;position: unset}
  #mainlogo {margin-top: 10px; }
  #header{margin-top: 40px}
  .active nav#access {height: 100%;left:0}
  .menulist {background-color: transparent}
  ul.menulist li {display: block;padding:0; text-indent: 5px}
  .menulist .sub {border-top: 1px solid #bbb}

  .menulist a, .menulist .sub li a {padding-top: 12px;padding-bottom:12px;padding-left: 30px;color: #fff}
  .menulist .current .sub li a {font-weight: normal}
.menulist .current .sub li.current  a {color: #fff;font-weight: bold }
  .menulist .sub a {padding-left: 20px}
  .active nav#access {top:40px}
  ul.navtablist a span {display: none}
  div.search {top: 58px}
  .lanselect {top: 113px}
  ul.menulist li.current .sub {display: block}
 .search {display: block; position: static; width: auto; margin: 5px}
 .tophead {padding-top: 40px}
 ul.menulist li.has-child >a:after {top: 11px;display: inline}
.vertlist {margin:0;padding:0}
.vertlist .current a {text-decoration: underline};

  }
@media only screen and (min-width: 1025px){
  .sticky .tophead {padding-top: 40px}
  .sticky .menulist{
    position: fixed;
    width: 100%;
    z-index: 1010;
    padding-right: 0;
  }
  .gadgets .textblock {font-size: 1.4vw}
  .sticky .menulist {
  box-shadow: 0 2px 4px rgba(10,10,10,0.5);
  background: rgb(0,128,31);
  top:0;margin: 0;left:0;right:0
  }

.sticky .menulist> li.current >a,
.sticky .menulist> li.current:hover> a,
.sticky .menulist> li:hover > a,
.sticky .menulist> li>a,
.sticky .menulist> li>a:hover {color: #fff;}
.sticky .menulist li.has-child > a::after,
.sticky .menulist li.has-child:hover > a::after { border-color: #fff transparent transparent transparent }



ul.menulist .sub{box-shadow:1px 4px 4px rgba(10,10,10,0.5);padding:0 2px; background-color: #fff; font-size: 0.7em}
ul.menulist .sub li:first-child {padding-top: 5px}
ul.menulist .sub li:last-child {padding-bottom: 5px}
  ul.menulist .sub li{background:none;display: block}
  ul.menulist .sub a{padding-left:0.5em;  padding-right:0.5em;  white-space:nowrap;}
  .menulist .sub{display:none; position:absolute; top:50px; z-index:100;padding:0}
  .menulist li:hover .sub{display:block}
  .touch .menulist li ,
  .touch .menulist .sub li a {padding-top:5px;padding-bottom: 5px}
  .touch .menulist li:hover .sub {top: 2.4em}


}
@media only screen and (min-width: 768px)  and (max-width: 1023px){
  form#advs .prefix, form#advs .postfix {
    line-height: 100%;
    min-height: 34px;
    padding: 0.4rem 0;
    font-size: 0.8em;
    font-weight: normal;
    text-transform: none;
  }
 .gadgets .textblock {font-size: 0.8rem}

}
 @media only screen and (max-width: 960px) {
  body img.logo {padding:0;}
  .buitenrand,
  .kolomlinks {padding:0}
  .back1 {border: none}
  .vipcontainer {margin: 10px -9px}
  nav#access {height: 100%}
 .touch .menulist li a {padding-top: 8px;padding-bottom: 8px; font-size: 1.2em}
/*   h1 {font-size: 2em}*/
	h1 {font-size:1.8em}
  .menulist .sub {left:auto}
}
 @media only screen and (max-width: 657px) {
  .lanselect{display:none}

  .rgadget {position: unset}
  img.logo{height:52px}
  a#logohead{font-size:1.2em;line-height:230%}
  ul.navtablist{margin:0 -16px}
  .gadgets a.button{display:none}
  .megadrop .vertlist{-moz-column-count:2;column-count:2;-webkit-column-count:2;}
  .shopintro-left.panel, #shopintro.shopintro .shopintro-left{margin:0 -18px;width:100%}
  .navtablist >li{margin:0;padding:0;max-width:20%;overflow:hidden;}
  .navtablist li a,.browseby{text-overflow:ellipsis;overflow:hidden;}
  .search,.navtablist li span{display:none}
   .browseby{overflow: visible;text-indent:-1000px; width:30px;margin-right: 5px; height: 23px; background: transparent url(/images/hamburger_small.png) right no-repeat;
    background-size: contain}
   .browseby ul {right:0; padding: 0 3px}
  col.specmid ,col.specdesc{border-right:1px solid #eee;}
  table.specs td,table.newspecs td{font-weight:400;padding:0 0 0 2px;font-size:0.9em}
  .specslist{font-size:0.95em}
  label{width:9em}
  .navtablist li a{padding:0}
  .navtablist li.current{max-width:30%}
  .navtablist li.current a{padding:0 4px}
  table.specs td{border:none}
  div.socialbookmarks{bottom:-81px;}
  h1, #news_more h1{font-size:1.3em}
  div.kolomlinks{text-align:center}
  body h1{font-size:1.5em;font-weight:bold}
  .active #access,.active .menulist{display:block}
  .active .menulist .sub{position:relative;top:auto}
  .gadgets .textblock{font-size:1.4vw}
}

 @media only screen and (max-width: 400px) {
  /* mobile smart phone*/

  .hide-for-phone,.marker,
  .ydescription{ display:none}
     .browseby{width:10px;}
  .gadgets .textblock {font-size: 1.9vw; text-shadow: 0 0 2px #000}
 .forsale {position: relative;}
 .basicinfo h2 {position: absolute; padding: 2px 5px;width: 187px; background: rgba(240,240,240, 0.7);z-index:auto;left: -187px;top: 34pz}
 .basicinfo {position: absolute; left: 182px;top:2px;width: 100% !important;padding-left: 5px !important}
 ul.nav li a {padding: 6px 12px}
 div.slideshowholder div.zoeker {display:none}
 nav#access ul.menulist li div.search {display:block}
  .gallery div.thumbs img {max-height: 40px}
  nav@access {width: 100%}
.megadrop .vertlist {  -moz-column-count: 1;column-count: 1;  -webkit-column-count: 1;}
  nav#access {width: 100%; left:0; top: -100%;transition: all 0.8s ease-out;height: auto;z-index:1;position: absolute}
 .active .logo{display: none}

 .touch nav#access .sub {display: none; height:0}
 .gadgets {max-height: none}
 .pay-off {padding:0; font-size: 0.85em;text-align: center}
.active .footer * {z-index: -1}
.highslide-html-content {width: 94%;}
.products .fullpage {margin: 0 -5px}
.shopitem {width: 50%}
 nav#access {position: fixed}
 .footer {padding:0}
 .footer .right {display: none}
 #mainlogo {margin-top: 5px}
}


@media print {
  #access, .socialbookmarks ,.footer_right,
  ul.menulist {display:none}
#slider img {width: 100%}
  ul#bx-pager{white-space: normal}
  a[href]:after {
    content: ""; }
}