@media only screen and (min-width: 320px) {
	.header{height:149px;width:100%;}
	.header .ster{left:-20px;top:10px;width:149px;height:149px; z-index: 999;}
	.header .ster a{display:block;}
	.header .ster a img{height:149px;width:149px;}
	.header .logo{left:-30px;width:calc(100% - 50px);height:149px;}
	.header .logo a img{height:149px}
	.header .lang{bottom:-4px;right:0px;}
	.content{width:100%;}
	.menubutton{display:block;}
	.content .menu{width:100%;min-height:45px;}
	.content .menu .nav{display:none;margin-top:45px;}
	.menu .nav{width:100%;padding:5px 0;margin:0;min-height:45px;list-style:none;}
	.menu .nav li, .menu .nav li a{width:100%;border:none;}
	.menu .nav li a:hover, .menu .nav li .active{background:none;}
	.content .home{width:100%;}
	.content .home visual{width:100%;max-width:100%;}
	.content .visual img{max-width:100%;width:100%;}
	.content .home .kader{text-align:center;background-size:100% calc(100% - 8px); background-repeat:no-repeat;height:auto;}
	.content .home .kader .devlier{max-width:80%;margin:25px auto 0 auto;}
	.content .home .kader .intro{width:90%}
	.content .home .kader .ontdek a{width:80%;height:70px;background-size:contain;background-repeat:no-repeat;background-position:center;margin:auto;}
	.content .home .kader .kader_bottom{width:100%;height:20px;background-size:cover;}
	.content .boxes{width:calc(100% - 1px);border:none;}
	.content .boxes .box{width:calc(100%);border-right:0px dashed #01632f;margin-bottom:20px;}
	.content .boxes .box .boxtitle{border-top:1px dashed #01632f;}
	.content .boxes #proefdagen .proeven{max-width:50%;top:90px;right:-10px;}

	.content .page{width:100%;}
	.content .brouwerij .kader .kader_mid_left{width:100%;}
	.content .brouwerij .kader .kader_mid_left .bezoek{width:100%;overflow: auto;}
    .content .brouwerij .kader .kader_mid_left .curriculum_img{float:left;width:50%;}
    .content .brouwerij .kader .kader_mid_left .curriculum{float:left;width:calc(100% - 60px);margin:20px;}
	.content .brouwerij .kader .kader_mid_right{width:100%;margin:20px 0;}
	.content .brouwerij .kader .kader_mid_right p,
    .content .brouwerij .kader .kader_mid_right h1,
    .content .brouwerij .kader .kader_mid_right h3{margin-left:0;}
	.content .brouwerij .kader .kader_mid_right img{max-width:100%;}

	.content .tasting .kader .kader_mid_left{width:100%;}
	.content .tasting .kader .kader_mid_left .bezoek{width:100%;overflow: auto;}
    .content .tasting .kader .kader_mid_left .curriculum_img{float:left;width:50%;}
    .content .tasting .kader .kader_mid_left .curriculum{float:left;width:calc(100% - 60px);margin:20px;}
	.content .tasting .kader .kader_mid_right{width:100%;margin:20px 0;}
	.content .tasting .kader .kader_mid_right p,
    .content .tasting .kader .kader_mid_right h1,
    .content .tasting .kader .kader_mid_right h3{margin-left:0;}
	.content .tasting .kader .kader_mid_right img{max-width:100%;}

    .content .p_01 .kader .kader_mid_left{width:100%;margin:auto;}
    .p_01 .bieren .bier{width:calc(100% / 3 - 10px);min-height:230px;}
    .content .p_01 .kader .kader_mid_left .titellijn{display:none;}
    .content .p_01 .kader .kader_mid_left .status{float:right;margin-bottom:30px;}
    .content .p_01 .kader .kader_mid_right{width:100%;}

/*
    .content .p_02 .kader .kader_mid{width:calc(100% - 60px);}
    .content .p_02 .kader .kader_mid .andere{width:calc(100% - 10px);}
    .content .p_02 .kader .kader_mid .andere .prod_mid{width:100%;}
    .content .p_02 .kader .kader_mid .shop{width:100%;padding:0;margin:0 0px 10px 0;}
    .content .p_02 .kader .kader_mid .product, .content .p_02 .kader .kader_mid .product_intro{width:100%;}
*/

    .content .p_03 .kader .kader_mid_left{width:100%;}
    .content .p_03 .kader .kader_mid_left h1,
    .content .p_03 .kader .kader_mid_left h3,
    .content .p_03 .kader .kader_mid_left h4,
    .content .p_03 .kader .kader_mid_left p,
    .content .p_03 .kader .kader_mid_left .intro{margin-left:0;}
	.content .p_03 .kader .kader_mid_left .titellijn{max-width:100%;}
    .content .p_03 .kader .kader_mid_right{width:100%;}
    .content .p_03 .kader .kader_mid_right img{max-width:100%;}

    .content .p_04 .kader .kader_mid_left{display:none;}
    .content .p_04 .kader .kader_mid_right{width:100%}

    .content .p_05 .kader .kader_mid_left{width:100%;}
	.content .p_05 .kader .kader_mid_left .nieuwsitem{margin:0;}
	.content .p_05 .kader .kader_mid_left .proeven_open{width:100%;}
    .content .p_05 .kader .kader_mid_left img{max-width:calc(100% - 20px);}
    .content .p_05 .kader .kader_mid_right{width:100%;margin-left:0;margin-top:50px;}
    .content .p_05 .kader .kader_mid_right .oud_img{max-width:80px;}

	.content .p_06 .kader .adres{width:100%;}
	.content .p_06 .kader .adres .contactimg{position:absolute; left:10px; top:120px;max-width:100%;}
	.content .p_06 .kader .adres .promo{margin-top:200px;max-width:100%;}
	.content .p_06 .kader .adres .followus{position:relative;}
	.content .p_06 .kader .adres h1, .content .p_06 .kader .adres .promo h3, .content .p_06 .kader .adres p{margin-left:0px;}
	.content .p_06 .kader .formulier{width:100%;margin:0;}
	.content .p_06 .kader .routeplan{width:100%;}

	.content .p_06 .kader .routeplan img{width:calc(100% - 2px);}

}

@media only screen and (min-width: 480px) {
	.header{height:156px;width:100%;}
	.header .ster{left:3px;top:10px;width:156px;height:156px; z-index: 999;}
	.header .ster a{display:block;}
	.header .ster a img{height:156px;width:156px;}
	.header .logo{left:calc(50% - 220px);width:470px;height:156px;}
	.header .logo a img{height:156px;}
	.header .lang{bottom:-4px;right:10px;}
	.content{width:100%;}
	.content .menu{width:100%;}
	.content .menu .nav{display:block;margin-top:0;}
	.menu .nav{display:table;padding:5px 0;margin:0;min-height:45px;list-style:none;}
	.menu .nav li{float:left;display:table-cell;width:auto;}
	.menu .nav li a{width:auto;border-left:1px solid #5e9465;border-right:1px solid #5e9465;margin:5px 2px;}
	.menu .nav li a:hover, .menu .nav li .active{background-image:url(../images/menu_hover_bg.png);}
	.menubutton.button{display:none;}
	.content .visual img{max-width:100%;}
	.content .home .kader{background-size:100% calc(100% - 10px);}
	.content .boxes{width:calc(70% - 1px);border:none;}
	.content .boxes #proefdagen .proeven{max-width:40%;top:80px;right:0px;}

    .content .brouwerij .kader .kader_mid_left .curriculum_img{float:left;width:40%;}
    .content .brouwerij .kader .kader_mid_left .curriculum{float:right;width:50%;margin:10px;}

    .content .p_01 .kader .kader_mid_left{width:100%;}
    .p_01 .bieren .bier{width:calc(100% / 4 - 10px);}

	.content .p_06 .kader .adres .contactimg{left:auto;right:0px;top:00px;width:50%;}
	.content .p_06 .kader .adres .promo{margin-top:5px;max-width:50%;}

	.content .p_06 .kader .routeplan img{width:calc(100% / 2 - 7px);}
}

@media only screen and (min-width: 592px) {
	.header{height:166px;width:100%;}
	.header .ster{left:20px;top:15px;width:165px;height:166px; z-index: 999;}
	.header .ster a{display:block;}
	.header .ster a img{height:165px;width:165px;}
	.header .logo{left:calc(50% - 250px);width:500px;height:166px;}
	.header .logo a img{height:166px;}
	.header .lang{bottom:-4px;right:20px;}
	.content{width:100%;}
	.content .menu{width:100%;}
	.content .menu .lg{display:none;}
	.menubutton.button_1{display:none;}
	.menubutton.button_2{display:none;}
	.menubutton.button_3{display:inline-block;}
	.menubutton.button_4{display:none;}
	.menubutton.button_5{display:none;}
	.content .menu .sm.items_3{display:none;}
	.content .menu .sm.items_4{display:none;}
	.content .menu .sm.items_5{display:inline-block;}
	.content .menu .sm.items_6{display:none;}
	.content .menu .sm.items_7{display:none;}
	.content .visual img{max-width:100%;}
	.content .boxes{width:calc(60% - 1px);border:none;}
	.content .boxes #proefdagen .proeven{max-width:40%;top:70px;}

    .content .p_01 .kader .kader_mid_left{width:100%;}
    .p_01 .bieren .bier{width:calc(100% / 5 - 10px);}

/*
    .content .p_02 .kader .kader_mid .product, .content .p_02 .kader .kader_mid .product_intro{width:calc(100% /2);}
    .content .p_02 .kader .kader_mid .product:nth-child(even){margin-left:10px;width:calc(100% /2 - 10px)}
*/

	.content .p_05 .kader .kader_mid_left .proeven_open{width:220px;}
	.content .p_06 .kader .adres .contactimg{right:0px;top:20px;width:50%;}
}

@media only screen and (min-width: 768px) {
	.header{height:172px;width:100%;}
	.header .ster{left:30px;top:25px;width:165px;height:172px; z-index: 999;}
	.header .ster a{display:block;}
	.header .ster a img{height:165px;width:165px;}
	.header .logo{left:calc(50% - 260px);width:520px;height:172px;}
	.header .logo a img{height:172px;}
	.header .lang{bottom:-4px;right:35px;}
	.content{width:100%;}
	.content .menu{width:100%;}
	.content .menu .lg{display:none;}
	.menubutton.button_1{display:none;}
	.menubutton.button_2{display:inline-block;}
	.menubutton.button_3{display:none;}
	.menubutton.button_4{display:none;}
	.menubutton.button_5{display:none;}
	.content .menu .sm.items_3{display:none;}
	.content .menu .sm.items_4{display:none;}
	.content .menu .sm.items_5{display:none;}
	.content .menu .sm.items_6{display:inline-block;}
	.content .menu .sm.items_7{display:none;}
	.content .home{width:100%;display: flex;}
	.content .visual{width:58%;min-height:350px;}
	.content .visual img{max-width:100%;}
	.content .home .kader{width:42%;min-height:350px;}
	.content .home .kader{background-size:cover;}
	.content .home .kader .devlier{max-width:80%;margin-top:20px;margin-left:15px;}
	.content .home .kader{background-size:100% calc(100% - 10px); background-repeat:no-repeat;height:auto;}
	.content .home .kader .kader_bottom{width:100%;height:20px;background-size:cover; display:none;}
	.content .boxes{width:calc(100% - 1px);border-left:1px dashed #01632f;}
	.content .boxes .box{width:calc(33.33% - 1px);border-right:1px dashed #01632f;min-height:280px;}
	.content .boxes #proefdagen .proeven{max-width:40%;top:90px;right:0;}

	.content .brouwerij .kader .kader_mid_left{width:28%;}
    .content .brouwerij .kader .kader_mid_right{width:60%;margin-left:20px;}

	.content .tasting .kader .kader_mid_left{width:28%;}
    .content .tasting .kader .kader_mid_right{width:60%;margin-left:20px;}

    .content .brouwerij .kader .kader_mid_left .curriculum_img{float:left;width:100%;}
    .content .brouwerij .kader .kader_mid_left .curriculum{float:left;width:calc(100% - 60px);margin:20px;}

    .content .p_01 .kader .kader_mid_left{width:100%;}
    .p_01 .bieren .bier{width:calc(100% / 6 - 10px);}

    .content .p_03 .kader .kader_mid_left{width:60%;}
    .content .p_03 .kader .kader_mid_right {width:calc(40% - 30px);margin-left:10px;}

    .content .p_04 .kader .kader_mid_left{width:30%;display:block;}
    .content .p_04 .kader .kader_mid_right{width:70%}

	.content .p_05 .kader .kader_mid_left .proeven_open{width:350px;}

	.content .p_06 .kader .adres{width:calc(40% - 25px);margin-right:20px;}
	.content .p_06 .kader .adres .contactimg{left:30px;top:130px;width:263px}
	.content .p_06 .kader .formulier{width:calc(60% - 20px);margin-left:20px;}
	.content .p_06 .kader .adres .promo{margin-top:210px;max-width:100%;}

	.content .p_10 .kader .kader_mid_left{width:100%;display:block;}
}

@media only screen and (min-width: 864px) {
	.header{height:182px;width:100%;}
	.header .ster{left:30px;top:25px;width:175px;height:182px; z-index: 999;}
	.header .ster a{display:block;}
	.header .ster a img{height:175px;width:175px;}
	.header .logo{left:calc(50% - 275px);width:550px;height:182px;}
	.header .logo a img{height:182px;}
	.header .lang{bottom:-4px;right:55px;}
	.content{width:100%;}
	.content .menu{width:100%;}
	.content .menu .lg{display:none;}
	.menubutton.button_1{display:inline-block;}
	.menubutton.button_2{display:none;}
	.menubutton.button_3{display:none;}
	.menubutton.button_4{display:none;}
	.menubutton.button_5{display:none;}
	.content .menu .sm.items_3{display:none;}
	.content .menu .sm.items_4{display:none;}
	.content .menu .sm.items_5{display:none;}
	.content .menu .sm.items_6{display:none;}
	.content .menu .sm.items_7{display:inline-block;}
	.content .visual img{max-width:100%;}
	.content .boxes #proefdagen .proeven{max-width:50%;top:70px;right:-25px}

    .content .p_01 .kader .kader_mid_left{width:60%;}
    .p_01 .bieren .bier{width:calc(100% / 4 - 10px);min-height:260px;}
    .content .p_01 .kader .kader_mid_right{width:40%;}
    .content .p_01 .kader .kader_mid_left .status{float:none;}
    .content .p_01 .kader .kader_mid_left .titellijn{display:block;}

/*
    .content .p_02 .kader .kader_mid .andere{width:calc(100% / 3 - 10px);}
    .content .p_02 .kader .kader_mid .andere .prod_mid{width:100%;}
    .content .p_02 .kader .kader_mid .shop{width:calc((100% / 3) * 2 - 10px);padding:0;margin:0 0 10px 0;}
    .content .p_02 .kader .kader_mid .product, .content .p_02 .kader .kader_mid .product_intro{width:calc(100% / 2);}
*/

    .content .p_05 .kader .kader_mid_left{width:65%;}
	.content .p_05 .kader .kader_mid_left .nieuwsitem{margin-left:20px;}
	.content .p_05 .kader .kader_mid_left .proeven_open{width:250px;}
    .content .p_05 .kader .kader_mid_right{width:30%;margin-left:20px;}

	.content .p_06 .kader .adres .contactimg{right:50px;top:130px;}
}

@media only screen and (min-width: 1024px) {
	.header{height:189px;width:1000px;}
	.header .ster{left:30px;top:25px;width:175px;height:189px;}
	.header .ster a{display:block;}
	.header .ster a img{height:175px;width:175px;}
	.header .logo{left:215px;top:0;width:570px;height:189px;}
	.header .logo a img{height:189px;}
	.header .lang{bottom:-4px;right:70px;}
	.content{width:1000px;}
	.menubutton.button_1{display:none;}
	.content .menu{width:980px;}
	.content .menu .lg{display:block;}
	.content .menu .sm{display:none;}
	.content .menu .sm.items_7{display:none;}
	.content .home{width:980px;}
	.content .visual{width:520px;}
	.content .visual img{max-width:100%;}
	.content .home .kader{width:460px;height:347px;background-size:100%;}
	.content .home .kader .devlier{margin-top:30px;margin-left:35px;}
	.content .home .kader .intro{width:370px;}
	.content .home .kader .ontdek{position:absolute;top:270px;left:42px;width:371px;height:77px;}
	.content .home .kader .ontdek a{width:371px;height:77px;display:block;}
	.content .home .kader .kader_bottom{width:460px;height:20px;position:absolute;top:347px;display:block;}
	.content .boxes{width:999px;}
	.content .boxes .box{width:332px;border-right:1px dashed #01632f;height:280px;}
	.content .boxes #proefdagen .proeven{max-width:50%;top:70px;right:-25px}
	.content_bottom{width:1000px;}
	.footer{width:1000px;}

	.content .page{width:980px;}
	.content .brouwerij .kader .kader_mid_left{width:280px;}
	.content .brouwerij .kader .kader_mid_right{width:600px;margin-left:20px;}
    .content .brouwerij .kader .kader_mid_left .curriculum_img{float:none;width:280px;}
    .content .brouwerij .kader .kader_mid_left .curriculum{float:none;width:220px;margin:10px 20px;}

	.content .tasting .kader .kader_mid_left{width:280px;}
	.content .tasting .kader .kader_mid_right{width:590px;margin-left:20px;}
    .content .tasting .kader .kader_mid_left .curriculum_img{float:none;width:280px;}
    .content .tasting .kader .kader_mid_left .curriculum{float:none;width:220px;margin:10px 20px;}

    .content .p_01 .kader .kader_mid_left{width:595px;}
    .p_01 .bieren .bier{width:calc(100% / 4 - 10px);min-height:260px;}
    .content .p_01 .kader .kader_mid_right{width:325px;}

/*
    .content .p_02 .kader .kader_mid{width:920px;}
    .content .p_02 .kader .kader_mid .andere{width:290px;}
    .content .p_02 .kader .kader_mid .andere .prod_mid{width:280px;}
    .content .p_02 .kader .kader_mid .shop{width:610px;}
    .content .p_02 .kader .kader_mid .product, .content .p_02 .kader .kader_mid .product_intro{width:calc(100% / 2 - 10px);margin-left:10px;}
*/

    .content .p_03 .kader .kader_mid_left{width:600px;}
    .content .p_03 .kader .kader_mid_right{width:280px;margin-left:20px;}
    .content .p_03 .kader .kader_mid_right .bezoek{width:280px;}

	.content .p_06 .kader .adres{width:230px;height:466px;margin-left:20px;}
	.content .p_06 .kader .adres .contactimg{left:10px;top:140px}
	.content .p_06 .kader .adres .promo{margin-top:200px;}
	/* .content .p_06 .kader .adres .followus{position:absolute;left:0;} */
	.content .p_06 .kader .formulier{width:400px;margin-left:0px;margin-right:20px;border:1px solid #bfd89f;padding-bottom:20px;}
	.content .p_06 .kader .formulier fieldset, .content .p_06 .kader .formulier .form_submit, .content .p_06 .kader .formulier h2{margin-left:20px;}
	.content .p_06 .kader .routeplan{width:225px;}
	.content .p_06 .kader .routeplan img{width:calc(100% - 2px);}
}
