/*responsive*/

@media (min-width: 960px) {
	.mobile-nav,
	.mobile-nav-bar{
		display: none !important;
	}

}

@media (max-width: 959px) {
	#wrapper{
		padding: 0px;
		margin-bottom: 15px;
		background: rgb(225,17,51); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(225,17,51,1) 0%, rgba(234,91,12,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,17,51,1)), color-stop(100%,rgba(234,91,12,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(225,17,51,1) 0%,rgba(234,91,12,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(225,17,51,1) 0%,rgba(234,91,12,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(225,17,51,1) 0%,rgba(234,91,12,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(225,17,51,1) 0%,rgba(234,91,12,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e11133', endColorstr='#ea5b0c',GradientType=0 ); /* IE6-9 */
	}
	.mobile-nav-bar{
		display: block;
	}
	.burger-box{
		display: block;
	}
	nav{
		display: none;
	}
	header{
		margin-bottom: 0px;
		padding-top: 0px;
		background-color: #FFF; 
	}
	.header-social{
		display: none;
	}
	.header-logo .logo{
		display: none;
	}
	.header-logo .mobiel-logo{
		display: block;
		margin: 0 auto;
	}
	.header-logo{
		display: block;
		margin: 0 auto;
		text-align: center;
		padding: 7px 0;
	}
	aside{
		display: none;
	}
	section{
		width: calc(100% - 30px) !important;
		margin:0 15px !important;
		background-color: #FFF; 
		box-sizing: border-box;
		margin-top: 15px !important;
		max-width: none !important;
	}
	section.default{
		padding-top: 15px;
	}
	.nivo-caption{
		display: none !important;
	}
	.nivo-controlNav{
		display: none;
	}
	.nivoSlider{
		max-height: 300px !important;
	}
	#slider.nivoSlider img{
		width: 100% !important;
		max-width: none !important;
		max-height: none !important;
	}
	h1{
		font-size: 17px;
	}
	.h1-titel{
		padding: 0 15px;
		box-sizing: border-box;
	}

	.h1-titel::after {
		display: none;
	}
	.h1-titel span{
		margin-left: 0;
		padding: 0;
		line-height: 1.5;
		background-color: transparent;
	}
	.h1-titel span::before {
		padding: 2px 0px 3px 22px;
	}
	.a-programma{
		margin-right: 15px;
	}
	.home-advertentie-wrapper{
		padding: 0 15px;
	}
	section.default{
		padding: 15px;
	}
	.album-single{
		left: 0px;
		right: 0px;
	}
	.album-fotos{
		max-width: none;
	}
	.album-single,
	.video-single{
		top: 57px;
	}

	.contact-table input[type=text],
	.contact-table input[type=email],
	.contact-table textarea{
		min-width: 100px;
	}
	
	.archief .archief-item .media-datum{
		float: none;
	}
}

@media (min-width: 561px){
	.album-div{
		max-width: 320px;
	}
	.album-div:nth-child(2n -1), .video-div:nth-child(2n -1) {
		max-width: 380px;
	}
}
@media (max-width: 560px) {
	.top.show{
		display: block;
	}
	.album-div,
	.album-div:nth-child(2n -1){
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		float: none;
	}
	.album-div a,
	.album-div:nth-child(2n -1) a{
		width: auto;
		max-width: auto;
		display: block;
		margin: 0 auto;
	}
	.album-fotos,
	.album-fotos:nth-child(4n){
		width: 50%;
		max-width: none;
	}
	.album-fotos img,
	.album-fotos:nth-child(4n) img{
		width: auto;
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}
	.contacttabel table{
		width: 100%;
		display: block;
		clear: both;
		line-height: 1.4;
	}
	.contacttabel tbody{
		display: block;
	}
	.contacttabel tr{
		display: block;
		width: 100%;
	}
	.contacttabel td{
		display: block;
		width: 100%;
	}
	.contacttabel td:first-child{
		font-weight: bold;
	}
	.contacttabel tr{
		margin-bottom: 10px;
	}
	.teamcategorie{
		width: 100%;
	}
	.mobiele-table{
		display: block;
	}
	.wedstrijd-table{
		display: none;
	}

}
@media (max-width: 384px) {
	.album-fotos,
	.album-fotos:nth-child(4n){
		width: 100%;
		max-width: none;
	}
}

@media (max-width: 480px){
	.nieuwsbericht-div > a{
		display: none;
	}
	.nieuwsbericht-tekst{
		float: none;
		width: 100%;
	}
	.personeel-item {
		width: 100%;
	}
	.team-img{
		width: 100% !important;
		float: none !important;
	}
}

@media (max-width: 680px) and (min-width: 490px){
	.teamcategorie{
		width: 50%;
	}
}
@media (max-width: 640px) and (min-width: 479px){
	.personeel-item {
		width: 50%;
	}
}