@charset "utf-8";
@media screen and (max-width: 1300px) {
	#nav ul li a {font-size:13px;margin-right:5px;padding:10px 5px;}
	#nav ul li ul li a{font-size:13px;margin-right:5px;padding:0px 5px;}
}
@media screen and (max-width: 1270px) {
	#nav ul li a {font-size:13px;margin-right:5px;padding:10px 4px;}
	#nav ul li ul li a{font-size:13px;margin-right:5px;padding:0px 5px;}
}
@media screen and (max-width: 1250px) {
	
	#zoeker{padding:8px;border:solid 1px #acddf8;width:350px;}
	#logoN{text-align:left;}
	#logo,#logo a,#logoN img{width:200px;}
	input.search {width:430px;}
	.sp1,.sp2{width:100%;margin:0px;padding:5px;text-align:left;}
	.grid-6 {display: grid;grid-gap: 20px;grid-template-columns: repeat(3,1fr);}
	/*GRID 5 MOET JE NAAR 6 KOLOMMEN BRENGEN OM TE VERDELEN TUSSEN 3 & 2*/
	.grid-5 {grid: auto / repeat(6, 1fr);}
	.grid-5 div {grid-column: span 2;}
	.grid-5 div:nth-child(5n), .grid-5 div:nth-child(5n-1) {grid-column: span 3;}
	.grid-4					{display: grid;grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
	.grid-3					{display: grid;grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 1160px) {
	#nav ul li a {font-size:13px;margin-right:5px;padding:10px 2px;}
	#nav ul li:first-child a {display: none;}
	#nav .dropdown-content .NMM1 a {padding:2px !important;}
}

@media screen and (max-width: 1024px) {
	
	#nav ul li a {font-size:12px;margin-right:2px;padding:10px 5px;}
	#nav .dropdown-content .NMM1 a {padding:2px !important;}
	.dropdown a{font-size:12px;}
	.left1 {width:50%;margin-right:5%;}
	.right1 {width:45%;}
	#nog{display:none;}
	input.search {width:350px;}
	
}

@media screen and (max-width: 960px) {
	#nav ul li a {font-size:12px;margin-right:2px;padding:0px 2px;}
	#nav .dropdown-content .NMM1 a {padding:2px !important;}
	.hmH1 span.spHm2{font-size:13px;}
}

@media screen and (max-width: 960px) {
	body,div {font-size:17px;}
	.grid-6 {display: grid;grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
	#hmInrniv{display:none;}
	.interR{width:100%;}
	.interR a{width:100%;box-sizing:border-box;}
	.interL{width:100%;}
	#interBox{margin-bottom:30px;}
	#bekijkFiltersBig{position:relative;bottom:auto;right:auto;}
	#subb1,#subbZ1{width:100%;}
	#subb2,#subbZ2{width:100%;left:0px;}
	#subb3,#subbZ3{width:100%;left:0px;}
	#main.mmA{padding-top:90px;}
	#main{margin-top:6px;}
	#catTitle{margin-bottom:20px;background-color:#e6f5fd;width:100%;}
	#subb1,#subb2,#subb3{padding:50px 30px 50px 30px;}
	.accMT a, a.accMT{font-size:inherit;}
	.nailstylingSel{width:50%;padding-bottom:30px;}
	#selBekijken{right:auto;position:relative;bottom:auto;clear:both;box-sizing:border-box;}
	#selBekijken a{width:100%;box-sizing:border-box;}
	/*#headerN{margin-top:40px;}*/
	input.search{width:300px;}
	#brochureTD a{text-align:right;}
	#catTitle{}
	#breadNext{padding:0px;}
	#navContainer{display:none;}
	#headerN.fixed{display:none;}
	#navContainer.fixed{display:none;}
	#top{display:none;}
	#header{margin-top:36px;}
	.headright{display:none;}
	.headleft{width:100%;text-align:center;}
	#nav ul li.siblMob{display:block;}
	#navMobMenu{background-color:#f38576;border-bottom:solid 1px #fff;display:table;width:100%;z-index:150;position:sticky;}
	#navMobMenu div.innerNMM {display:table-row;}
	#navMobMenu div.innerNMM div{display:table-cell;}
	#navMobMenu div div a{color:#fff;background-color:#f38576;border-right:solid 1px #fff;display:block;padding:10px;text-align:center;text-transform:uppercase;text-decoration:none;}
	.dropdown{display:none !important;}
	#navMob,#languagesMob,#searchMob,#loginLnksMob {color:#000;top:0px;z-index:10000 !important;background-color:#fff;border-bottom:solid 20px #f38576;width:100%;padding-top:20px;padding-bottom:60px;text-align:center;}
	#navMob ul,#languagesMob ul,#languagesMob ul,#loginLnksMob ul{margin:0px;padding:0px;}
	#navMob ul li,#languagesMob ul li,#searchMob ul li,#loginLnksMob ul li{list-style-position:inside;list-style-image:none;list-style-type:none;border-bottom:solid 1px #000;padding:5px;text-align:left;padding-left:20px;}
	#navMob ul li ul{margin-top:10px;margin-bottom:20px;}
	#navMob ul li a,#languagesMob ul li a,#searchMob a,#loginLnksMob a{text-align:left;padding-left:20px;text-decoration:none;}
	#navMob a,#languagesMob a{text-decoration:none;}
	#searchMob a.closeMob,#navMob a.closeMob,#languagesMob a.closeMob,#loginLnksMob a.closeMob{display:block;margin-bottom:15px;text-align:center;}
	
	.cc-cookies {position:relative;left:auto;bottom:auto;max-width:none;width:90%;padding:10px 5%;font-size: 12px;}
	.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0 0 0;}
	#navContainer {display:none;}
	
	
	#searchMob2 {display:block;float: left;margin-left: 10px;}
	#mobile-header {float: left;}
	.left1 {float:none;width:100%;margin:0;}
	.right1 {float:none;width:100%;clear:both;margin-top:60px;}
	.foot {float:left;width:49%;}
	.f2{text-align:right;padding-bottom:50px;}
	.f4{width:100%;float:none;clear:both;text-align:left;margin-top:50px;}
	.f3 {text-align:left;margin-left: 0;}
	.ft {display:block;}
	.pad {padding:0;}
	#superwrapper {margin: 0 auto -315px;}
	.push{height:315px;}
	.footerwrapper {height:315px;}
	.contleft {display:none;}
	.contright {float:none;width:100%;}
	.wktxt {display:none;}
	#cartTot {display:block;}
	ul.pgwSlider, .pgwSlider ul {width:22%;}
	.pgwSlider .ps-current {width:76%;}

	#social {padding-bottom:55px;}
	.facebook {width:100%;float:none;margin:0;text-align:center;}
	.facebook a {font-size:12px;text-decoration:none;}
	.nieuwsbrief {width:100%;float:none;clear:both;margin-top:10px;}
	.nieuwsbrief a {display:block;width:100%;text-align:center;}
	/*#brochureTop{float:none;width:100%;clear:both;margin-top:10px;}*/
	.herfst{padding-left:0px;}
	.topleft2{display:none;}
	#loginLnks {display:none;}
	#toggle {display:block;}
	#reg {display:block;}
	#loginLnks ul li {float:none;text-align:center;}
	#loginLnks ul li a {border-right:0px;padding:5px;font-size:11px;}
	.facebook i{font-size:35px;}
	.but1 {float: none;width: 100%;padding: 20px;}
	.but2 {float: none;width: 100%;border-bottom: 1px solid #f38576;border-top: 1px solid #f38576;padding: 20px;border-left: 0;border-right: 0;}
	.but3 {float: none;width: 100%;padding: 20px;}
	#usable{width:100%;float:none;padding-bottom:0px;margin-bottom:0px}
	#usable a{width:33%;float:none;}
	#mandjeTD{display:none;}
	#searchTD{display:none;}
	#loginTD{display:none;}
	#prodMob{width: 100%;
    z-index: 150;
    position: sticky;
    top: 0px;
    display: block;}
	#prodMob a{color: #fff;
    text-align: center;
    display: block;
    background:#81b8d9;;
    padding: 10px;
    text-decoration: none;
    border-top: solid 1px #fff;
   border-bottom:solid 1px #fff;}
   h1,h1.nivH1{font-size:24px;}
.openingL,.openingM,.openingR{width:100%;float:none;padding:30px 0px;text-align:left;}
.fbB{text-align:center;width:100%;margin-top:90px;}

#niveaus{margin-top:0px;}
#usable{border-top:solid 1px #81b8d9;border-bottom:solid 1px #81b8d9;margin-top:5px;padding:5px 0px 5px 0px;}
#filterBtn{display:block;margin-bottom:10px;}
	#bekijkFilters{display:block;}
	
	#niveaus img{display:none;}
	#niveaus .kollom{width:100%;margin-left:0px;}
	#niveaus .nivs2{display:none;}
	#niveaus .prodTitleH{width:80%;margin:0px auto;}
	#niveaus .prodTitleH a{border:solid 1px #abddf8;font-size:16px;padding:15px 5px 15px 5px;color:#2e76a1;margin-bottom:3px;width:100%; }
	#mainMnus{display:block;}
	#popularMnus{display:none;}
	.aNieuw{background-color:#d3edfb;color:#006199;padding:10px;}
	.h2laatst{background-color:#d3edfb;color:#006199;padding:10px;}
	#logoN{padding-top:17px;;}
	a.bigPromo{width:100%;}
}
@media screen and (max-width: 900px) {
	.addAndWanted{float:none;width:100%;}
	.addAntWantedWanted{width:193px;margin-top:30px;}
}
@media screen and (max-width: 750px) {
	input.search{width:250px;}
	
}
	
@media screen and (max-width: 640px) {
	.help-tip {position: relative;right: auto;}
	.grid-6 {display: grid;grid-gap: 20px;grid-template-columns: repeat(1,1fr);}
	.grid-5 {grid: auto / repeat(1, 1fr);grid-column-gap: 0;}	
	.grid-4 {display: grid;grid-gap: 20px;grid-template-columns: repeat(1,1fr);}
	.grid-3 {display: grid;grid-gap: 20px;grid-template-columns: repeat(1,1fr);}
	.grid-2 {display: grid;grid-gap: 20px;grid-template-columns: repeat(1,1fr);}
	
	div.facebook a.ii{font-size:25px;}
	.field_title {float: none;width: 100%;}
	.field_input {float: none;width: 100%;}
	.hmH1{font-size:21px;margin-top:0px;}
	.hmH1 div{display:none;}
	
	#niveaus .kollom{margin-left:0px;}
	#slider2{display:block;}
	#slider2 a{text-decoration:none;}
	#slider2 a span{text-transform:uppercase;display:block;padding:10px;text-align:center;}
	#my_geg{width:90%;}
	#my_lever{width:90%;}
	#search {position:relative;top:auto;right:auto;margin:10px 0;}
	input.search {padding:11px 2%;width:95%;}
	.f4{margin-top:30px;}
	#loginLnks ul li a{font-size:18px;}
	.folderrrr {display: none;}
	#loginLnks ul {float:none;}
	.topCartTxt {display:none;}
	.kollom {float:none;width:100%;margin-left:0%;}
	#mainMnus div{display:inline;}
	
	
	.k2 {margin:0;}
	.nivs5 {display:none;}
	.nivs2 {display:block;}
	.col2 {float:left;width:49%;margin-left:2%;}
	.m2 {margin-left:0;}
	.mivs2 {display:block;}
	.tabs {display:none}
	#social {display:none;}
	.page1 {display:block !important;}
	.col {float:left;width:49%;margin-left:2%;}
	.n2 {margin-left:0;}
	.nivs3 {display:none}
	.nivs2 {display:block;}
	.nivsMax {display:none;}
	#superwrapper {margin: 0 auto -500px;}
	.push{height:500px;}
	.footerwrapper {height:500px;}
	#prodPic {width:35%;}
	#prodShop {width:60%;}
	ul.ps-list {display:none;}
	.pgwSlider .ps-current {width:100%;}
	.herfst{padding-left:0px;float:right;}
	#my_lever{border-top:solid 5px #f38576;border-bottom:solid 5px #f38576;padding-top:20px;padding-bottom:20px;width:100%;}
	.bsktL .shopCol1 {float:left;width:85%;}
	.bsktL .shopCol2 {float:left;width:80%;font-weight:bold;margin-top:10px;}
	.bsktL .shopCol3 {float:left;width:70%;text-align:left;margin-left:5%;margin-bottom:10px;}
	.bsktL .shopCol4 {float:left;width:25%;text-align:right;margin-left:5%;}
	.bsktL .shopCol5 {float:right;width:5%;text-align:right;margin-left:5%;}
	.bsktL .shopCol1b{width:100%;}
	.bsktL .shopCol2b{width:85%;padding-right:15%;}
	
	.f2{padding-bottom:25px;}
	
	#zoekSel{position:relative;top:auto;right:auto;left:50px;margin-top:10px;}
	#volg,#volg2{display:none;}
	#nbr1{display:none;}
	#nbr2,#nbr3{display:inline-block;margin-top:5px;font-size:15px;padding:6px;line-height:10px;border:solid 1px #000;border-radius:5px;text-decoration:none}
	#prodShop,#prodPic{width:100%;}
	#prodPic{margin-bottom:20px;}
	.prodTitle a{font-size:18px;margin-top:10px;line-height:20px;}
	.nivPic{padding-top:20px;margin-bottom:10px;}
	.topCart{display:none;}
	#winkelmand a{padding:25px;}
	
	.headleft img{width:100%;max-width:300px;}
	#loginLnks{padding:20px;}
	#catNav{float:none;}
	#catNav ul {width:100%;}
	#catNav ul li{width:48%;text-align:center;}
	#catNav ul li a{display:block;padding:5px;text-decoration:none;background-color:#abddf8;padding-bottom:10px;margin-top:10px;}
	.SS2{display: block;}
	
	#searchMob2{width:auto;}
	#winkelmand a{}
	#winkelmand a{background:url(../images/winkelmand.png) no-repeat 12px center #2e76a1;padding:20px;}
	.none{display:block;}
	.promotie{margin-bottom:15px;}
	.prodPad{padding-left:0px;}
	#promLnk{float:none;margin-bottom:20px;}
	#logoProd{display:none;}
	.loginBox{padding:30px;}
	.nopicDet{display:none;}
	.nopicDetBr{display:inline;}
	
	div.glspt{width:100%;}
}

@media screen and (max-width: 500px) {
	/*.col2 {float:none;width:100%;margin-left:0%;}
	.col{width:100%;margin:0px;}*/
}

@media screen and (max-width: 420px) {	
	.foot {float:none;width:100%;margin-bottom:40px;}
	.f2, .f4 {text-align:left;width: 100%;margin-left: 0;}
	.ft {display:none;}
	.f1,.f2{text-align:center;}
	.prodTitle a{font-size:16px;}
	.facebook {font-size:12px;}
	#winkels a{font-size: 12px;}
	#brochureTop a{font-size: 12px;}
	#reg a{font-size: 12px;}
	.nieuwsbrief a {font-size:12px;}
	.hmH1{font-size:18px;}
	.art {display:none;}
	.cc-cookies { position: relative;font-size:11px;}
	#prodPic {float:none;width:100%;clear:both;margin-top:8px;}
	#prodShop {float:none;margin:0;width:100%;}
	.addTo a{display:block;}
	.hart{margin-top:20px;border:solid 0px #f38576;padding:20px 0 20px 0;border-radius:10px;width:auto;margin:50px auto 80px;}
	
	#shortBasket {width:300px;}	
}
@media screen and (max-width: 340px) {	
.prijs span{font-size:28px;}}