/* Standaard stijlen voor grote schermen */
.flexslider ul li > img { margin-top: 0; }
.logo {}
.logo-content {}
.socialinks { display: none; }
#whatsapp-klein, #whatsapp-groot { display: none; }

/* Grotere schermen (>1300px) */
.logo-content { width: 335px; margin-top: 127px; }

/* Middelgrote schermen (1000px - 1299px) */
@media screen and (max-width: 1299px) {
    .flexslider ul li a > img { margin-top: 0; }
    .logo {width: 431px;}
    .logo-content { width: 350px; margin-top: 10%; }
    .banner img { max-width: 150%; width: 150%; }
    .afbeeldinghome { float: left; width: 49%; background: url(../images/het.jpg) #848680; background-size: cover; position: relative; }
    .socialinks { display: none; }
    .mobutton { display: none; margin: 14px 0 0 30px; position: absolute; }
    .flexslider .flex-direction-nav a.flex-prev { left: 10%; }
    .flexslider .flex-direction-nav a.flex-next { right: 10%; }
}

/* Tablets (768px - 999px) */
@media screen and (max-width: 999px) {
    .flexslider ul li a > img { margin-top: 0; width: 140%; margin-left: 0; }
    .logo { width: 319px;	}
    .logo-content { width: 335px; margin-top: 100px; }
    .banner img { min-width: 1600px; width: 100%; }
    .afbeeldinghome { width: 29%; }
	.hetinfo {    padding: 25px 47px 25px 15px;}
    .hetinfo h1 { font-size: 30px; }
    .hetinfo h3 { font-size: 14px; }
    .hetinfo a { line-height: 44px; height: 43px; width: 120px; font-size: 16px; text-indent: -3px; }
    .mobutton { display: block; margin: 14px 0 0 30px; position: absolute; }
    header nav { display: none; }
}

/* Kleine schermen (max-width: 767px) */
@media screen and (max-width: 767px) {
    #producttemplate { padding: 5%; }
    .content-left, .content-right { width: 100%; }
    .now-block .now { width: 80%; margin: 0 1% 50px; }
    .content-breed, .content-breed-zk { padding: 5%; color: #373839; column-count: 1; float: left; }
    .content-breed h1, .content-breed-zk h1 { font-size: 22px; }
       .overons { width: 80% !important; }
    
    .flexslider ul li a > img { width: 200%; margin-left: -63%; margin-top: 0; }
    .flexslider .flex-direction-nav, .flexslider .flex-control-nav { display: none; }
    .logo { width: 319px; }
    .logo-content { width: 319px; margin-top: 100px; }
    .banner img { min-width: 1600px; width: 100%; }
    .hetinfo a { margin: 0 auto; display: block; }
    .afbeeldinghome { display: none; }
    .newsletter { background-size: cover; padding: 40px 0 50px; }
    .newsletter h1 { text-align: center; }
    .newsletter .container { width: 95%; }
    .newsletter input[type="email"] { float: none; width: 100%; }
    .newsletter input[type="submit"] { width: 80%; max-width: 100%; margin: -8px auto 0; float: none; }
    header nav { display: none; }
    .mobutton { display: block; margin: 14px 0 0 30px; position: absolute; }
	
		.flexslider ul li > img {
    margin-top: 0;
    margin-left: -50%;
}
	
}




/* Extra kleine schermen (max-width: 446px) */
@media screen and (max-width: 474px) 
{	#logo {}
	.logo {margin-top: 30px;}
    .caption h2 { font-size: 17px; }
}

@media screen and (max-width: 464px) {
	.flexslider ul li > img {
    margin-top: 0;
    margin-left: -75%;
}
	
    .logo {
        margin-top: 10px;
        width: 320px;
    }
	.home {display:none;}
	#logo img.white {
   width:150px;
		margin-top:5px;
}
}