@media screen and (max-width: 1700px) {
	#hero {
		margin-top: -340px;
		padding-bottom: 100px;
		}

	.home .sub-title {
		font-size: 14px;
		}

	.home h1 {
		max-width: 78%;
		font-size: 90px;
		}

	#catalogus .holder {
		width: 1400px;
		}

	#catalogus {
		margin-bottom: 0;
		}

	.text-holder h2 {
		font-size: 78px;
		letter-spacing: -3.8px;
		}

	.contact h2, .faq h2 {
		font-size: 60px;
		}

	#contactForm {
		width: 880px;
		}

	.form-holder {
		padding: 50px;
		}

	#prod-details h1 {
		font-size: 86px;
		}

	.st h2 {
		font-size: 65px;
		}

	.st-holder {
		padding: 180px 80px 220px 80px;
		}
	}

@media screen and (max-width: 1520px) {
	#top-banner {
		font-size: 13px;
		}

	#hero {
		margin-top: -380px;
		padding-bottom: 80px;
		}

	#catalogus .holder {
		width: 1300px;
		}

	.c-item h2 {
		font-size: 19px;
		}

	.c-button {
		padding: 20px;
		}

	.holder {
		width: 1140px;
		}

	.text-holder, .img-holder {
		width: 42%;
		}

	.text-holder h2 {
		font-size: 74px;
		}

	.text-holder p {
		font-size: 17px;
		line-height: 165%;
		}

	#catalogus.duo .c-item {
		width: 42%;
		}

	.c-item img {
		width: 80%;
		left: 10%;
		}

	ul.cl li {
		font-size: 17px;
		}

	#prod-img {
		width: 480px;
		height: 450px;
		}

	#prod-details {
		width: 590px;
		}

	#prod-details h1 {
		font-size: 80px;
		margin-bottom: 20px;
		}

	#product-info h2 {
		font-size: 70px;
		letter-spacing: -3px;
		}

	.pir {
		width: 620px;
		}

	.photo.big {
		width: 100%;
		}

	.photo.small {
		width: 340px;
		}

	#product-info p {
		font-size: 17px;
		line-height: 170%;
		}

	.usp .icon {
		width: 40px;
		height: 40px;
		margin-right: 15px;
		}

	.usp p {
		font-size: 16px;
		padding-top: 8px;
		}

	.st-holder {
		width: 90%;
		padding: 120px 80px 130px 80px;
		}

	.st h2 {
		font-size: 60px;
		margin-bottom: 20px;
		}

	.st {
		width: 60%;
		}

	.si {
		width: 40%;
		}

	#faq {
		width: 650px;
		}

	.column {
		margin: 0;
		}

	.column li, .column li a {
		font-size: 17px;
		}
	}

@media screen and (max-width: 1340px) {
	.home h1 {
		font-size: 84px;
		}

	#av h2 {
		font-size: 38px;
		}

	.c-button {
		margin-top: 30px;
		}

	.holder, #catalogus.duo .holder {
		width: 1000px;
		}

	#catalogus {
		margin-top: 80px;
		}

	.text-holder, .img-holder {
		width: 44%;
		}

	.text-holder h2 {
		font-size: 65px;
		}

	.button {
		font-size: 16px;
		letter-spacing: -0.3px;
		padding: 16px 26px;
		}

	.button span {
		margin-top: 3px;
		}

	#mandje {
		width: 440px;
		}

	.mand.item {
		margin-bottom: 80px;
		padding: 30px 20px;
		}

	.item-info {
		margin-left: 30px;
		}

	.item-info p {
		font-size: 16px;
		}

	#total-price {
		padding: 30px 0;
		}

	#prod-img {
		width: 400px;
		height: 380px;
		}

	#prod-details {
		width: 530px;
		}

	#prod-details h1 {
		font-size: 70px;
		}

	#price p {
		font-size: 48px;
		}

	#product-info h2 {
		font-size: 65px;
		}

	.pir {
		width: 550px;
		}

	.photo.small {
		width: 300px;
		}

	#product-info p {
		margin-top: 30px;
		}

	.usp-holder {
		position: relative;
		}

	.usp .icon {
		position: absolute;
		margin-left: -20px;
		margin-right: 0;
		top: -45px; left: 50%;
		}

	.st-holder {
		padding: 110px 60px;
		}

	.st h2 {
		font-size: 50px;
		}

	.st p, .question p, p.answer, .c-item .price, .sub-text {
		font-size: 17px;
		}

	.contact h2, .faq h2 {
		font-size: 50px;
		letter-spacing: -2.5px;
		}

	.sub-text {
		margin-top: 20px;
		}

	#faq {
		width: 600px;
		}

	#catalogus .holder {
		width: 1160px;
		}

	.c-button {
		width: 70%;
		font-size: 16px;
		padding: 18px;
		}

	ul.cl li {
		font-size: 16px;
		}
	}

@media screen and (max-width: 1200px) {
	#menu a {
		font-size: 14px;
		}

	#menu li {
		margin: 0 17px;
		}

	#chart-button p {
		font-size: 15px;
		margin-top: 5px;
		}

	.home .sub-title {
		font-size: 12px;
		}

	.home h1 {
		font-size: 74px;
		letter-spacing: -4.5px;
		}

	.home h1:after {
		height: 60px;
		margin-top: 30px;
		}

	.block {
		position: relative;
		z-index: 2;
		}

	.block.duo {
		z-index: 3;
		}

	.block.top {
		height: auto;
		z-index: 1;
		padding-bottom: 80px;
		margin-top: -480px;
		}

	.usps {
		padding-top: 360px;
		}

	.img-holder {
		width: 42%;
		}

	.button {
		margin-top: 50px;
		}

	.block {
		padding: 70px 0;
		}

	#catalogus {
		margin-top: 10px;
		}

	#catalogus .holder {
		width: 960px;
		}

	.c-item.sale .bg:after {
		font-size: 11px;
		right: 20px;
		}

	.c-item h2 {
		font-size: 17px;
		}

	.c-button {
		width: 100%;
		border-radius: 0 0 10px 10px;
		}

	#price p {
		font-size: 46px;
		}

	.text-holder h2 {
		font-size: 52px;
		letter-spacing: -3px;
		}

	.text-holder p {
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 20px;
		}

	#contactForm {
		width: 800px;
		}

	#contactForm input#verstuur {
		font-size: 16px;
		}

	.contactHolder span, .contactHolder input, #contactForm textarea {
		font-size: 16px;
		}

	#melding, #message {
		font-size: 15px;
		}

	.question input, .question textarea {
		font-size: 15px;
		padding: 12px 20px;
		}

	.form-option {
		font-size: 14px;
		}

	#plaatsen {
		padding: 17px 24px;
		}

	#av {
		margin-top: -30px;
		}

	#av .holder {
		width: 700px;
		}

	#av h2 {
		font-size: 30px;
		letter-spacing: -1.2px;
		}

	#av p, #av ul li {
		font-size: 17px;
		}

	#contactForm {
		margin-top: 50px;
		}

	#footer-logo {
		width: 100px;
		height: 80px;
		}

	.column.right {
		margin-right: 50px;
		}

	.column li {
		margin-bottom: 18px;
		}

	.column li, .column li a {
		font-size: 16px;
		}

	.left-block p {
		font-size: 14px;
		}

	.development p {
		font-size: 13px;
		}
	}

@media screen and (max-width: 1100px) {
	.home h1 {
		font-size: 62px;
		letter-spacing: -3.5px;
		}

	.holder, #catalogus.duo .holder {
		width: 82%;
		}

	#catalogus .holder {
		width: 800px;
		}

	.c-item {
		margin: 0 20px 60px 20px;
		}

	.c-item h2 {
		font-size: 15px;
		line-height: 170%;
		}

	.st p, .question p, p.answer, .c-item .price, .sub-text {
		font-size: 15px;
		}

	.button, .text-holder p {
		font-size: 15px;
		}

	.button {
		padding: 13px 20px;
		}

	.text-holder h2 {
		font-size: 44px;
		}

	.form-holder {
		padding: 45px;
		}

	.contactHolder {
		margin-bottom: 50px;
		}

	#contactForm textarea {
		height: 216px;
		}

	#contactForm input#verstuur {
		padding: 16px;
		}

	#prod-img {
		width: 320px;
		height: 300px;
		}

	#prod-details {
		width: 500px;
		}

	#prod-details h1 {
		font-size: 67px;
		letter-spacing: -4px;
		}

	.sub-title {
		font-size: 11px;
		}

	#product-info h2 {
		font-size: 52px;
		}

	.pir {
		width: 470px;
		}

	.photo.small {
		width: 240px;
		}

	#product-info p {
		font-size: 15px;
		}

	.usp p, ul.cl li {
		font-size: 14px;
		}

	ul.cl li:before {
		margin-top: 0;
		}

	.contact h2, .faq h2 {
		font-size: 45px;
		}

	.left-block {
		margin-right: 15%;
		}

	.column li, .column li a {
		font-size: 15px;
		}

	.column.right {
		margin-right: 0;
		}
	}

@media screen and (max-width: 1000px) {
	#top-banner {
		font-size: 12px;
		}

	.home .sub-title {
		font-size: 11px;
		}

	.home h1 {
		font-size: 55px;
		letter-spacing: -3px;
		}

	#catalogus .holder {
		width: 740px;
		}

	.c-item {
		margin: 0 10px 60px 10px;
		}

	.button, .text-holder p {
		font-size: 14px;
		}

	#faq {
		width: 530px;
		}

	#av .holder {
		width: 74%;
		}

	#av h2 {
		font-size: 26px;
		letter-spacing: -1px;
		}

	#prod-details {
		width: 430px;
		}

	#prod-details h1 {
		font-size: 55px;
		letter-spacing: -3.5px;
		}

	#add {
		font-size: 14px;
		padding: 14px;
		}

	#mandje {
		width: 370px;
		}

	.mand.item {
		margin-bottom: 40px;
		}

	.item-img {
		width: 50px;
		height: 50px;
		}

	.item-info {
		margin-top: 0;
		margin-left: 12px;
		}

	.item-info p {
		font-size: 14px;
		margin-bottom: 2px;
		}

	.item-info span.opt {
		margin-top: 0;
		margin-bottom: 2px;
		}

	.item-info span, .item-info span.opt {
		font-size: 14px;
		}

	.mand.item .remove {
		width: 20px;
		height: 20px;
		}

	#total-price {
		font-size: 17px;
		padding: 25px 0;
		margin-top: 70px;
		}

	.bezorgkosten {
		font-size: 13px;
		}

	.question span, .note {
		font-size: 14px;
		}

	.column h3 {
		font-size: 18px;
		}
	}

@media screen and (max-width: 940px) {
	#hero {
		padding-bottom: 70px;
		}

	#prod-details {
		width: 400px;
		}

	#prod-img {
		width: 300px;
		height: 280px;
		}

	#prod-details h1 {
		font-size: 50px;
		}

	#add {
		padding: 13px 18px;
		}

	#price {
		margin-top: 20px;
		}

	#price p {
		font-size: 40px;
		letter-spacing: -2px;
		}

	#product-info h2 {
		width: 320px;
		font-size: 48px;
		margin-bottom: 50px;
		}

	.pir {
		width: 400px;
		}

	.photo.small {
		width: 200px;
		}

	.usp {
		padding: 16px 10px;
		}

	.usp .icon {
		top: -35px;
		}

	.usp p, ul.cl li {
		font-size: 13px;
		}

	.st h2 {
		font-size: 40px;
		}

	.st-holder {
		padding: 80px 40px;
		}

	.c-button {
		margin-top: 14px;
		}
	}

@media screen and (max-width: 880px) {
	#prod-details {
		width: 360px;
		}

	#prod-img {
		width: 280px;
		height: 260px;
		}

	#prod-details h1 {
		font-size: 50px;
		}

	#product-info h2 {
		width: 280px;
		font-size: 42px;
		}

	.pir {
		width: 370px;
		}

	#product-info p {
		margin-top: 20px;
		}

	#catalogus.duo .c-item {
		margin-bottom: 130px;
		}

	#contactForm {
		width: 680px;
		}

	.form-holder {
		padding: 40px;
		}

	#av h2 {
		font-size: 24px;
		}

	#av p, #av ul li {
		font-size: 16px;
		}
	}

@media screen and (max-width: 800px) {
	#prod-details {
		width: 340px;
		}

	#prod-img {
		width: 260px;
		height: 240px;
		}

	#prod-details h1 {
		font-size: 46px;
		}

	#product-info h2 {
		width: 260px;
		font-size: 40px;
		}

	.pir {
		width: 350px;
		}

	.c-item.sale .bg:after {
		padding: 10px;
		}
	}

@media screen and (max-width: 750px) {
	#desktop {
		display: none;
		}

	#mobile {
		display: block;
		}

	#header {
		background: #fff;
		box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
		}

	#chart-button, #chart-button:hover {
		background: none;
		position: relative;
		box-shadow: none;
		padding: 16px 12px;
		margin-right: 60px;
		}

	#chart-icon {
		width: 36px;
		height: 36px;
		background: url(../img/basket-brown.svg);
		margin-right: 0;
		}

	#chart-button p, #chart-icon:after {
		display: none;
		}

	#chart-button:hover, #chart-button.active {
		background: none;
		box-shadow: none;
		}

	#chart-button.grow {
		transform: scale(1.18);
		}

	#mobile-counter {
		width: 16px;
		height: 16px;
		position: absolute;
		background: #73574c;
		display: block;
		font-size: 11px;
		text-align: center;
		border-radius: 99px;
		border: 2px solid #fff;
		top: 18px; right: 5px;
		}

	#mobile-counter.hide {
		display: none;
		}

	#banner {
		height: 540px;
		}

	.home h1 {
		max-width: 100%;
		font-size: 50px;
		margin-top: 20px;
		}

	#catalogus .holder, #catalogus.duo .holder {
		width: 100%;
		display: block;
		}

	.block {
		padding: 40px 0;
		}

	.c-item, #catalogus.duo .c-item, #catalogus.duo .c-item:nth-child(even) {
		width: 90%;
		float: none;
		display: table;
		margin: 0 auto 100px auto;
		}

	.c-item h2 {
		font-size: 18px;
		}

	.text-holder, .img-holder {
		width: 100%;
		}

	.text-holder {
		margin-bottom: 40px;
		}

	.button, #contactForm {
		margin-top: 30px;
		}

	#contactForm, .sub-text, #contactForm input, #contactForm textarea {
		width: 100%;
		}

	#contactForm {
		padding-bottom: 40px;
		}

	.form-left, .form-right {
		width: 100%;
		}

	#prod-img {
		width: 100%;
		height: auto;
		margin-top: 20px;
		}

	#prod-details {
		width: 100%;
		margin-top: 70px;
		}

	ul.cl li {
		margin-bottom: 10px;
		}

	#product-info h2 {
		width: 100%;
		}

	.pir {
		width: 100%;
		margin-top: -20px;
		}

	.photo.small {
		width: 70%;
		float: right;
		margin-top: 20px;
		}

	#product-info {
		padding-bottom: 0;
		}

	#product-info p {
		margin-top: 10px;
		}

	#product-info .photo {
		border-radius: 5px 5px 52px 5px;
		}

	.block.top {
		margin-top: 50px;
		}

	.usps {
		padding-top: 0;
		}

	.usp {
		width: 100%;
		padding: 30px 20px;
		}

	.usp:last-child {
		float: none;
		margin-top: 40px;
		}

	.usp .icon {
		top: -50px;
		}

	.usp p {
		font-size: 15px;
		}

	.split {
		display: table;
		}

	.si {
		width: 100%;
		height: 300px;
		}

	.si:after, .si.right:after {
		background: linear-gradient(0deg, rgba(248, 244, 242, 1) 5%, rgba(248, 244, 242, 0.7) 50%, rgba(248, 244, 242, 0) 100%);
		}

	.si.right:after {
		background: linear-gradient(180deg, rgba(248, 244, 242, 1) 5%, rgba(248, 244, 242, 0.7) 50%, rgba(248, 244, 242, 0) 100%);
		}

	.st, .st.left, .st-holder {
		width: 100%;
		float: none;
		}

	.sub-title, .st h2 {
		margin-bottom: 14px;
		}

	#faq {
		width: 100%;
		}

	.question {
		padding: 16px;
		margin-bottom: 14px;
		}

	.question .arrow {
		right: 0;
		}

	p.answer.show {
		margin: 20px 0;
		}

	#mandje, #vragenlijst {
		width: 100%;
		float: none;
		box-sizing: border-box;
		}

	#mandje {
		margin-bottom: 40px;
		}

	#vragenlijst {
		padding: 16px;
		}

	.question input, .question textarea {
		font-size: 14px;
		margin-bottom: 0;
		}

	#vragenlijst .question {
		padding: 6px 0;
		}

	#plaatsen {
		font-size: 15px;
		}

	.contact h2, .faq h2 {
		font-size: 37px;
		}

	#contactForm textarea {
		height: 166px;
		}

	#catalogus .button {
		margin-top: -50px;
		}

	#menu {
		width: 80%;
		position: absolute;
		background: none;
		box-shadow: none;
		display: none;
		margin-top: 100px;
		left: 10%;
		}

	#menu.visible {
		display: inline-block;
		}

	#menu a {
		display: table;
		overflow: hidden;
		margin-bottom: 30px;
		}

	#menu a li {
		position: relative;
		font-size: 22px;
		color: #342823;
		letter-spacing: -0.8px;
		top: 35px;

		transition: top .8s ease;
		}

	#menu li.show {
		top: 35px;
		}

	#menu li.mobile-show {
		top: 0;
		}

	#menu li.active:after {
		float: left;
		margin-top: 14px;
		margin-right: 20px;
		}

	#mobile-menu {
		width: 60px;
		height: 52px;
		position: absolute;
		border-radius: 99px;
		top: 8px; right: 0;

		transition: transform .4s ease;
		}

	#header.fixed #mobile-menu {
		top: 14px;
		}

	#mobile-menu.show-1 {
		transform: scale(1.05);
		}

	#mobile-menu.show-2 {
		transform: scale(0.98);
		}

	#mobile-menu.show {
		transform: scale(1);
		}
/*
	#mobile-menu-bg {
		width: 100%;
		height: 100%;
		position: absolute;
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
		box-sizing: border-box;
		border-radius: 99px;
		top: 0; left: 0;
		}*/

	#mobile-lines {
		width: 22px;
		position: absolute;
		z-index: 2;
		margin-top: -17px;
		margin-left: -11px;
		top: 50%; left: 50%;
		}

	#mobile-menu .line {
		width: 22px;
		height: 2px;
		position: absolute;
		background: #73574c;
		border-radius: 99px;
		margin-top: 7px;

		transform: rotate(0deg);
		transition: width .3s ease, top .3s ease, transform .3s ease;
		}

	#header.dark #mobile-menu .line {
		background: #000;
		}

	#mobile-menu .line.two {
		top: 8px;
		}

	#mobile-menu .line.three {
		top: 16px;
		}

	#mobile-menu.open .line.one {
		top: 9px;
		transform: rotate(-45deg);
		}

	#mobile-menu.open .line.two, #header.fixed #mobile-menu.open .line.two {
		width: 0;
		}

	#mobile-menu.open .line.three {
		top: 9px;
		transform: rotate(45deg);
		}

	#menu-bg {
		width: 100%;
		height: 100%;
		position: fixed;
		background: #fff;
//		background: rgba(255, 255, 255, 0.9);
		-webkit-backdrop-filter: blur(6px);
		backdrop-filter: blur(6px);
		display: none;
		opacity: 0;
		z-index: 5;
		top: 0; left: 0;

		transition: opacity .4s ease;
		}

	#menu-bg.visible {
		display: block;
		}

	#menu-bg.show {
		opacity: 1;
		}

	#av .holder {
		width: 80%;
		}

	#footer {
		padding: 140px 0 40px 0;
		}

	.column {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
		}
	}

@media screen and (max-width: 500px) {
	.home h1 {
		font-size: 45px;
		}
	}