/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 996px) and (max-width: 1100px) {
	#homepageblok1,  #homepageblok2,  #homepageblok3{margin-top:150px}
	/* --** Language Side **-- */
	/* saf3+, chrome1+ */
/* saf3+, chrome1+ */

@media screen and (-webkit-min-device-pixel-ratio:0) {
#homepageblok1,  #homepageblok2,  #homepageblok3{margin-top:-10px}
}
	.Languageside .center { padding: 0px 1%; width: 98%; }
	
	/* --** Header **-- */
	header .center { padding: 0px 1%; width: 98%; }
	
	/* --** nav **-- */
	nav { width: 62%; }
	.postwrapper{padding-bottom:70px}
	/* --** banner Side **-- */
	.Bannerside .search { padding-top: 158px; width: 70.32%; }
	
	
	/* --** primary en sidebar voor sidebar pages **-- */
	#primary{width:66%; float:left;}
	#sidebar{width:25%; float:right}
	
	/* --** Benefit Side **-- */
	.Benefitside .center { padding: 0px 1%; width: 98%; }
	.Benefitside li { padding-right: 15.39%; width: 24.05%; }
	.Benefitside li:last-child { width: 19.82%; }
	
	/* --** Magazijn Side **-- */
	.Magazijnside .center { padding: 0px 1%; width: 98%; }
	.Contents .center, .Contentspage .center{padding:0px 3% 0 3%; width:95%; margin-top:30px}

	/* --** Product Side **-- */
	.Productside .center { padding: 0px 1%; width: 98%; }
	.Productside li { margin-right: 5.82%; }
	
	/* --** footer **-- */
	footer #footer { padding: 0px 1%; width: 98%; }
	
	/* --** Copyright Side **-- */
	.Copyrightside .center { padding: 0px 1%; width: 98%; }
	
	
	.box {
	
	width: 21%!important;
	display:inline;
		
}
.box:last-child{margin-right:0!important}
.box img {
	
	width: 100%!important;
}

.box .caption {
	background-color: rgba(201,228,118,0.8);
	position: absolute;
	width:100%
}
	header img{
max-width:85%;
height:auto
}
.fotobox1{margin-left:0!important}
	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 995px) {
footer{height:430px}
#prefooters{padding-bottom:400px;
}
	/* --** Language Side **-- */
	.Languageside .center { padding: 0px 1%; width: 98%; }
	
	/* --** Header **-- */
	header { padding-bottom: 2px; }
	header .center { padding: 0px 1%; width: 98%; }
	
	/* --** nav & logo**-- */
	nav { width: 58%!important; }
	nav li { padding: 0px 8px; }
	nav li a
{

font-size:1.2em;

}
#homepageblok1,  #homepageblok2,  #homepageblok3{margin-top:150px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#homepageblok1,  #homepageblok2,  #homepageblok3{margin-top:0px}
}
	nav .register { margin-left: 2.29%; }
	nav .social { margin: 0px auto; float: none; width: 20%; background: none; }
	header img{
max-width:85%;
height:auto;
float:left;
display:inline
}
	/* --** Soliloqu **-- */
	.soliloquy-container .soliloquy-caption-inside {

    font-size: 2.6em!important;
    
		margin-top:175px!important
		
}
	.soliloquy-caption, .soliloquy-caption-inside{
	margin-top:175px!important
	}
	
	/* --** banner Side **-- */
	.Bannerside .search { padding-top: 130px; width: 67.32%; }
	.Bannerside input.field { width: 79%; }
	
	/* --** primary en sidebar voor sidebar pages **-- */
	#primary{width:66%; float:left;}
	#sidebar{width:25%; float:right}
	
	/* --** Benefit Side **-- */
	.Benefitside .center { padding: 0px 1%; width: 98%; }
	.Benefitside li { padding-right: 4.39%; width: 32%; }
	.Benefitside li:last-child { width: 26.82%; }
	
	/* --** Magazijn Side **-- */
	.Magazijnside .center { padding: 0px 1%; width: 98%; }

	/* --** Product Side **-- */
	.Productside .center { padding: 0px 1%; width: 98%; }
	.Contents .center, .Contentspage .center{padding:0px 1%; width:95%; margin-top:30px;}
	.Productside li { margin: 30px 2.75% 10px 1.82%; width: 28.17%; }
	.Productside li.last { margin-right: 2.75%; }
	
	.dateblok, .dateblok1{float:left; display:inline;
height:106px; margin-bottom:100px; width:119px;}
	
	/* --** footer **-- */
	footer #footer { padding: 0px 1%; width: 98%; }
	
	/* --** Footer Side **-- */
	.Footerside.gap { width: 30%; }
	.Footerside.gap1 { width: 30.07%; }
	
	/* --** Copyright Side **-- */
	.Copyrightside .center { padding: 0px 1%; width: 98%; }
	
	
	.box {
	
	width: 28%!important;
	display:inline;
		
}
.box:last-child{margin-right:0!important}
.box img {
	
	width: 100%!important;
}

.box .caption {
	background-color: rgba(201,228,118,0.8);
	position: absolute;
	width:100%
}

	}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.postwrapper{padding-bottom:90px}
#prefooters{padding-bottom:910px;
}
#homepageblok1,  #homepageblok2,  #homepageblok3{margin-top:150px!important}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#homepageblok1,  #homepageblok2,  #homepageblok3{margin-top:0px}
}
footer{height:auto}
	/* --** Language Side **-- */
	.Languageside .center { padding: 0px 2%; width: 96%; }
	.one-fourth{width:48.0%}
	.one-fourth:nth-of-type(2){
margin-right:0%!important
}
	/* --** Header **-- */
	header { padding-bottom: 10px; position: relative; left: 0px; top: 0px; height:60px;}
	header .center { padding: 0px 2%; width: 96%; }
	header h1 { padding: 11px 0px 0px 0px; float: none; text-align: center; }
	header h1 img { margin: 0px auto; display: inline-block; }
.leftcopy{width:100%; float:none}
	.rightcopy{width:100%; float:none}
	/* --** nav **-- */
	nav { display: none; }
.one-half, .one-third {width:100%; float:none;}
	/* --** Link Side **-- */
	.Linkside { display: block; }
	
	/* --** mobnav Side **-- */
	.mobnavSide { display: block; }
	
	
	/* --** Soliloqu **-- */
	.soliloquy-container .soliloquy-caption-inside {

    font-size: 1.9em!important;
    
		margin-top:175px!important
		
}

.fotobox{
margin-top:1px
}
.fotobox1{margin-top:1px;
}
	
	/* --** banner Side **-- */
	.Bannerside .search { padding: 39px 0% 0px 4.38%; width: 75.32%; }
	.Bannerside input.field { width: 72%; }
	
	/* --** primary en sidebar voor sidebar pages **-- */
	#primary{width:99%; float:none;}
	#sidebar{width:95%; float:none; height:500px}
	
	/* --** Benefit Side **-- */
	.Benefitside .center { padding: 0px 2%; width: 96%; }
	.Contents .center, .Contentspage .center{padding:0px 2%; width:96%; margin-top:30px}
	.Benefitside li { padding: 0px 0% 4px 0%; width: 100%; }
	.Benefitside li a { padding: 8px 0px 8px 46px; }
	.Benefitside li:last-child { width: 100%; }
	
	/* --** Magazijn Side **-- */
	.Magazijnside .center { padding: 0px 2%; width: 96%; }
	.Magazijnside h3 { font-size: 11px; }
	.Magazijnside h4 { font-size: 11px; }

	/* --** Product Side **-- */
	.Productside .center { padding: 0px 1%; width: 98%; }
	.Productside li { margin: 30px 2.75% 10px 2.10%; width: 44.17%; }
	.Productside li.last { margin-right: 2.75%; }
	
	/* --** footer **-- */
	footer #footer { padding: 0px 2%; width: 96%; }
	
	/* --** Footer Side **-- */
	.Footerside { padding-bottom: 15px; width: 100%; }
	.Footerside.gap { width: 100%; }
	.Footerside.gap1 { width: 100%; }
	.Footerside h2 { text-align: center; }
	
	/* --** Social Side **-- */
	.Socialside { width: 100%; }
	.Socialside h2 { text-align: center; }
	
	/* --** Copyright Side **-- */
	.Copyrightside .center { padding: 0px 2%; width: 96%; }
	.Copyrightside span { padding-bottom: 8px; float: none; text-align: center; }
	.Copyrightside ul { float: none; width: 100%; text-align: center; }
	.Copyrightside li { padding: 0px 5px 0px 5px; display: inline-block; float: none; }
	.Copyrightside li img { display: inline-block; }
	
	
	.box {
	
	width: 27%!important;
	display:inline;
		
}
.box:last-child{margin-right:0!important}
.box img {
	
	width: 100%!important;
}

.box .caption {
	background-color: rgba(201,228,118,0.8);
	position: absolute;
	width:100%
}
.dateblok{float:left; display:inline;
height:106px; margin-bottom:60px; width:119px;}
	}
	
	@media only screen and (max-width: 769px) {
	.one-third, #homepageblok1,  #homepageblok2,  #homepageblok3, #homepagenieuwsblok, #homepageaanbevelingenblok{
	width:100%;
	float:none;
	margin-top:150px!important;
	margin-bottom:16px;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
#homepageblok1,  #homepageblok2,  #homepageblok3{margin-top:0px}
}
	.hometekst{margin-bottom:120px}
	.leftcopy{width:100%!important; float:none!important}
	.rightcopy{width:100%!important; float:none!important}
	#homepagenieuwsblok{
	margin-bottom:40px!important
	}
	#homepageaanbevelingenblok, .postwrapper, .dateblokhome{
	clear:both!important;
	
	}
	#homepageaanbevelingenblok{
	margin-top:60px!important;
	}
	}
	
	@media only screen and (max-width: 679px) {
	.box {
	
	width: 43%!important;
	display:inline;
		
}
.box:last-child{margin-right:0!important}
.box img {
	
	width: 100%!important;
}

.box .caption {
	background-color: rgba(201,228,118,0.8);
	position: absolute;
	width:100%
}
	.dateblok{float:left; display:inline;
height:106px; margin-bottom:70px; width:119px;}
	}
@media only screen and (max-width: 579px) {
.dateblok{float:left; display:inline;
height:106px; margin-bottom:100px; width:119px;}
}
@media only screen and (max-width: 519px) {
.dateblok{float:left; display:inline;
height:106px; margin-bottom:110px; width:119px;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.dateblok{float:left; display:inline;
height:106px; margin-bottom:160px; width:119px;}
.dateblokhome{
margin-bottom:40px
}
footer{height:auto}
	/* --** Language Side **-- */
	.Languageside .center { padding: 0px 1%; width: 98%; }
	.Languageside h3 { letter-spacing: .5px; }
	.Languageside a { padding-right: 12px; }
	.Languageside a span { padding-left: 18px; }
	
	/* --** Header **-- */
	header { padding-bottom: 10px; position: relative; left: 0px; top: 0px; }
	header .center { padding: 0px 2%; width: 96%; }
	header h1 { padding: 11px 0px 0px 0px; float: none; text-align: center; }
	header h1 img { margin: 0px auto; display: inline-block; }
.one-fourth{width:98.0%; margin-right:0}
	/* --** nav **-- */
	nav { display: none; }
.one-half, .one-third {width:100%; float:none;}
	/* --** Link Side **-- */
	.Linkside { display: block; }
	
	/* --** mobnav Side **-- */
	.mobnavSide { display: block; }
	
	/* --** banner Side **-- */
	.Bannerside .search { padding: 25px 0% 0px 4%; width: 93.32%; }
	.Bannerside input.field { width: 64%; }
	
	/* --** primary en sidebar voor sidebar pages **-- */
	#primary{width:99%; float:none;}
	#sidebar{width:99%; float:none; height:570px}
	
	/* --** Benefit Side **-- */
	.Benefitside .center { padding: 0px 2%; width: 96%; }
	.Benefitside li { padding: 0px 0% 4px 0%; width: 100%; }
	.Benefitside li a { padding: 8px 0px 8px 46px; }
	.Benefitside li:last-child { width: 100%; }
	
	/* --** Magazijn Side **-- */
	.Magazijnside .center { padding: 0px 2%; width: 96%; }
	.Magazijnside li { margin: 30px 0px 10px 0px; width: 100%; }
.Contents .center, .Contentspage .center{padding:0px 2%; width:88%; margin-top:30px}
	/* --** Product Side **-- */
	.Productside .center { padding: 0px 2%; width: 96%; }
	.Productside li { margin: 30px 0% 10px 0%; width: 99%; }
	.Productside li a { width: 101%; }
	.Productside li.last { margin-right: 0%; }
	
	
	.Logoside .center { padding: 40px 2% 9px 2%; width: 96%; }
	
	/* --** footer **-- */
	footer #footer { padding: 0px 2%; width: 96%; }
	
	/* --** Footer Side **-- */
	.Footerside { padding-bottom: 15px; width: 100%; }
	.Footerside.gap { width: 100%; }
	.Footerside.gap1 { width: 100%; }
	.Footerside h2 { text-align: center; }
	
	/* --** Social Side **-- */
	.Socialside { width: 100%; }
	.Socialside h2 { text-align: center; }
	
	/* --** Copyright Side **-- */
	.Copyrightside .center { padding: 0px 2%; width: 96%; }
	.Copyrightside span { padding-bottom: 8px; float: none; text-align: center; }
	.Copyrightside ul { float: none; width: 100%; text-align: center; }
	.Copyrightside li { padding: 0px 5px 0px 5px; display: inline-block; float: none; }
	.Copyrightside li img { display: inline-block; }
	
	
	.box {
	
	width: 94%!important;
	height:250px;
	display:inline;
		
}
.box:last-child{margin-right:0!important}
.box img {
	height:250px;
	width: 94%!important;
}

.box .caption {
	background-color: rgba(201,228,118,0.8);
	position: absolute;
	width:100%
}
	.fotobox{
margin-top:1px
}
.fotobox1{margin-top:1px;


.hometekst h2{
margin-top:-268px;
font-family:flexo_demi!important;
background: none!important;
		margin-left:0;
		 font-size: 2.5em!important;
    line-height: 1.25;
    display: block;
    color: #fff!important;
   text-shadow: 2px 2px 1px #424242!important;
    text-align: left!important;
    
}

.hometekst  .ppp{text-shadow: 3px 3px 2px #464646!important}
.hometekst  .ppp{font-size:.6em!important;
font-family:flexo_medium;
text-shadow: 2px 2px 1px #464646!important;
color:#fff;
font-size:2.1em!important
}

.hometekst .ppp  a{color:#fff!important;
text-decoration:underline!important;
text-shadow: 2px 2px 1px #464646!important
}





	}
	@media only screen and (max-width: 479px) {
	.dateblok{float:left; display:inline;
height:106px; margin-bottom:220px; width:79px;}










.hometekst h2{
margin-top:-268px;
font-family:flexo_demi!important;
background: none!important;
		margin-left:0;
		 font-size: 2.5em!important;
    line-height: 1.25;
    display: block;
    color: #fff!important;
   text-shadow: 2px 2px 1px #424242!important;
    text-align: left!important;
    
}

.hometekst  .ppp{text-shadow: 3px 3px 2px #464646!important}
.hometekst  .ppp{font-size:.5em!important;
font-family:flexo_medium;
text-shadow: 2px 2px 1px #464646!important;
color:#fff;
font-size:1.6em!important
}

.hometekst .ppp  a{color:#fff!important;
text-decoration:underline!important;
text-shadow: 2px 2px 1px #464646!important
}












.dateblok .dag, .dateblok .maand{
display:inline-block;
text-align:center;
border-radius:5px 5px 0 0;
background:#1e4066;
color:#fff;
width:69px;
font-family:helveticaltstd_bold;
font-size:2em;
padding-top:15px;
padding-bottom:15px;
}
.dateblok .maand{
background:#3c8ae1;
border-radius:0 0 5px 5px;
padding-top:5px;
padding-bottom:5px;
text-align:center;
font-size:1.1em;
font-family:Helvetica LT Std Light;
color:#fff;
}

	}
	
	}