@media screen and (max-width: 1400px) {
	#header-logo { width:200px; }
	#header-txt h1, #header-txt .h1-style { font-size:1.25em; }
	#main-menu { padding: 0px; }
	#carousel-header .owl-prev { left:25px; margin-left:0; }
	#carousel-header .owl-next { right:25px; margin-right:0; }
	#over-ons-down { right:-100px; }
	
	/*#carousel-header { height:350px; }
	.owl-stage-outer, .owl-stage, .owl-item, .carousel-header-item,
	#carousel-header img { height:100%; }
	.carousel-header-item { overflow:hidden; }
	#carousel-header img { width:auto; }*/
	.carousel-header-item { overflow:hidden; }
	#carousel-header img { width:auto; height:350px; left: 50%; position: relative; transform: translateX(-50%); }
}

@media screen and (max-width: 1200px) {
	#header-txt h1, #header-txt .h1-style { font-size:1.125em; }
	#header-txt .h1-style.brown-alpha, #header-txt h1.brown-alpha { padding:10px 20px 5px 20px; }
	.highlight-item { border-radius:75px; width:24%; margin-right:1.33%; padding-bottom: 37%; }
	.highlight-item:nth-child(4n) { margin-right:0; }
	.highlight-item .bottom-tekst { border-bottom-left-radius: 75px; border-bottom-right-radius: 75px; }
	/*.cookie-bg { background-image:url(../images/mobiel-koek-bg.jpg); background-size:auto auto; background-repeat:repeat-y; }*/
	.white-bg { background:none;}
	.product-item { border-radius: 50px; height: 165px; }
	.rollover { border-radius:50px; }
	#top-footer a { width: 40px; height: 40px; line-height: 39px; }
	#top-footer a, #top-footer span { font-size:.6em; }
	#related-recepten-wrapper .recept-wrapper .recept-item { height: 200px; }
	.recept-wrapper .recept-item { border-radius:60px; }
	.waarom-tekst2 { top:30%; }
	.recept-wrapper .recept-item { height:225px; }
	#header-img { height:300px; overflow:hidden; } 
	#header-img img { height: 100%; width: auto; left:50%; transform:translateX(-50%); }
	body.home #header-img { height:500px; }
	#header-logo { width:170px; }
	#home-link { margin-top: 15px; margin-left: 20px; }
	p.intro-tekst { font-size:.7em; padding:0 40px; }
	.brown-wrapper, .purple-wrapper { padding:20px 40px; }
}
 
@media screen and (max-width: 1150px) {
	.waarom-tekst1, .waarom-tekst2 { width:47%; }
	#waarom-content .afbeelding_1,
	#waarom-content .afbeelding_2 { max-width:53%; }
	#over-ons-down { right:-60px; }
	#over-ons-down i { font-size:30px; }
}

/*
 * Tablet CSS
 */
@media screen and (max-width: 1023px) {
	#cat-info-container .back-to { position: static; display: inline-block; }
	.fb-footer { float:none; position:static; margin-top:20px; }
	#header-txt .h1-style.brown-alpha, #header-txt h1.brown-alpha, #carousel-front-txt h1 { padding: 10px 20px 7px 20px; font-size:1em; line-height:1; } 
	#carousel-header img { height:300px; }
	#over-ons-down { display:none; }
	.highlight-item { border-radius: 50px; }
	.highlight-item .bottom-tekst { border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; }
	h3 { font-size: 1.25em; }
	.highlight-item .bottom-tekst p { font-size: .8em; }
	.mobile-block { display:block; margin:1em 0; }
	#bottom-footer { padding:20px 0; }
	#cat-wrapper li { margin:0 5px; font-size:.55em; }
	#search-recepten button { top:10px; }
	#cat-wrapper ul { margin-bottom:35px; }
	#product-info .table,
	#product-info .table-cell { display:block; height:auto; }
	.padding-l-40 { padding-left:0; }
	#product-info .table { overflow:hidden; }
	#product-info .width-20,
	#product-info .width-30,
	#product-info .width-50 { width:100% !important; }
	#product-info .width-30 { margin:20px 0 10px 0; }
	#product-info .width-20 { margin-bottom:0; }
	#product-info #select-productdata { width:400px; max-width:100%; margin:0 auto; overflow:hidden; } 
	#select-productdata li { width:49%; margin:0; margin-right:2%; margin-bottom:2%; float:left; }
	#select-productdata li:nth-child(2n) { margin-right:0; }
	#related-recepten .underline-heading h2 { font-size: .8em; }
	#related-recepten-wrapper .recept-wrapper { width:48%; margin-top:0 !important; margin-right:4%; margin-bottom:4%; }
	#related-recepten-wrapper .recept-wrapper:nth-child(2n) { margin-right:0; }
	#waarom-content img.mobile-only { display:block; margin:50px auto; max-width:100%; height:auto; }
	#waarom-content img.bg-waarom { display:none; }
	.waarom-tekst1, .waarom-tekst2 { width:100%; position:static; }
	.recept-wrapper .recept-item { height:200px; }
	.left-recept, .right-recept { float:none; width:100%; padding:0; }
	.left-recept { margin:25px 0; }
	#tablet-indicator { display:block; }
	#desktop-position { display:none; }
	#mobile-position { display:block; }
	.left-recept > img { margin:0 auto; }
	.extra-small-container { width: 75%; }
	#recept-stats { margin-top:10px; }
	#waarom-content { background:none; }
	#waarom-content > div.clearfix { margin-bottom:0; }
	.waarom-tekst1 { margin-top:0; }
	#waarom-content > div.clearfix > * { float:none !important; }
	#waarom-content .afbeelding_1,
	#waarom-content .afbeelding_2,
	#waarom-content .afbeelding_3 { display:block; width:500px; max-width:100%; height:auto; margin:0 auto; margin-top:50px; }
}
 
/*
 * Mobile CSS
 */
@media screen and (max-width: 767px) {
	h1, h2, h3, .h1-style, h4, h5, h6 { font-size:1.25em; }
	#waarom-content img.mobile-only { margin:30px auto; }
	#mobile-indicator { display:block; }
	body.home #header-img { }
	#toggle-menu { top:25px; right:20px; }
	.owl-nav i { font-size:30px; }
	.owl-prev { left: -15px; }
	.owl-next { right: -15px; }
	#cat-wrapper ul { width:100%; padding-left:0; padding-right:0; border-bottom:0; margin-bottom:0; }
	#cat-wrapper li { width:48.5%; display:block; float:left; margin:0; margin-right:3%; margin-bottom:2%; padding:7px 5px; box-sizing:border-box; background:#efe6dc; border-radius:4px; }
	#cat-wrapper li:nth-child(2n) { margin-right:0; }
	#cat-wrapper li.search-li { padding:0; background: none; border-radius: 0; width: 80%; float: none; clear: both; margin:0 auto; }
	#cat-wrapper li.search-li form { padding:10px 0 25px 0; margin:0; }
	#cat-wrapper li.search-li input { width:100%; }
	#search-recepten button { top:16px; }
	#search-recepten button i { font-size:22px; }
	.back-to { margin-bottom: 30px; margin-left: auto; text-align: center; }
	#product-info-container { width:100%; max-width:100%; }
	#product-info { border-radius:30px; padding:25px 10px; }
	.product-wrapper,
	.product-wrapper:nth-child(4n) { width:31.33%; margin-right:3%; margin-bottom:3%; }
	.product-wrapper:nth-child(3n) { margin-right:0; }
	p.intro-tekst { padding:0; }
	#recept-stats { margin-top:15px; margin-bottom:10px; }
	.recept-ingredienten, .recept-bereiding { padding:0; float:none; width:100%; }
	.recept-bereiding { margin-top:30px; }
	.extra-small-container { width:100%; }
	#product-nav { display:none; }
	.product-item .rollover { display:none; }
	#lotus-history li { margin:0; }
	#andere-recepten-wrapper .recept-wrapper { float: none; width: 250px; margin: 0 auto; border-radius:60px; overflow:hidden; }
	#andere-recepten-wrapper .recept-wrapper img { -webkit-transform-style:flat !important; width:auto !important; }
	#andere-recepten-wrapper .recept-wrapper h3 { border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; }
	
	table.perfect-match-table img { width:auto; max-width:100%; height:auto; display:block; margin:0 auto; float:none; }
	table.perfect-match-table { margin-top:0; display:block; }
	table.perfect-match-table td,
	table.perfect-match-table td:nth-child(2) { width:100%; display:block; }
	
	.highlight-item { width:47.5%; margin-right:5%; margin-bottom:5%; padding-bottom:74%; border-radius: 75px; }
	.highlight-item .bottom-tekst { border-bottom-left-radius: 75px; border-bottom-right-radius: 75px; padding-left:30px; padding-right:30px; }
	.highlight-item:nth-child(2n) { margin-right:0; }
}

@media screen and (max-width: 640px) {
	body { overflow-x:hidden; }
	.highlight-item .bottom-tekst { padding-left:20px; padding-right:20px; }
	
	body.page-template-template-contact #content > .container { background:#efe6dc; }
	#contact-form { width:100%; border-radius:0; padding:0; margin:0; }
	#header-logo { width:150px; }
	#nieuwsbrief-overlay { background:url(../images/nieuwsbrief-bg.jpg) no-repeat center bottom #ffffff; width:100%; }
	#nieuwsbrief-form { background:none; box-shadow:none; width:100%; padding:0 15px; }
	.close-nieuwsbrief { right:15px; top:0; width:36px; height:36px; line-height:38px; font-size:20px; }
	#bottom-footer ul, #bottom-footer p { float:none; }
	#bottom-footer ul { margin-left:0; }
	#bottom-footer .inline-block { vertical-align:top; }
	.large-container, .small-container, .container { width:100%; max-width:100%; box-sizing:border-box; }
	.large-container, .small-container, .container { padding-right:15px; padding-left:15px; }
	#assortiment .container { padding-left:30px; padding-right:30px; }
	#menu-hoofdmenu li { font-size:.8em; }
	
	.vacature-item, 
	.vacature-item:nth-child(3n),
	.product-wrapper,
	.product-wrapper:nth-child(3n),
	.product-wrapper:nth-child(4n) { width:48%; margin-right:4%; margin-bottom:4%; }
	.vacature-item,
	.vacature-item:nth-child(3n) { margin-bottom:8%; }
	.vacature-item:nth-child(2n),
	.product-wrapper:nth-child(2n) { margin-right:0; }
	.vacature-item:nth-last-child(-n+2),
	.product-wrapper:nth-last-child(-n+2) { margin-bottom:0; }
	
	.recept-wrapper,
	.recept-wrapper:nth-child(3n) { width:48%; margin-right:4%; margin-bottom:4% !important; }
	.recept-wrapper:nth-child(2n) { margin-right:0; }
	.recept-wrapper:nth-last-child(-n+2) { margin-bottom:0 !important; }
	/*.cookie-bg { background-size:800px auto; }*/
	
	#related-recepten .container { padding-left:30px; padding-right:30px; }
	.alignright, .alignleft { float:none; display:block; margin:0 auto; }
	#lotus-history .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 72px; height: 26px; background-size: cover !important; margin-top:13px; }
}

@media screen and (max-width: 480px) {
	#cat-wrapper li { font-size: 0.4em; }
	.highlight-item,
	.highlight-item:nth-child(2n) { float:none; width:75%; margin:0 auto; margin-bottom:20px; padding-bottom:100%; border-radius: 60px; }
	.highlight-item .bottom-tekst { border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; }
}	

@media screen and (max-width: 460px) {
	h1, h2, h3, .h1-style, h4, h5, h6 { font-size:1em; }
	#header-logo { width:100px; }
	#header-txt h1, #header-txt .h1-style { font-size: .8em; }
	#header-txt .h1-style.brown-alpha, #header-txt h1.brown-alpha { padding: 8px 20px 5px 20px; }
	#header-img { height: 250px; }
	#toggle-menu .inline-svg { width: 40px; height: 34px; }
	.highlight-item { border-radius: 50px; }
	.highlight-item .bottom-tekst { border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; }
	.highlight-item .bottom-tekst p { font-size: .7em; line-height: 1.1; }
	h3 { font-size: 1em; }
	.underline-heading h2 { font-size:.8em; margin-bottom:1em; }
	.underline-heading h2:after { width:200px; margin-left:-100px; }
	.normal-padding { padding-top:25px; padding-bottom:25px; }
	#top-footer a, #top-footer span { font-size: .5em; }
	#top-footer a { position: relative; top: 3px; width: 35px; height: 35px; line-height: 34px; }
	.mobile-block { margin:20px 0 15px 0; }
	#bottom-footer ul li, #bottom-footer p { font-size:.35em; text-align:center; }
	#menu-hoofdmenu li { font-size:.7em; }
	.back-to a { font-size:.4em; }
	#related-recepten .underline-heading h2 { font-size: .6em; padding: 0 0 10px 0; margin-bottom: 0; }
	#related-recepten-wrapper .recept-wrapper .recept-item { height:175px; }
	/*.cookie-bg { background-size:600px auto; }*/
	.voedingswaarden.four-cols td,
	.voedingswaarden.four-cols th { font-size:.35em; }
	
	#recepten-container .recept-wrapper { width:80%; margin:0 auto; margin-bottom:20px !important; float:none; }
	.recept-wrapper .recept-item h3 { font-size: .9em; }
}

@media screen and (max-width: 400px) {
	#share-options li { margin-bottom:5px; }
	.voedingswaarden td { font-size:.4em; }
	.voedingswaarden th { font-size:.35em; }
	.voedingswaarden.four-cols td,
	.voedingswaarden.four-cols th { font-size:.35em; }
	.voedingswaarden.four-cols th { text-transform:none; }
	#top-footer input { width:200px; }
	#nieuwsbrief-form h4 { font-size:.8em; }
	h1, h2, h3, .h1-style, h4, h5, h6 { font-size:.9em; }
	p, li, a { font-size:.4em; }
	#cat-wrapper li a { font-size:.85em; }
	#select-productdata li { font-size:.35em; }
	.product-item { height:140px; border-radius:35px; }
	.rollover { border-radius:35px; }
	.product-item img { max-height:65px; }
	p.intro-tekst { font-size:.6em; }
	.vacature-item, 
	.vacature-item:nth-child(2n),
	.vacature-item:nth-child(3n) { float:none; width:80%; margin:0 auto 20px auto !important; }
	.recept-wrapper .recept-item { border-radius:45px; }
	#related-recepten-wrapper .recept-wrapper .recept-item { height:150px; }
	.vacature-item,
	.vacature-item:nth-child(2n),
	.vacature-item:nth-child(3n) { margin-bottom:40px !important; }
	.vacature-item:last-child,
	.recept-wrapper:last-child { margin-bottom:0 !important; }
	.close-nieuwsbrief { right:15px; top:0; width:32px; height:32px; line-height:34px; font-size:18px; }
	/*.cookie-bg { background-size:500px auto; }*/
	#andere-recepten-wrapper .recept-wrapper { width:100%; }
	.owl-next { right:-25px; }
	.owl-prev { left:-25px; }
	#share-options li a { min-width:0; }
	#share-options li a i { margin-right: 2px; }
	.highlight-item,
	.highlight-item:nth-child(2n){ width:100%; padding-bottom:125%; }
}