@media screen  and (max-width:1800px) 
		{
.flexslider ul li > img { margin-top:-100px;}
}
@media screen  and (max-width:1600px) 
{
.flexslider ul li > img { margin-top:0;}
}

@media screen and (min-width: 1600px) and (max-width:1800px) 
{
.logo{ }
	.logo-content{     }
	.socialinks{ display:none;}
}
@media screen and (min-width: 736px) and (max-width:5200px) 
{
	.extrainfo-footer-mob {display:none;}
}

@media screen and (min-width: 1056px) and (max-width:5200px) 
{
	#whatsapp-klein {display:none;}
}
@media screen and (min-width: 937px) and (max-width:1056px) {
	#whatsapp-groot {display:none;}
}

@media screen and (min-width: 540px) and (max-width:937px) 
{
	#whatsapp-klein {display:none;}
}
@media screen and (min-width: 250px) and (max-width:539px) 
{
	#whatsapp-groot {display:none;}
}

@media screen and (min-width: 1424px) and (max-width:1600px) 
{
.logo {
   
}
	.logo-content{      }
	.socialinks{ display:none;}
}


@media screen and (min-width: 1300px) and (max-width:1424px) 
{
	.banner img {
    max-width: 150%;
    width: 150%;

}
	.logo {
  
}
	
.logo-content{     width: 335px;
    margin-top: 127px; }
.whoweare .container{ width:100%;}
.whoweare ul{ width:100%;}
.whoweare ul li{ width:15.71%; float:left; display:inline-block; }	
.socialinks{ display:none;}
}
@media screen and (min-width: 1000px) and (max-width:1299px) 
{
	.flexslider ul li a > img {
      margin-top: 0px;
}
	
.caption h2 {
    font-size: 32px;
	}
	
	.logo {
		    width: 400px;
  margin-top: 10%;
}
.logo-content{    width: 350px;
    margin-top: 10%;}
	.banner img {
    max-width: 150%;
    width: 150%;

}
.afbeeldinghome {
    float: left;
    width: 49%;
    background-image: url(../images/het.jpg);
    background-size: cover;
    background-color: #848680;
    position: relative;
}
	
	
.section1 ul li h2 a.btn{ display:inline-block; padding:0 2%; line-height:48px; font-size:18px; color:#fff; background:#041a72;  font-weight:400;}
	.section1 ul li h2 a.btn2{ display:inline-block; padding:0 2%; line-height:48px; font-size:18px; color:#fff; background:#041a72;  font-weight:400;}
.section1 ul li:first-child a{ position:absolute; height:50%; width:100%; text-align:center; font-size:18px; font-weight:400; display:block;}
.whoweare .container{ width:100%;}
.whoweare ul{ width:100%;}
.whoweare ul li{ width:15.71%; float:left; display:inline-block; margin:0 3.57% 0 0;}	
	.whoweare ul li:first-child{ width:15.71%; float:left; display:inline-block; }
.socialinks{ display:none;}
header nav{ }
.mobutton{     display: none;
    margin: 14px 0 0 30px;
    position: absolute;}
/*header nav{ padding:50px 0 0 25px;}
header nav ul li{ padding:0 0 0 30px; margin:0 0 15px;}
header nav ul li:hover{ background-position:-20px center;}*/
.caption h1{ }
.flexslider .flex-direction-nav a.flex-prev{ left:10%;}
.flexslider .flex-direction-nav a.flex-next{ right:10%;}
.section2 img{ }
.hetinfo{width:40%; }

}
@media screen and (min-width: 768px) and (max-width:956px) {
.mobutton{ display: block;
    margin: 14px 0 0 30px;
    position: absolute;}

header nav {
    display: none;
}
}
@media screen  and (max-width:956px) 
{
	.now-block .now {
    width: 45%;
    margin: 0 1% 50px;
	}
	
	.socialinks-top {
    float: right;
    margin-right: 25px;
    margin-top: -7px;
}
	
}

@media screen and (min-width: 768px) and (max-width:999px) 
	
	
	
{
	
	
	
	
	.caption h2 {
    font-size: 32px;
	}
	
	
		.flexslider ul li a > img {
    margin-top: 38px;
    width: 140%;
    margin-left: 0;
}
	
	
	.flexslider ul li a > img {
      margin-top: 0px;
}
.logo{ width:400px;  }
.logo-content{    width: 335px;
    margin-top: 100px; }
	.banner img {
    min-width: 1600px;
    width: 100%;

}

   
.whoweare .container{ width:100%;}
.whoweare img {
	height: auto;
  
}
.whoweare h1{ margin:0 0 30px;}
.whoweare ul{ width:96%; padding: 0 2%;}
.whoweare ul li{        width: 28%;}	
.whoweare ul li:nth-child(2n){ margin-right:2%;}
.whoweare ul li:last-child{ }
	.whoweare ul li p{ padding:0 40px;}

.socialinks{ display:none;}

.caption h1{ font-size:25px;bottom: 100px;}
.section2 .container{ width:100%;}
	.afbeeldinghome { width:29%}
.hetinfo{width:61%; }

.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;
    /* background-position: 95px center; */}
.hetinfo p{ }
.section1 ul li:first-child a{ font-size:16px;}
.section1 ul li:first-child a span{ line-height:25px;     font-size: 18px; }
.section1 ul li h2 a.btn{ font-size:14px; line-height:25px;}
	.section1 ul li h2 a.btn2{ font-size:14px; line-height:25px;}
}


@media screen and (max-width: 767px) 
{ 
	
	#producttemplate {
	    padding: 5% 5% 5% 5%;
    
}
	
	
	.content-left {width:100%;}
	.content-right {width:100%;}

}


@media screen and (max-width: 736px)
{
	.extrainfo-footer-mob {display:inherit;}
	.extrainfo-footer {display:none;}
}

@media screen and (min-width: 667px) and (max-width: 767px) 
{ 

.flexslider ul li a > img {
       width: 138% !important;
    margin-left: -32% !important;
}

}


@media screen and (min-width: 530px) and (max-width: 666px)
{
	.flexslider ul li a > img {
       width: 163% !important;
    margin-left: -55% !important;
}
}

@media screen and (min-width: 447px) and (max-width: 767px) 
	
	
{
	.extrainfo-footer {
    width: 100%;
    padding: 60px 8%;
}
	
		.overons {
    width: 80% !important;
	
}
	
	.caption {
		width: 225px;
text-align: center;
height: 100%;
margin: 0 auto;
position: relative;
		
	}
	.caption h2 {
    font-size: 20px;
		
	}
	

	.flexslider ul li a > img {
    margin-top: 38px;
    width: 200%;
    margin-left: -63%;
}
	

	.flexslider ul li a > img {
      margin-top: 0px;
}
.logo {
    width: 100%;
    max-width: 350px;
    margin-top: 90px;
}
.logo-content{     width: 335px;
    margin-top: 100px; }
	.banner img {
    min-width: 1600px;
    width: 100%;

}
.content-breed { float:left; width:100%; padding:5%; color:#373839; -moz-column-count:1;
             -webkit-column-count:1;
              column-count:1;      
		}
.whoweare .container{ width:100%;}

.whoweare {
       padding: 5%;
}
.whoweare h1{ margin:0 0 30px; width:100%;}
.whoweare ul{ width:100%;}
.whoweare ul li{ width:45%; float:left; display:inline-block; }	
.whoweare ul li:nth-child(2n){ margin-right:0;}
.whoweare ul li:last-child{}
.whoweare ul li p{padding:0 40px; }
header nav{ display:none;}
.mobutton{ display: block;
    margin: 14px 0 0 30px;
    position: absolute;}

.socialinks{ display:none;}
.caption h1{ font-size:25px; bottom:12px;}
.flexslider .flex-direction-nav a.flex-prev{ left:10%;}
.flexslider .flex-direction-nav a.flex-next{ right:10%;}
.flexslider .flex-direction-nav{ display:none;}
.flexslider .flex-control-nav{ display:none;}
	.caption {
		width: 100%;
text-align: center;
height: 100%;
margin: 0 auto;
position: relative;
		
	}
	.caption h2 {
    font-size: 20px;
		
	}
.section2 .container{ width:100%;}
.hetinfo {
    width: auto;
    box-sizing: border-box;
    padding: 15px 20px 0;
}
	.afbeeldinghome {

    display: none;
}
.hetinfo h1{ font-size:30px;}
.hetinfo h3{ font-size:14px;}
.hetinfo a{ margin:0 auto; display: block;}
.hetinfo p{ }
.section1 ul li{ width:50%;     border-bottom: solid 15px #fff;  }
	
	.section1 ul li img {
       height: 200px;
}
.section1 ul li:first-child a{ font-size:16px;}
.section1 ul li:first-child a span{ line-height:25px;}
.section1 ul li h2 a.btn{ font-size:14px; line-height:25px;}
	.section1 ul li h2 a.btn2{ font-size:14px; line-height:25px;}
.newsletter .container{ width:95%;}
		.newsletter input {
		width:80%;
     	max-width:100%;
			margin:0 auto;
			float: none;
	}

.newsletter input[type="email"]{ float:none; width:100%;}
.newsletter input[type="submit"]{    
      width: 80%;
    max-width: 100%;
	margin:-8px auto 0;
	float: none;
	}
	.newsletter h1{ text-align:center;}
	
		}
@media screen  and (max-width:600px) 
{
	.now-block .now {
    width: 80%;
		margin: 0 1% 50px;}
	.content-breed h1, .content-breed-zk h1 {
    font-size: 22px;
	}
	
}

@media screen and (min-width: 250px) and (max-width: 446px) 
	
{	
	.content-breed h1, .content-breed-zk h1 {
    font-size: 22px;
	}
	
	
	.extrainfo-footer {
   width: 100%;
    padding: 60px 15%;
}
	
	
	.whoweare ul li {
    width: 80%;
    float: left;
    display: inline-block;
    padding-bottom: 40px;
}
	.overons {
    width: 80% !important;
	
}
	
	.caption h2 {
    font-size: 17px;
	}
	
	.afbeeldinghome {

    display: none;
}
	.flexslider ul li a > img {
    margin-top: 38px;
    width: 223%;
    margin-left: -63%;
}
		.newsletter input {
		width:80%;
     	max-width:100%;
			margin:0 auto;
			float: none;
	}

.newsletter input[type="email"]{ float:none; width:100%;}
.newsletter input[type="submit"]{    
    width: 80%;
    max-width: 100%;
	margin:-8px auto 0;
	float: none;
	}
	
.logo {
    max-width: 280px;
    margin-top: 114px;
}
.logo-content {
    width: 252px;
    margin-top: 127px;
}
	.banner img {
    min-width: 1600px;
    width: 100%;

}
.content-breed { float:left; width:100%; padding:5%; color:#373839; -moz-column-count:1;
             -webkit-column-count:1;
              column-count:1;      
		float:left;}
.banner {
    height: auto;
    max-width: 200%;
    overflow: hidden;
   
}
.whoweare{padding:5%; }
.whoweare .container{ width:100%;}
.whoweare h1{ margin:0 0 30px;}
.whoweare ul{ width:100%;}
.whoweare ul li{     width: 100%;
    width: 320px;
    float: none;
    display: inline-block;
    margin: 0 15% 50px 0;
    margin: 0 auto;
    height: auto;
  }	.whoweare ul li img {
    height: auto;
    display: block;
    margin: 0 auto;
}
	.whoweare ul li:first-child {
   
}
.whoweare ul li:nth-child(2n){ }
.whoweare ul li:last-child{ }
.whoweare ul li p{     padding:0 40px;}
	.whoweare ul li p a {
    left: 32%;
}
.whoweare ul li h3{ text-align:center;}
header nav{ display:none;}
.mobutton{ display: block;
    margin: 14px 0 0 30px;
    position: absolute;}
.menulogo {display:none;}
.caption h1{ font-size:30px; bottom:30px;}
.flexslider .slides > li{ }
.flexslider ul li > img{ height:360px; width:auto; left:50%; margin:0 0 0 -395px;}
.flexslider .flex-direction-nav a.flex-prev{ left:10%;}
.flexslider .flex-direction-nav a.flex-next{ right:10%;}
.flexslider .flex-direction-nav{ display:none;}
.flexslider .flex-control-nav{ display:none;}
.caption{ width:96%; margin:0 auto;}
.section2{ padding:0 0 30px;}
.section2 .container{ width:100%;}
.section2 img{    height: auto;
    float: none;
    margin: 0 auto;
    width: 100%;}
	
	
.section1 ul li{ width:50%;     border-bottom: solid 15px #fff;  }
	
	.section1 ul li img {
       height: 200px;
}
	
.hetinfo{ width:auto; box-sizing:border-box; padding:15px 20px 0;}
.hetinfo h1{ font-size:30px;}
.hetinfo h3{ font-size:14px;}
.hetinfo a{  margin:0 auto; display: block;}
.hetinfo p{ }
.section1 ul li{ width:50%;}
.section1 ul li:first-child a{ font-size:16px;}
.section1 ul li:first-child a span{ line-height:25px;font-size: 14px;}
.section1 ul li h2 a.btn{ font-size:14px; line-height:25px; }
	.section1 ul li h2 a.btn2{ font-size:14px; line-height:25px; }
.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"]{ }

}