@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{ width:175px; }
	.socialinks{ display:none;}
}

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


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

}
.logo-content{ width:160px;margin-top:85px; }
.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;}	
.socialinks{ display:none;}
}
@media screen and (min-width: 1000px) and (max-width:1199px) 
{
.logo{  width:210px; }
.logo-content{width:160px;margin-top:85px; }
	.banner img {
    max-width: 150%;
    width: 150%;

}
.afbeeldinghome {
    float: left;
    width: 49%;
    background-image: url(../images/het.jpg);
    background-size: cover;
    background-position: center center;
    height: 418px;
    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:#837f1b; font-style:italic; 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; margin:0 3.57% 0 3.57%;}
.socialinks{ display:none;}
header nav{ display:none;}
.mobutton{     display: block;
    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{ font-size:25px;}
.flexslider .flex-direction-nav a.flex-prev{ left:10%;}
.flexslider .flex-direction-nav a.flex-next{ right:10%;}
.section2 img{ width:50%}
.hetinfo{width:40%; }

}
@media screen and (min-width: 768px) and (max-width:999px) 
{
.logo{ width:146px; }
.logo-content{width:160px;margin-top:85px; }
	.banner img {
    min-width: 1600px;
    width: 100%;

}

   
.whoweare .container{ width:100%;}
.whoweare img {
	height: auto;
    max-width: 100%;
    width: 100%;
}
.whoweare h1{ margin:0 0 30px;}
.whoweare ul{ width:96%; padding: 0 2%;}
.whoweare ul li{ width:18%; float:left; display:inline-block; margin:0 2% 50px 0;}	
.whoweare ul li:nth-child(2n){ margin-right:2%;}
.whoweare ul li:last-child{ }
.whoweare ul li p{ padding:0 40px 0 0;}
header nav{ display:none;}
.mobutton{ display: block;
    margin: 14px 0 0 30px;
    position: absolute;}
.socialinks{ display:none;}

.caption h1{ font-size:25px;}
.flexslider .flex-direction-nav a.flex-prev{ left:10%;}
.flexslider .flex-direction-nav a.flex-next{ right:10%;}
.section2 .container{ width:100%;}
	.afbeeldinghome { width:50%}
.hetinfo{width:40%; }

.hetinfo h1{ font-size:30px;}
.hetinfo h3{ font-size:14px;}
.hetinfo a{ line-height:30px; height:30px; width:120px; font-size:10px; text-indent:15px; background-position:95px center;}
.hetinfo p{ font-size:12px; line-height:18px;}
.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;}
}
@media screen and (min-width: 600px) and (max-width: 767px) 
{
.logo{  width:154px; }
.logo-content{width:160px;margin-top:85px; }
	.banner img {
    min-width: 1600px;
    width: 100%;

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

.whoweare {
       padding: 40px 0 80px 80px;
}
.whoweare h1{ margin:0 0 30px; width:90%;}
.whoweare ul{ width:100%;}
.whoweare ul li{ width:45%; float:left; display:inline-block; margin:0 7.57% 50px 0;}	
.whoweare ul li:nth-child(2n){ margin-right:0;}
.whoweare ul li:last-child{}
.whoweare ul li p{ padding:0 40px 0 0;display:none;}
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:96%; margin:0 auto;}
.section2 .container{ width:100%;}
.hetinfo{ width:40%;}
	.afbeeldinghome {width:50%;}
.hetinfo h1{ font-size:30px;}
.hetinfo h3{ font-size:14px;}
.hetinfo a{ line-height:30px; height:30px; width:120px; font-size:10px; text-indent:15px; background-position:95px center;}
.hetinfo p{ font-size:12px; line-height:18px;}
.section1 ul li{ width:50%;}
.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;}
.newsletter .container{ width:95%;}
.newsletter input[type="email"]{ float:none; width:100%;}
.newsletter input[type="submit"]{ float:none; margin:35px 0 0;}
}
@media screen and (min-width: 481px) and (max-width: 599px) 
{
.logo{  width:110px; }
.logo-content{width:160px;margin-top:85px; }
	.banner img {
    min-width: 1600px;
    width: 100%;

}
.content-breed { float:left; width:96%; padding:2%; 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:40px 0 25px 70px;}
.whoweare .container{ width:100%;}
.whoweare h1{ margin:0 0 30px;}
.whoweare ul{ width:100%;}
.whoweare ul li{ width:33.71%; float:left; display:inline-block; margin:0 7.57% 50px 0;}	
.whoweare ul li:nth-child(2n){ margin-right:0;}
.whoweare ul li:last-child{ }
.whoweare ul li p{ padding:0 40px 0 0; display:none;}
.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{ height:360px;}
.flexslider ul li > img{ height:360px; width:auto; position:absolute; 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{ width:100%; height:auto; float:none;}
.hetinfo{ width:auto; box-sizing:border-box; padding:15px 20px 0;}
.hetinfo h1{ font-size:30px;}
.hetinfo h3{ font-size:14px;}
.hetinfo a{ line-height:40px; height:40px; width:140px; font-size:10px; text-indent:15px; background-position:95px center;}
.hetinfo p{ font-size:12px; line-height:18px;}
.section1 ul li{ width:50%;}
.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;}
.newsletter{ background-size:cover; padding:40px 0 50px;}
.newsletter h1{ text-align:left;}
.newsletter .container{ width:95%;}
.newsletter input[type="email"]{ float:none; width:100%;}
.newsletter input[type="submit"]{ float:none; margin:35px 0 0;}

}
@media screen and (min-width: 250px) and (max-width: 480px) 
	
{
	
	.afbeeldinghome {display:none;}
	.search input[type="text"] {
   	width: 40px;    font-size: 9px;}
	.socialinks-top ul li {
   		margin: 0 14px 0 0;}
.content-breed { float:left; width:96%; padding:2%; color:#373839; -moz-column-count:1;
             -webkit-column-count:1;
              column-count:1;      
		float:left;}
	
.logo{  width:110px; margin-top: 30%; }
.logo-content{width:160px;margin-top:85px; }
	.banner img {
    min-width: 1600px;
    width: 100%;

}
.banner {
    height: auto;
    max-width: 100%;
   
}
.banner-inside { width:200%; height:auto; overflow:hidden;}
.banner-inside img { height:150px; width:auto !important; overflow:hidden;}
.whoweare {
    padding: 40px 0 25px 40px;
}
.whoweare .container{ width:100%;}
.whoweare h1{ margin:0 0 30px;}
.whoweare ul{ width:100%;}
.whoweare ul li{ width:35%; float:left; display:inline-block; margin:0 15% 50px 0;}	
.whoweare ul li img{ width:100%; height:auto; display:block;}
.whoweare ul li:nth-child(2n){ margin-right:0;}
.whoweare ul li:last-child{ }
.whoweare ul li p{ padding:0 40px 0 0; display:none;}
.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:25px; bottom:30px;}
.flexslider .slides > li{ height:360px;}
.flexslider ul li > img{ height:360px; width:auto; position:absolute; 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:94%; margin:0 auto;}
.section2{ padding:0 0 30px;}
.section2 .container{ width:100%;}
.section2 img{ width:100%; height:auto; float:none;}
.hetinfo{ width:auto; box-sizing:border-box; padding:15px 20px 0;}
.hetinfo h1{ font-size:30px;}
.hetinfo h3{ font-size:14px;}
.hetinfo a{ line-height:40px; height:40px; width:140px; font-size:10px; text-indent:15px; background-position:95px center;}
.hetinfo p{ font-size:12px; line-height:18px;}
.section1 ul li{ width:50%;}
.section1 ul li:first-child a{ font-size:12px;}
.section1 ul li:first-child a span{ line-height:25px;}
.section1 ul li h2 a.btn{ font-size:12px; line-height:25px;}
.newsletter{ background-size:cover; padding:40px 0 50px;}
.newsletter h1{ text-align:left;}
.newsletter .container{ width:95%;}
.newsletter input[type="email"]{ float:none; width:100%;}
.newsletter input[type="submit"]{ float:none; margin:35px 0 0;}

}