@media screen and (min-width: 200px) and (max-width: 1000px){
	body {
		width: 100%;
		overflow-x: hidden;
	}
	section#content table tr td {
		display: block;
		width: 100%;
	}
	#logo {
		color: #FFF;
		width: 500px;
		display: inline-block;
		vertical-align: top;
		zoom: .5;
	}
	.sm {
		display: inline-block;
	}
	.hm {
		display: none;
	}
	.artistdiv {
		width: 49%;
		display: inline-block;
	}
	.c-hamburger {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 48px;
		height: 48px;
		font-size: 0;
		text-indent: -9999px;
		appearance: none;
		box-shadow: none;
		border-radius: none;
		border: none;
		cursor: pointer;
		transition: background 0.3s;
	}
	.c-hamburger:focus {
		outline: none;
	}
	.c-hamburger span {
		display: block;
		position: absolute;
		border-radius: 20px;
		top: 22px;
		left: 9px;
		right: 9px;
		height: 4px;
		background: white;
	}
	
	.c-hamburger span::before, .c-hamburger span::after {
		position: absolute;
		display: block;
		border-radius: 20px;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #fff;
		content: "";
	}
	
	.c-hamburger span::before {
		top: -10px;
	}
	
	.c-hamburger span::after {
		bottom: -10px;
	}
	.c-hamburger--htx {
		background-color: #000;
	}
	
	.c-hamburger--htx span {
		transition: background 0s 0.3s;
	}
	
	.c-hamburger--htx span::before, .c-hamburger--htx span::after {
		transition-duration: 0.3s, 0.3s;
		transition-delay: 0.3s, 0s;
	}
	
	.c-hamburger--htx span::before {
		transition-property: top, transform;
	}
	
	.c-hamburger--htx span::after {
		transition-property: bottom, transform;
	}
	
	/* active state, i.e. menu open */
	
	.c-hamburger--htx.is-active span {
		background: none;
	}
	
	.c-hamburger--htx.is-active span::before {
		top: 0;
		transform: rotate(45deg);
	}
	
	.c-hamburger--htx.is-active span::after {
		bottom: 0;
		transform: rotate(-45deg);
	}
	
	.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {
		transition-delay: 0s, 0.3s;
	}
	nav {
		width: auto;
		background-image: none;
		position: static;
		top: auto;
		height: 1px;
		z-index: 99999;
	}
	nav ul {
		margin: 0;
		padding: 0;
		float: right;
		width: 100%;
	}
	nav ul li {
		display: inline;
		vertical-align: top;
	}
	nav div#hoofdnav {
		width: 300px;
		position: fixed;
		z-index: 99999999;
		top: 0;
		height: 50px;
		overflow: hidden;
		right: -252px;
		background-color: #000;
	}
	nav div#hoofdnav ul li {
		display: block;
		border: none;
		font-size: 16px;
		height: auto;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 10px 0;
		text-align: center;
	}
	nav div#hoofdnav ul li a {
		border: none;
		display: block;
		height: auto;
		margin: 0;
		width: 100%;
		color: #FFF;
		padding: 5px 10px;
		background-color: none;
	}
	nav ul li a span {
		border: none;
	}
	nav div#hoofdnav ul li.cart a {
		height: 30px;
		width: 30px;
	}
	div#fixedww {
		position: fixed;
		top: 50px;
		right: 10px;
		margin-right: 0;
		z-index: 99999999;
	}
	div#winkelwagen > a {
		background-image: url('/img/incart2.svg');
	}
	ul.middle {
		width: 100%;
	}
	ul#adv {
		display: block;
	}
	ul#adv li {
		width: 49%;
		vertical-align: top;
		display: inline-block;
	}
	div#newsletter {
		display: none;	
	}
	div#topbar div#countdown {
		vertical-align: top;
		padding: 0;
		float: none;
		transform: scale(0.6);
	}
	div#topbar a#logoimg {
		width: 100px;
		background-size: 100%;
		height: 85px;
	}
	div.middle {
		width: 90%;
	}
	footer {
		height: auto;
	}
	footer div.holder > div {
		width: 100%;
	}
	div#fixedww.smaller{
		top: 50px;
		position: fixed;	
	}
	section#dagdeal {
		height: auto;
		text-align: center;
	}
	section#dagdeal h2 {
		font-size: 26px;
	}
	section#dagdeal div.prodimg,section#dagdeal div.prodcontent {
		display: inline-block;
		vertical-align: top;
	}
	section#dagdeal div.prodimg {
		width: 100%;
		text-align: center;
	}
	section#dagdeal div.prodimg img {
		max-height: 160px;
	}
	section#dagdeal div.prodcontent {
		width: 100%;
	}
	section#dagdeal div.prodcontent h3 {
		font-size: 20px;
	}
	section#dagdeal div.prodcontent p {
		font-size: 12px;
	}
	a.takeone {
		position: relative;
		margin-bottom: 10px;
	}
	section#content {
		width: 90%;
	}
	section#content div#hugeww {
		float: none;
		width: 100%;	
	}
	section#content div#hugeww table tr td:first-child img {
		display: none;
	}
	section#content div.buttons {
		width: 100%;
	}
	section#content div.buttons div {
		width: 100%;
		margin-top: 10px;
	}
	section#content div.uwgegevens {
		width: 100%;	
	}
	section#content div.uwgegevens input[type="text"]#postcode {
		width: 49%;
	}
	section#content div.paypay div.buttons div {
		text-indent: -999px;
		width: 32%;
		background-size: 60px auto;	
		background-position: center center;
	}
	section#content input[type="submit"].submitorder {
		width: 100%;
	}
	section#content div.product {
		width: 100%;	
	}
	section#content #shopcontent {
		width: 100%;
	}
	p.shopbtns a {
		width: 37%;
		display: inline-block;
	}
	div#slider {
		height: 300;
	}
	div#slider h2 {
		font-size: 20px;
	}
	div#slider h3	 {
		font-size: 16px;
	}
	section#headbar div#logo span {
		font-size: 13px;
	}
	div#slider .slide{
		background-position: center center;	
	}
	div.middle {
		width: 90%;
	}
	.module {
		float: none;
	}
	.third {
		width: 100%;
	}
	iframe {
		width: 90%!important;
		margin: 0 auto;
	}
	nav ul li ul,nav ul li ul li ul {
		background-color: #000;	
	}
	section#content img {
		max-width: 100%!important;
	}
	.album {
		width: 49%;
	}
	section#newsletter {
		background-position: center top;
	}
	section#newsletter h1 {
		font-size: 30px;
	}
	section#newsletter h2 {
		font-size: 15px;
	}
	section#newsletter p {
		font-size: 12px;
		margin: 10px auto;
	}
	.arrow {
		width: 30px;
		height: 30px;
	}
	#highlights > a:nth-child(1){
		width: calc(50% - 10px);
	}
	#highlights > a:nth-child(2){
		width: calc(50% - 10px);
	}
	#highlights > a:nth-child(3){
		width: 100%;
	}
	#videos > a.video-link:nth-child(1){
		width: calc(55% - 10px);
	}
	#videos > a.video-link:nth-child(2){
		width: calc(45% - 10px);
	}
	#videos > div#slider{
		width: 100%;
	}
	#nextup .item div.datum {
		width: 100px;
	}
	#nextup .item div.underlay {
		width: 100px;
	}
	#nextup .item .image {
		width: calc(30% - 10px);	
	}
	#nextup .item .titel span:nth-of-type(1) {
		font-size: 18px;
	}
	#nextup .item .titel span:nth-of-type(2) {
		font-size: 12px;
	}
	#nextup .teni {
		width: 30%;
		font-size: 12px;
	}
}