/* new.bv.com */

/* defaults responsive */

/* RESPONSIVE WIDTH */

.adsbygoogle {
	max-width: 98vw;
}

/* min 2200px */
@media only screen 
and (min-width: 2300px) {

	#webshop #delta {
	width: 72vw;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-between;
	margin: 0 15vw;
	}

	.table {
		margin-left: -500px;
	}

}

/* 2200px */
@media only screen 
and (max-width: 2300px) {

	#delta {
	width: 74vw;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: left;
	align-content: space-around;
	margin: 0 13vw;
	}

	.table {
		margin-left: -350px;
	}
	
	a.mobile {
		display: none;
	}

}

/* 1600px */
@media only screen 
and (max-width: 1600px) {
	#beta {
		width: 70vw;
		float: left;
		display: inline-block;
		background-color: rgba(228,229,228,0.1450629);
	}
	
	#gamma {
		width: 20vw;
		text-align: right;
		float: left;
		display: inline-block;
		font: 10px/140%;
		height: auto;
		margin: 0 1vw 50px 1vw;
	}
		
}

/* groeicurve fullwidth */
	@media only screen 
	and (min-width: 1601px) {

	.who-groeicurven-online #beta {
	width: 100vw;
	background-color: #fff;
	margin: 0;
	padding-left: 0;
	}

	.who-groeicurven-online #betacontent {
	max-width: 100%;
	}

	.who-groeicurven-online #betacontent .entry-copy {
	width: 40vw;
	}

	.who-groeicurven-online .entry-copy iframe {
	width: 99vw;
	margin-left: -30vw;
	height: 80vh;
	}

	.who-groeicurven-online p.center a img {
	display: flex;
	}

	.who-groeicurven-online #betacontent img, .who-groeicurven-online #betacontent img.mt-image-left, .who-groeicurven-online #betacontent img.mt-image-right, .who-groeicurven-online #betacontent img.mt-image-center, .who-groeicurven-online #betacontent img.mt-image-none {
		max-width: 314px;
		height: 100%;
		height: auto;
		float: left;
		margin: 7px 15px 5px 0;
	}

	.who-groeicurven-online .extended {
	width: 100%;
	clear: both;
	}

	who-groeicurven-online .back {
	display: none;
	}

}

/* 1400px */
@media only screen 
and (max-width: 1400px) {
		
	#beta {
		width: 100vw;
		margin: 0;
	}
	
	#betacontent item {
		float: left;
		display: inline-block;
		font-size: 120%;
		margin-left: 0;
		max-width: 96vw;
	}
	
	#betacontent item .entry img {
		float: left;
		display: block;
		margin-left: 0vw;
		margin-right: 2vw;
	}
	
	.sublist {
		display: flex;
		flex-flow: column wrap;
		width: 96vw;
	}
	
	#delta {
		width: 100vw;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: left;
		align-content: space-between;
		margin: 0;
	}
	
	#gamma {
		display: none;
	}
	
	.bestseller {
		display: block;
		clear: both;
		margin-bottom: 10px;
		margin-left: 1vw;
		width: 24vw;
		max-width: 300px;
		width: 300px;
		min-height: 90px;
		float: right;
		padding: 5px 1vw;
		background-color: rgba(143, 134, 134, 0.06);
		margin-right: 1vw;
		border: 1px solid rgb(240, 238, 238);
	}
	
	gamma {
		width: 100vw;
		clear: both;
		float: left;
		display: block;
		text-align: left;
		border-bottom: 1px dotted #d9dad9;
		margin: 10px 0 15px;
	}
	
	gamma #widget {
		float: left;
		width: 98vw;
		margin-left: 2vw;
	}
	
	gamma #widget title {
		display: block;
		font-size: 1.4em;
		color: #000;
		font-weight: bold;
	}
	
	.table {
		margin-left: 0;
	}
}

/* 1275px */
@media only screen 
and (max-width: 1275px) {

	#beta {
		width: 100vw;
		margin: 0;
	}
	
	.category-header {
		font-size: 1.4em;
		color: #000;
		font-weight: bold;
		padding: 0.5vw;
	}
	
}

/* 1350-1150px */
@media only screen and (max-width: 1350px) and (min-width: 1150px) {
	
	nav.cd-nav ul#cd-primary-nav li.home {
		display: none;
	}
}

/* 800px */
@media only screen 
and (max-width: 800px) {

	body {
		padding: 0;
		width: 100%;
		min-height: 100%;
		text-align: center;
		font: 16px "jaf-bernino-sans", serif;
		background-color: #fff;
		margin-right: auto;
		margin-top: 115px;
		margin-left: auto;
		display: inline-block;
		clear: both;
	}

	#topbar #promos {
		display: none;
	}
	
	#fullscreen {
		display: none;
	}

	#slideshow .ad img {
		max-width: 100vw;
		height: auto;
		margin-left: -2vw;
	}
	
	.bestseller {
		display: block;
		clear: both;
		margin-bottom: 10px;
		width: 1000px;
		max-width: 100vw;
		float: right;
		padding: 3px 3px 1px;
	}
	
	betacontent p img.lazyload {
		display: flex;
		flex-direction: column;
		align-items: left;
	}
	
	betacontent p img {
		flex-basis: auto;
		align-self: flex-start;
	}
	
	betacontent p a,
	betacontent p br {
		padding-left: 10px;
		padding-right: 10px;
		float: left;
	} 
	
	#betacontent img, #betacontent img.mt-image-left, #betacontent img.mt-image-right, #betacontent img.mt-image-center, #betacontent img.mt-image-none {
		max-width: 98vw;
		width: auto;
		height: auto;
	}
	
	#webshop #betacontent img, #webshop #betacontent img.mt-image-left, #webshop #betacontent img.mt-image-right, #webshop #betacontent img.mt-image-center, #webshop #betacontent img.mt-image-none {
		max-width: 200px;	
		width: auto;
		height: auto;
		clear: both;
		display: block;
		float: none;
	}
	
}

/* iPhones*/
@media only screen
and (max-device-width: 740px) {

	#topcontent {
		background-color: rgba(88, 44, 125, 0.08);
		margin: 0;
		padding: 5px 0;
		border-bottom: 3px dotted #5a2c7d;
		max-width: 100vw;
		z-index: -100;
	}
	
	#actioncrumb {
		color: #4d6926;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		display: block;
		width: 100%;
		margin: 10px auto;
		height: 60px;
		font-size: 0.9em;
		padding: 5px 5px 10px;
	}
	
	#slideshow > div { 
	    position: absolute; 
	    top: 5px; 
	    left: 10px; 
	    right: 10px; 
	    bottom: 15px;
		clear: both;
		height: 90px;
	}
	

	alpha, beta, gamma, delta, footer, #content {
		max-width: 100vw;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
	
	.entry, .entry-body {
		overflow: hidden;
	}
	
	item { 
		background-color: rgba(255, 255, 255, 0.15);
		overflow: hidden;
	}
	
	container { 
		margin: 0;
		padding: 0;
		overflow: hidden;}
	
	li.no-iphone {
		display: none;
	}
	
	li.photo-thumb img {
		height: 20px;
		width: 20px;
	}
	
	#topbar #functions {
		height: 60px;
		text-align: center;
		display: block;
		clear: both;
		margin: 4px auto 8px;
		padding: 0 0 0 5px;
		width: 98vw;
		overflow: hidden;
	}
	
	ul#functions li {
		float: left;
		margin-right: 3px;
		margin-left: 0;
		margin-bottom: 10px;
		padding: 0;
	}
	
	ul#functions li a {
		text-transform: lowercase;
		padding: 2px 6px;
		text-decoration: none;
		font: 600 1em;
		color: #fff;
		background-color: #cc1e1f;
	}
	
	ul#functions li a:hover {
		padding: 2px 6px;
		text-decoration: none;
		color: #cb1d1e;
		background-color: #c99d9d;
	}
	
	#delta {
		width: 100vw;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: right;
		align-content: space-between;
		margin: 0;
	}
	
	.bestseller {
		display: block;
		clear: both;
		margin-bottom: 10px;
		margin-right: -1px;
		max-width: 100vw;
		width: 1000px;
		float: right;
		padding: 3px 1vw 1px;
	}
	
	#betacontent {
		font-size: 80%;
	}
	
	#slideshow .ad img {
		max-width: 100vw;
		height: auto;
		margin-left: -2.8vw;
	}
	
	blockquote {
		background-color: #eeeef2;
		padding: 2px 10px;
		display: inline-block;
		clear: both;
		width: 94vw;
		margin-left: 0;
	}
	
	#betacontent img, #betacontent img.mt-image-left, #betacontent img.mt-image-right, #betacontent img.mt-image-center, #betacontent img.mt-image-none {
		max-width: 98vw;
		width: 96vw;
		height: auto;
	}
	
	#webshop #betacontent .webshopform {
		max-width: 100%;
	}
	
	#webshop #betacontent td img {
		max-width: 140px;	
		width: auto;
		height: auto;
		clear: both;
		display: block;
		float: none;
	}
	
	#widget .dagfoto img {
		max-width: 100%;
		height: auto;
	}
	
	
	.cd-primary-nav li.has-no-children mobile {
		display: block;
		float: left;
	}
	
	.cd-primary-nav li.has-no-children i {
		display: none;
	}
	

}