@media screen and (-webkit-min-device-pixel-ratio:0){select.language{border:1px solid #999}
}
@media screen and (min-width:800px){.category_switch{display:none}
.netbinnen li:last-child {display: none}
.netbinnen li {width: 33%}

.names,ul.seriesaz ul, .additions{-webkit-column-count:4;-moz-column-count:4;column-count:4;}

.sticky ul.subnavlist {
    position: fixed;
    padding-right: 10px; 
    top: 60px;
    width: 13%;
    max-height: 80vh;
    overflow: auto
}


}
@media screen and (min-width:1200px){.names,ul.seriesaz ul, .additions{-webkit-column-count:4;-moz-column-count:4;column-count:4}
.news_items {margin-top: -43px}
.dutchcomics .names{-webkit-column-count:3;-moz-column-count:3;column-count:3;}
.sticky .shopintro{left:auto;right:auto}
ul.letters li{min-height:2em}
ul.letters li a span{display:block;left:auto; right:auto;position:static;}
.sale .shopitem{height:auto;}
}
@media only screen and (max-width:1200px){.navtablist a span{display:none}
.active .category_switch a span{display:inline}
}
@media only screen and (min-width:900px){#access{width:auto;right:10px}
 .menu-action{display:none}
.search.search-webshop{min-width:50%;position:unset}
.serie #zoomed.shopitem{width:50%;}
.lanselect{clear:right; margin-right:10px}
}
@media only screen and (max-width:1025px){#site-title a{background:rgba(0,0,0,0) url("/share/images/branding/lambiek-logo_egaal.png") no-repeat scroll 0 0;  background-size:contain; text-indent:-1000px;}
dutchcomics #site-title a,.artist_view #site-title a{background:url("/share/images/branding/lambiek-comiclo-logo_egaal.png") no-repeat scroll 0 0;  background-size:contain;  text-indent:-1000px;}
.artist_view #site-title.frontpage a{background-image:url("/share//images/branding/lambiek-comiclo-logo_egaal.png");  }
.products .serie .leuk{top:auto}
}

@media only screen and (max-width:900px){.dutchcomics .names{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
 .serie #zoomed.shopitem{width:100%}
.artist_view header#branding,.dutchcomics header#branding{background-image:none;background-color:#37a; }
header.findactive#branding{margin-bottom:55px;}
.search-comiclopedia,#access .search-webshop{position:absolute;  right:0;  top:54px;  width:100%;z-index: 100}
 .artist_view .search-comiclopedia, .search-comiclopedia, .search-webshop, .dutchcomics .findactive .search-webshop, .artist_view .findactive .search-webshop, .artist_view .findactive .search-webshop{display:none}
 .dutchcomics .findactive .search-comiclopedia, .artist_view .findactive .search-comiclopedia, .findactive .search-webshop, .homepage .findactive .search-webshop{display:block}
.search-webshop,.search-comiclopedia{padding-right:0;}
.menu-action{position:absolute;z-index:10; top:0;padding:0 10px}
 .shopitem{border:none}
 #page{padding:0}
#access{position:static;width:auto}
#access  ul.menulist.active{display:block}
header#branding{height:auto}
#access .menulist{overflow:hidden;}
#access .menulist ,#access .menulist ul li{background:#333}
#access .menulist a{color:#ddd}
#access .menulist{height:auto}
#access .menulist li{display:block;float:none;position:static;width:auto;padding:0 0 0 5px;}
#access .menulist li a{display:block;float:none;position:static;width:auto;padding:6px;border-bottom:1px solid #888;font-family:OswaldBook, sans-serif}
#access .menulist li.current > a{color:#fff}
#access .menulist ul.sub li:first-child{border:none}
#access .menulist ul.sub li a{padding-left:30px}
 .touch #access .menulist li a{padding:5px 0}
#access .menulist li ul{display:block;position:static;width:auto;}
#access .menulist a:hover{background-color:transparent;color:#fff}
#footer_contain #access{display:none}
 .justin{margin-right:2px}
#access  ul.menulist{position:fixed;width:100%;top:40px;transition:left 300ms ease-out;left:-1000px}
#access  ul.menulist.active{left:0}
.names, ul.seriesaz ul,.additions{-webkit-column-count:4;-moz-column-count:4;column-count:4;}
}


@media screen and (max-width:800px){#site-title a img{visibility:hidden}
.browseby ul li:last-child{border-bottom:2px solid #f40;margin-bottom:0}
.additions .updopm {display: block;text-align: right}
div#browser a {width: 22px}
div#browser .pgs a {width: auto;padding: 4px 8px}
div#browser div.one-total {display: none}
.navtablist, .browseby{font-size:13px;/*display:none;*/}

.active .browseby{display:block;padding:0}
.browseby{float:none;padding-top:8px;display:none}
.browseby ul li{display:block;text-align:right;padding-right:4px}
.navtablist li a, .browseby ul li a,.navtablist li a:visited, .browseby ul li a:visited{line-height:normal;padding:5px; color:#333}
 .navtablist li a span{display:none}
.shopintro .navtablist{float:left}
.shopintro, .comiclointro{margin:5px -15px 0 -15px;font-size:0.9em}
 .sticky .shopintro, .sticky .comiclopedia{margin:0}
.names, ul.seriesaz ul,.additions{-webkit-column-count:4;-moz-column-count:4;column-count:4;}
 .justin{display:none}

ul.navtablist li{display:block;float:none;margin:0 0 0 2px}
ul.navtablist.letters li{display:block;float:left;margin:0; width: 3.84% }
ul.navtablist li a{display:block;float:none;}
ul.letters.navtablist li{display:inline-block;}
ul.letters.navtablist{display:block;float:none;width:auto}
 .navtablist{display:none}
 .category_switch{display:block}
 .active .navtablist{display:block}
.shopintro .menu-button{padding-left:10px;clear:both;}
.shopintro .menu-button a{display:block;font-family:OswaldBook, sans-serif;font-size:1.2em;line-height:30px;height:30px;padding-left:45px;}
 .shopintro .menu-button a span{font-size:1.15em}
.shopintro .menu-button a:before{box-shadow:0 10px 0 2px #f30, 0 20px 0 2px #f30, 0 30px 0 2px #f30;content:"";display:block;height:0;left:25px;position:absolute;width:10px;}
  }
@media only screen and (max-width:600px){header#branding{background-color:rgb(255,68,0)}
 .lanselect a.current{border-color:#fff}
.menu-action a#mainbarButton:after{box-shadow:0 10px 0 2px #fff,0 20px 0 2px #fff,0 30px 0 2px #fff;}
}
@media only screen and (max-width:700px){.shopitem {width:33.3%;min-height: 390px }.shopitem-inner img {max-height: none;width: 100%}}
@media only screen and (max-width:600px){.shopitem { min-height: 370px} }
@media only screen and (max-width:500px){.shopitem {width: 50%;;min-height: 360px}.shopitem-inner img {max-height: none;width: 100%}}
@media only screen and (max-width:400px){.shopitem { min-height: 330px} }
@media only screen and (max-width:500px){
.shopitem-inner img {max-height: none;width: 100%}
.homepage .news_items  div.columns:nth-child(3) {display: none}
.shopitem {height: auto}
ul.letters.navtablist li { float:none; display: block;width: auto}
.artistintro {margin: 10px 0 }
ul.letters.navtablist {height: 42px;overflow: hidden; position: relative; padding-top:36px;width: 70px;margin-left: 14px}
ul.letters.navtablist li a {text-align: left; font-weight: bold}
.currentletter {line-height: 100%}
ul.letters.navtablist:after{position: absolute;content:' ';top: 17px;right:10px; border:6px solid transparent; border-top-color:#fff; }
ul.letters.navtablist.selected:after {border-top-color: #37a}
.letters.navtablist .current {position: absolute; top:0;right:0;left:0}
.letters.navtablist:hover li.current,
.letters.navtablist.active li.current {position: unset}
.letters.navtablist:hover,
.letters.navtablist.active
 {overflow-y: scroll; margin-right: -12px; margin-bottom: -260px; height: 300px;z-index: 2;position: relative;padding-top:0;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4); border-width: 1px; border-style: solid}
.letters.navtablist.active:after{border-color: transparent}
.navtablist li a span {display: inline;}
.navbottom .letters.active {margin-top: -264px;margin-bottom: 364px}

ul.subnavlist li ul li a{padding-top:8px !important; padding-bottom:8px !important}
.pagetitle,.sectiontitle{font-size:1.5em;}
 .artist_view .search p,.dutchcomics .search p{display:none}
.artist_view #page,.dutchcomics #page{background:rgba(0,0,0,0) url("/share/images/bg/bg-body.jpg") repeat scroll 0 0;}
#site-title a{background:rgba(0,0,0,0) url("/share/images/branding/lambiek-logo_egaal.png") no-repeat scroll 0 0;}
#site-title a{background-size:contain;}
 .artist_view #site-title.frontpage a,.artist_view #site-title a,.dutchcomics #site-title a{background:rgba(0,0,0,0) url("/share/images/branding/lambiek-comiclo-logo_egaal.png") no-repeat scroll 0 0}
.artist_view #site-title.frontpage a,.artist_view #site-title a,.dutchcomics #site-title a{background-size:contain;}
 .artist_view div.content-firstpage{margin:0}
.dutchcomics h1.pagetitle{font-size:1.5em;}
 .fullpage{padding:0 5px;margin: 0 -16px}
#zoomed .imgholder{width:auto;margin:0 5px;float:none}
 .letters a{padding:2px}
 .cart td.colname{height:auto}
.artist_view .checkoutblok a.checkout,.artist_view .checkoutblok a:visited,.dutchcomics .checkoutblok a.checkout,.dutchcomics .checkoutblok a:visited{background:transparent;width:35px}
#site-title{left:0;top:0;overflow:hidden;position:absolute;right:0;width:auto;height:10vw}
 .products .search input{width:66%}
.checkoutblok{background-image:none;padding:0}
.checkoutblok a.checkout{background:transparent url("/share/images/icons/shoppingbasket.png") center no-repeat;width:35px;height:24px;text-indent:300px;overflow:hidden;box-shadow:none;margin:0;padding:22px 5px}
a.readmore{padding-top:5px;padding-bottom:5px}
 .below-logo{display:none}
 .menu-action{float:left}
#booktitlesearch{max-width:unset;width:100%}
.checkoutblok_holder{position:static;}
.shopintro-left{width:auto;}
 .products .scrollable{padding-left:0}
 .sticky .scrollable {
  padding-top: 100px;
}
#zoomed{margin:0;padding:0}
 .leuk{display:none}
#access .search-comiclopedia, #access .search-webshop{top:50px;}
 .genres a span{padding:0.5em}
 .genres a{line-height:2.5em}
.names,ul.seriesaz ul,.additions{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
 .menu-action{padding-top:0}
.formlyWrapper-Base{padding:0 !important;}
 .checkoutblok_holder{margin:2px}
.checkoutblok a.checkout{width:35px;height:35px}
.lanselect{margin-top:2px;padding-top:0}
 .lanselect a:nth-child(2){margin:0 10px}
.vip .shopimage img{max-height:253px; }
.homepage div.shopitem{min-height:136px; padding:0; width:auto}
.dutchcomics .names{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
 .serie .shopintro-left h1{display:none}
.serie .leuk{padding:10px 0}

.vip .genres,.vip .addtocart{margin-left:20px;}

.vip .addtocart{margin-right:10%}
.ui-pnotify{max-width:275px}
}
@media only screen and (max-width:400px){

.shopintro-left {margin-left: -10px;margin-right: -10px}
}
@media only screen and (max-width:480px){
#access  ul.menulist{width:100%;top:0;z-index: 100;height: 100vh;overflow: auto}
.touch .menulist li a {font-size: 1.1rem} 
#site-title, #site-title a {margin-left: 0}
}