/*  Ment specifically for mobile stylization  */
@media (max-width: 980px) { /* style if window is smaller than 980 */

#slideshow.show12>div{left:-0%;}
#slideshow.show34>div{left:-100%;}
#slideshow.show56>div{left:-200%;}
#slideshow.show78>div{left:-300%;}

#slideshow .item{
	max-width:6.25%;
}

#slideshow > div{
	width:800%;
}

}

@media (max-width: 480px) { /* style if window is smaller than 480 */

.subfilters{
    max-height:200px;
}

#slideshow .item{
	max-width:25%;
}

#slideshow > div{
	width:400%;
}


/* Menu items scaling full width */
.collectie form .input, .collectie form select,.collectie form .button{
	padding:0 16px;
	width:100%;
	float:none;
	margin:0;
}
.collectie form .button{
	background:#631 url(../images/magnifier.png) no-repeat right center;
	text-shadow:0 1px 0 rgba(0,0,0,0.4);
	border-top:8px solid #FFE;
	padding:0 56px 0 16px;
	background-size:40px;
	font-size:16px;
	height:48px;
	width:auto;
	float:none;
}
.item{
	width:50%;
}
.post{
	width:100%;
}
#formwrap{
	box-sizing:border-box;
	margin-bottom:-4px;
	float:none;
	width:100%;
}
.extraspace{
	padding:0 4px!important;
}

}
@media (max-width: 600px) { /* style if window is smaller than 360 */

/* Scaling menu items to full width */
.collectie form .input{
	font-size:16px;
}
#menu ul li{
	width:100%;
}

}
@media (max-width: 300px) { /* style if window is smaller than 360 */

/* Scaling items to full width */
.item{
	width:100%;
}

}
