@charset "utf-8";

@media screen and (max-width: 1680px) {
	#slideshow {height:300px;}
}

@media screen and (max-width: 1130px) {
	
	.colhome {width:23.5%;margin-left:2%;}
	.c4 {margin-left:0;}
	.nivshome6 {display: none;}
	.nivshome4 {display: block;}
	
	#slideshow {height:250px;}
	#contenthome {width:50%;}
	#nieuws {width:40%;margin-left:10%;}
	.righttekst {width:50%;}
	#abs {bottom:25px;}
	.slidetitel {font-size:30px;padding:20px;}
	.slideknop {margin-top:15px;}
	#catContent{width:75%;float:left;}
	#cat {float:left;margin-right:5%;width:20%;}
	#banneru {height:200px;}
	#bannerj {height:200px;}
	#bannert {height:200px;}
/*	#homePromo2{display:none;}*/
	.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: 960px) {
	.col {float:left;width:49%;margin-left:2%;position:relative;}
	.n3 {margin-left:0;}
	.nivs3 {display:none;}
	.nivs2 {display:block;}
	#nav ul li a {margin-right:15px;font-size:12px;}
	.prodhomeTitle a {font-size:12px;padding:10px;}
}

@media screen and (max-width: 850px) {
	.grid-6 {display: grid;grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
	.nieImgH {clear:both;width:100%;margin-right:0px;}
	.nieTxtH {clear:both;width:100%;margin-right:0px;}
	.nieImgList{width:100%;}
	.nieTxtList{width:100%;padding-top:30px;}
	.nieDatum{font-size:16px;}
	
	.colhome {width:32%;margin-left:2%;}
	.c3 {margin-left:0;}
	.nivshome4 {display: none;}
	.nivshome3 {display: block;}
	
	#loginLnks ul li a {font-size:13px;}
	.col {float:left;width:32%;margin-left:2%;position:relative;}
	.n3 {margin-left:0;}
	.nivs3 {margin-bottom:15px;display:block;}
	.nivs2 {display:none;}
	.slidetitel {font-size:26px;padding:20px;}
	#banneru {height:150px;}
	#bannerj {height:150px;}
	#bannert {height:150px;}
	#contenthome {width:100%;margin-right:0%;float:none;clear:both;padding-top:100px;}
	#nieuws {width:100%;float:none;margin-left:0;}
	.idk {float:left;width:32%;margin-right:2%;}
	.idk.nummer2 {margin-right:0;}
	.leftpic {float:none;width:100%;}
	.righttekst {float:none;margin-left:0;clear:both;margin-top:15px;text-align:center;width:100%;}
	#header {text-align:center;}
	.headleft {float:none;}
	.headright {float:none;}
	#navContainer {padding:15px 0 0 0;}
	#cat {display:none;}
	#catContent{width:100%;float:none;}
	
	#main {margin:60px 0;}
	.homeTxt{display:none;font-size:21px;}
	#homePromo a{padding:4px;font-size:17px;}
}

@media screen and (max-width: 640px) {
	
	
	#sorteerdiv{width:100%;margin-bottom:5px;}
	.pagingDiv{float:none;}
	#homePromo2 a{width:41%;}
	
	.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);}
	
	.perfectM{float:left;width:100%;}
	#loginLnks ul {float:none;}
	#loginLnks li {display:block;float:none !important;}
	#loginLnks ul li a {font-size:12px;padding:10px;border-right:0px;border-bottom:1px solid #aaa;}
	.col {float:left;width:49%;margin-left:2%;position:relative;}
	.n2 {margin-left:0;}
	.nivs3 {display:none;}
	.nivs2 {display:block;}
	.ftkol1 {float:none;width:100%;margin-right:0%;}
	.ftkol2 {float:none;width:100%;margin-right:0%;margin-top:30px;clear:both;}	
	.ftkol3 {float:none;width:100%;text-align:left;margin-top:30px;clear:both;}
	#header {text-align:left;}
	.headleft {float:left;}
	.headright {float:right;}
	#navContainer {display:none;}
	#navMob {display:block;}
	.idk {float:none;width:100%;margin-right:0%;clear:both;margin-bottom:20px;}
	.idk:last-child {margin-bottom:0;}
	#prodPic{float:none;width:100%;margin-right:0;clear:both;margin-bottom:30px;}
	#prodShop{float:none;width:100%;}	
	.slidetitel {display:none;}
	#slideshow {height:200px;}
	#abs {bottom:50px;}
	.slideknop {margin-top:0px;}
	.slideknop a {display:inline-block;padding:10px;background-color:#000;color:#fff;text-decoration:none;}
	#my_geg {float:none;width:100%;}
	#my_lever {float:none;width:100%;clear:both;margin-top:50px;}
	.shop_submit {display:block;}
	table td {display:block;padding:0 !important;}
	input[type="button"], input[type="submit"], input[type="image"], button {width:100%;}
	.homeTxt{font-size:18px;}
	#homePromo a{padding:3px;font-size:15px;}
	#hmpic{display:none;}
	#mobPic{display:block}
	#holepics{width:100%;margin:0px auto;grid-gap:4px;}
	#holepics img{display:none;}
}

@media screen and (max-width: 480px) {
	
	.colhome {width:49%;margin-left:2%;}
	.c2 {margin-left:0;}
	.nivshome3 {display: none;}
	.nivshome2 {display: block;}
	
	.col {float:none;width:100%;margin-left:0%;clear:both;margin-top:20px;}
	.col:first-child {margin-top:0;}
	.nivs3 {display:none;}
	h1 {color:#000;font-size:20px;margin-bottom:25px;text-transform:none;}	
	h2 {color:#000;font-size:16px;margin-bottom:20px;}	
	h3 {color:#000;font-size:18px;margin-bottom:25px;}	
	h4 {color:#fff;font-size:18px;margin-bottom:25px;}	
	h6 {color:#fff;font-size:24px;text-transform:uppercase;font-weight:700;margin-bottom:20px;line-height:normal;font-family:Montserrat,arial;}
	#main {margin:30px 0;}
	#slideshow {height:150px;}
	input.search {width:100px;}
	.wnklmnd {display:none;}
}

@media screen and (max-width: 380px) {
	#loginLnks ul li a {font-size:10px;padding:5px;}
}