@charset "utf-8";

@media screen and (max-width: 1280px) {
	#nav ul li span {margin:0px 15px;font-size:15px;}
	#nav ul li a {margin:0 0 0 15px;font-size:15px;}
	#logo img {width:220px;}
	#header {padding:25px 0;}
	.col2 {float:left;width:49%;margin-left:2%;}
	.p2 {margin-left:0;}
	.prods4 {display:none;}
	.prods2 {display:block;margin-bottom:25px;}
}

@media screen and (max-width: 960px) {
	#header {padding:20px 0;}
	#nav ul li span {margin:0px 10px;font-size:13px;}
	#nav ul li a {margin:0 0 0 10px;font-size:13px;}
	#logo img {width:200px;}
}

@media screen and (max-width: 850px) {	
	.opmerking {padding:20px;font-size:18px;}
	h1 {margin-bottom:50px;font-size:34px;}
	h3 {font-size:24px;}
	h4 {font-size:24px;}
	.left {float:none;width:100%;margin:0;}
	.right {float:none;width:100%;clear:both;margin-top:50px;}
	.section {padding:50px 0;}
	.home {padding:0;}
	.left p {line-height:28px;font-size:15px;}
	.right p {line-height:28px;font-size:15px;}
	#sloganinner {width:100%;}
	.pad {padding:25px;}
	#navContainer {display:none;float:none;width:100%;clear:both;padding-top:10px;}
	#nav ul li {display:block;text-align:right;}
	#nav ul li span {margin:0 0 10px 0px;font-size:14px;}
	#nav ul li a {margin:0;font-size:14px;}
	#navMob {display:block;}
	#logo img {width:auto;}
	.prijs span {font-size:50px;}
	.oudeprijs span {font-size:30px;}
}

@media screen and (max-width: 640px) {
	.opmerking {padding:15px;font-size:16px;}
	h1 {margin-bottom:30px;font-size:30px;}
	h2 {font-size:20px;margin-bottom:20px;}
	h3 {font-size:20px;}
	h4 {font-size:20px;}
	h5 {font-size:20px;}
	.col {float:left;width:49%;margin-left:2%;}
	.n2 {margin-left:0;}
	.lines3 {display:none;}
	.lines2 {display:block;margin-bottom:20px;}
	.left p {line-height:24px;font-size:14px;}
	.right p {line-height:24px;font-size:14px;}
	.proprijs {font-size:16px;}
	.prodetail {padding:15px;}
	.col2 {float:none;width:100%;margin-left:0%;clear:both;margin-top:25px;}
	.col2:first-child {margin-top:0;}
	.p2 {margin-left:0;}
	.prods2 {display:none;}
	.protekst {min-height:auto !important;}
	.proprijs {margin-top:15px;}
	.prijs span {font-size:40px;}
	.oudeprijs span {font-size:25px;}
}

@media screen and (max-width: 480px) {
	.opmerking {padding:10px;font-size:14px;}
	.prijs span {font-size:30px;}
	.oudeprijs span {font-size:20px;}
	#logo img {width:220px;}
	h1 {margin-bottom:25px;font-size:24px;}
	h2 {font-size:18px;}
	h3 {font-size:18px;}
	h4 {font-size:18px;}
	h5 {font-size:18px;}
	table td {display:block;width:100% !important;}
	table td:nth-child(2) {margin-top:25px;}
	.left p {line-height:24px;font-size:13px;}
	.right p {line-height:24px;font-size:13px;}
}