@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:100%;}
	#cat {width:100%;}
	#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;}
	.headright{display:none;}
	.headleft{text-align:center;float:none;}
	#top{display:none;}
	.colhome {width:32%;margin-left:2%;}
	.c3 {margin-left:0;}
	.nivshome4 {display: none;}
	.nivshome3 {display: block;}
	
	#logoS{display:inline-block;}
	#logoB{display:none;}
	#logo{padding-top:10px;}
	
	#bigPic{margin-top:37px;}
	#mobMain{display:flex;}
	#mobMain div{flex:1;}
	#mobMain a{display:block;padding:10px;text-decoration:none;background-color:#000;color:#fff;text-align:center;border-bottom:solid 1px #fff;box-shadow:0px 3px 12px #444;}
	
	#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;}go
	.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;top:37px;position:relative;box-shadow:none;border: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;}
	
	#navContainer {display:none;}
	#navMob {display:none;}
	
	#top{padding-top:40px;}
	
	/*MOBILE MENU*/
	#navMobMenu					{background-color:#000;border-bottom:solid 1px #fff;border-top:solid 1px #fff;display:table;width:100%;z-index:15000;position:fixed;}
	#navMobMenu div.innerNMM 	{display:table-row;}
	#navMobMenu div.innerNMM div{display:table-cell;}
	#navMobMenu div div a 		{border-right:solid 1px #fff;display:block;padding:10px;text-align:center;text-transform:uppercase;text-decoration:none;color:#fff;}
	#navMobMenu div div a i		{font-size:18px;}
	#navMob,#languagesMob,#searchMob,#loginLnksMob 							{color:#000;top:0px;z-index:10000 !important;background-color:var(--BACKGROUND);border-bottom:solid 20px var(--MAINCOLOR2);width:100%;padding-top:60px;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;text-align:left;}
	#navMob ul li ul 														{margin-top:10px;padding-bottom:20px;margin-bottom:20px;padding-left: 15px;border-bottom: 1px solid #000;}
	#navMob ul li a,#languagesMob ul li a,#searchMob a,#loginLnksMob a 		{text-align:left;padding-left:20px;text-decoration:none;font-weight: 700;line-height: 30px;}
	#navMob ul li a span {margin-left: 10px;}
	#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;font-weight: 700;}	
	
}

@media screen and (max-width: 640px) {
	
	
	#sorteerdiv{width:100%;margin-bottom:5px;}
	.pagingDiv{float:none;}
	#homePromo2 a{width:41%;font-size:14px;}
	
	.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;}
	.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;}
	.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;}
	#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;}
}