@media screen and (min-width: 1475px){
	.wwk-sidebar {
	    box-shadow: none !important;
	    transform: scale(1.25);
	}

	.wwk-sidebar__logo-wrapper::after {
		content: none !important;
	}

	.wwk-sidebar__balloon {
		color: #002932 !important;
	}
}

@media screen and (max-width: 1600px){

	/*.main-header>.cntr {
		grid-template-columns: minmax(max-content, 25vw) 1fr;
		width: 100%;
	}

	.header-left {
		justify-content: flex-start;
	}*/


	.color-block h2 {
    	font-size: calc(12px + 2vw);
    	line-height: calc(11px + 2vw);

	}

}

@media screen and (max-width: 1475px){

	/*.color-block .img {
		filter: blur(3px);
	}*/

	.cntr {
		width: 100%;
		min-width: 100%;
		margin: 0px;	
    	padding: 0vw 1vw;
	}

	main.cntr {
		padding-top: 137px;
	}

	#shippingg {
		    grid-template-columns: auto 250px;
	} 

	nav a, .dropdown>span {
		padding: 6px .5vw;
	}

	.aboveheader .cntr {
		justify-content: space-between;
	}


}

@media screen and (max-width: 1330px){
	/*.header-right>div {
		position: absolute;
		right: 0px;
		bottom: 0px;
	}*/

	#btn-afspraak-maken {
		display: none;
	}

}


@media screen and (max-width: 1150px){
	footer .container {
		grid-template-columns: 1fr 1fr;
		grid-gap: 50px;
	}

	.prdcts {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 1000px){

	.hamburger-menu .dropdown>span>a { 
		display: none;
	}


	.single:nth-child(odd), .single:nth-child(even) {
		flex-direction: column;
	}

	.single:nth-child(odd)>.inner, .single:nth-child(even)>.inner {
		padding: 2.5vw;
		margin: 10vw;
		margin-top: 0px;
		padding-top: 0px
	}



	.padding-5 {
		padding: 5px;
	}

	.shopping {
		padding: 2vw 5vw;
	}

	.header-right, .scrollHeader .header-right {
		padding: 10px 0px;
		justify-content: center;
	}

	.header-right>div {
		position: relative;
	    right: auto;
	    bottom: 0px;
	}

	.cntr {
		padding: 0px;
	}

	main.cntr {
		xxpadding: 5px;
		padding-top: calc(43px + 4vw);
	}

	.ppp, .ideal-qr {
	    width: 100%;
	    display: block;
	}

	.main-header {
		overflow: inherit;
	}

	.sub-header {
		display: none !important;
	}

	

	/*	.main-header>.cntr, .mobile-header {
		padding: 0px 10px;
	}*/

	.header-left, .header-right {
		overflow: hidden;
	}

	header nav {
		display: none;
	}

	.mobile-header {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}

	.main-header .cntr .nav-text {
		display: none;
	}

	.filter .option {
		display: inline-block;
    	vertical-align: top;
	}

	.filter .options .option>div {
		flex-direction: column;
	}

	.main-header>.cntr {
	     grid-template-columns: auto max-content;
	}

	.header-left {
		justify-content: flex-start;
		padding: 2vw 5vw;
	}

	header .nav-brand {
    	display: grid;
    	grid-template-columns: 1fr min-content;
    	align-items: center;
    }

    footer .nav-brand img {
    	margin: 15px;
    }

    .subContainer {
	    width: 100%;
	}

	#configurator-content {
		padding-left: 0px;
	}

	.result-recap {
		bottom: 25px;
	}

	.filters {
		direction: ltr;
		width: 100%;
		max-width: 100%;
	}

	#configurator {
		padding-right: 5px;
	}

	#configurator h1 {
		font-size: calc( 10px + 2vw);
		margin: 2.5vh 0;
	}

	#configurator h2 {
		font-size: calc( 10px + 1.25vw);
	}


	.hamburger-menu .dropdown .dropdown-content {
	    position: relative;
	    width: 100%;
	    left: auto;
	    transform: none;
	    top: 0px;
	    overflow: initial;
	    
	    box-shadow: none;
	    padding: 0px;
	    border: 0px;
	    box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 15px -15px inset;
	}

	.hamburger-menu .dropdown-content a {
	    background: white;
	    color: #002932;
    	border-bottom: 1px solid #ddd;
	}

	.hamburger-menu .dropdown.open .dropdown-content {
		display: block;
	}

	.hamburger-icon {
		display: flex !important;
	}

}

@media screen and (max-width: 900px){

	.double {
		grid-template-columns: 1fr;
	}



	#shippingg {
		grid-template-columns: 1fr;
	    font-size: 12px;
	}

	.shpLine-main {
		grid-template-columns: min-content 50px auto;
	}

	.simple .shpLine-main {
		grid-template-columns: 50px auto;
	}

	.shpLine-name {
		margin-left: 10px;
	}

	.shpLine-main>.shpLine-price {
		grid-column: auto / span 3;
	}

	.shpLine-main>div {
		min-height: 55px;
	}

	.shpLine {
		margin: 0px 5px;
	}

	.shpLine-main>.shpLine-price {
		justify-content: flex-end;
	}

	.sleft {
		margin: 0px;
	}

	.shpLine-main>.shpLine-price>* {
		margin: 0px 10px;
	}

	.stotal tr td {
	    padding: 10px 0px;
	}

	.shpLine-name a {
		letter-spacing: 2px;
	}

	.cpbcp.right {
		text-align: right;
	}


}

@media screen and (max-width: 800px){

	body>header {
		height: 69px;
	}

	#payments {
    	flex-wrap: wrap;
	} 

	#payments>img {
    max-width: 40px;
    margin: 10px 20px;
}

	.main-header, .main-header>.cntr {
		height: 100%;
	}



	.streamer .scls {
	    display: block;
	    position: absolute;
	    bottom: 10px;
	    left: 50%;
	    transform: translateX(-50%);
	    top: auto;
	}

	.streamer .scls a{ 
		margin:  10px;
	}

	#msg .dismiss {
		display: none;
	}

	.frPrcs:after {
		height: 2px;
	}

	#inShoppingCartMobile {
		display: block;
	    background: rgba(144,157,97,1);
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    padding: 25px;
	    border-radius: 50%;
	    cursor: pointer;
	    box-shadow: 1px 1px 4px 2px rgb(0 0 0 / 15%);
	    height:  75px;
	    width: 75px;
	}

	#inShoppingCartMobile span {
	    position: absolute;
	    left: 50%;
	    transform: translateX(-50%);
	    font-size: 35px;
	    color: white;
	    top: 0px;
	    font-family: 'din-2014';
	}

	#inShoppingCartMobile img {
		width: 35px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 16px;
	}

	.popup .inner.inner-padding {
		padding-top: 50px !important;
	}

	.cmscnts, .cmscnts .block {
		text-align: left;
	}

	main>.streamer:first-child {
	    min-height: 60vh;
	}

	.headline.x-large {
		font-size: 125%;
	}


	#configurator-result #content {
		height: 100%;
	}

	.single>div {
		margin: 10vw;
	}

	.category-page .double {
		display: flex;
		flex-direction: column-reverse;
	}

	.double>div {
		margin:  20px auto;
	}

	.category-page .double>div {
		margin:0vw auto;
	}

	.flatpickr-calendar {
		left: 50% !important;
    	top: 50% !important;
    	position: fixed;
    	transform: translate(-50%,-50%) scale(0);
    	animation: none !important;
		display: inline-block;
		transition: transform .3s;
	}

	.flatpickr-calendar.open {
		transform: translate(-50%,-50%) scale(1.32);
		transition: transform .3s;
	}

	.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
		display: none;
	}

	.color-block .img {
		filter: blur(0px);
	}

	.color-block .img:after {
        background: linear-gradient(0deg, rgb(194,210,211) 0%, rgba(0,0,0,0) 50%);
    }

    .color-block.left .img:after {
        background: linear-gradient(0deg, rgba(210,192,169) 0%, rgba(0,0,0,0) 50%);
    }
    .color-block.left.grey .img:after {
        background: linear-gradient(0deg, rgb(218,218,218) 0%, rgba(0,0,0,0) 50%);
    }



	footer .container {
		grid-template-columns: 1fr;
		text-align: center;
		justify-content: center;
	}

	footer .container .left {

		text-align: center !important;
	}

	footer nav {
		width: 100%;
		text-align: center;
	}

	.color-block .inner {
	    padding: 10vw 5vw;
	    min-height: 55vw;
	}

	.color-block h2 {
    	font-size: calc(12px + 6vw);
    	line-height: calc(11px + 6vw);

	}

	.color-block .img {
		opacity: .25;
		width: 100%;
		height: 100%;
	}

		.color-block .img>img {
			width: 100%;
			height: 100%;
		}

	.color-block.grey .img:after {
	    left: 0px;
	    width: 100%;
	    height: 0px;
	    top: auto;
	    bottom: 0px;
	}

	.color-block .btn {
		width: 100%;
	}


	#msg .content {
		grid-template-columns: 1fr;
		min-width: 80vw;
	}

	#msg .content>div:nth-child(2) {
		background: none;
	}


	#msg .btn.white {
		color: inherit;
		border: inherit;
	}

	.popup .result {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.popup .result-images {
		position: relative;
	    left: auto;
	    top: auto;
	    transform: none;
	    width: 50vh;
    	height: 30vh;
		margin-top: 5vh;
	}

	.result-recap {
		z-index: 5000;
	}

	.result-recap .btn {
	   xxwriting-mode: vertical-rl;
	    xxtext-orientation: upright;
	}

	.filters {
		padding-left: 10px;
		padding-right: 10px;
	}

	#configurator-content>.content {
		padding-top: 30vw;
	}

	#configurator-result {
		top: 0px;
    	left: 50%;
    	transform: translateX(-50%);
    	max-height: 0px;
	}

	.hamburger-menu {
	    transform: translateY(-100%);
	    width: 100vw;
	}

		.open.hamburger-menu {
			transform: translateY(0%);
		}

	.pic-container {
	    width: 75vw;
	}

	.shpNlblk {
		width: calc(100% - 110px);
	}

	.pic-container, .prdct-container {
	    display: block;
	    margin: 0px auto;
	    width: 100%;
	}

	/*	.aboveheader {
		display: none;
    	height: 0px;
    	overflow: hidden;
	}*/

	.aboveheader {
		display: none;
	}

	header {
		top: 0px !important;
	}

	.prdcts-grps, .prdcts {
		grid-template-columns: repeat(2, 1fr);
	}

	.tar, #shippingg {
	    width: 100%;
	}

	.sh-right {
	    width: 100%;
	    left: 0px;
	    position: relative;
	    top: 0px;
	    margin: 0px;
	}

	.options.small .option .abs .content {
		font-size: 10px;
		padding: 5px;
	}

	.options .option .with-img {
		grid-template-columns: 1fr 1fr;
	}

	.popup>.inner {
		flex-direction: column;
		display: flex;
		width: calc(100% - 10px);
		max-width: 500px;
	}

	.choser.large span {
		color: #002932;
	}

	.filters {
		margin-left: 0px;
	}

	.filters h3 {
		font-size: 125%;
	}

	.filters .choser {
		font-size: 100%;
	}

	#choseBedType .img {
	    width: 100%;
	    height: 100px;
	    max-width: none;
	}

	#choseBedType .result-images {
		margin: 0px;
		width: 100%;
		height: 100%;
	}

	.options.small>div {
		grid-template-columns: repeat(3, 1fr);
	}

	.popup.open.option-popup.split>.inner {
		flex-direction: column-reverse;
		width: 100%;
		height: 100%;
		display: flex;
	}

	.popup.split>.inner>div h2 {
    font-size: 100%;
}

	.popup.split>.inner>div {
		padding: 5px;
		font-size: 85%;
    	height: 75vh;
    	overflow-y: auto;
	}

	.popup.split>.inner>.result {
	    width: 100vw;
	    height: 25vh;
	    padding: 0px;
	    box-shadow: 1px 0px 8px 2px rgba(0,0,0,0.3);
	}

	.result-images img {
	    max-width: 90vw;
		top: 0%;
		transform: none;
	}

	
	#contact.hide-mobile {
		display: none;
	}

	.to-top #contact {
		display: block;
	}

	#contact .lower {
		max-width: 100%;
	}

	#home-prdcts-grps .prdcts-grp:nth-child(4){
		display: flex;
	}

}

@media screen and  (max-width: 600px){
	#contacts {
	    right: 10%;
	    width: 80%;
	}

	#contact-whatsapp span {
		display: none;
	}

}

@media screen and  (max-width: 500px){

	.prdcts-grp {
		overflow: hidden;
	}

	main.cntr {
		overflow-x: hidden;
	}

	input[type="text"], input[type="number"], input[type="password"], select, textarea, .btn, .btn.large {
		padding:  18px;
	}

	.pic-container>div {
		width: 80%;
	}

	.btn-light {
		width: 100%;
	}

	.prdct-txt {
		min-height: 1px;
		margin: 5px 0px;
	}

	.price {
		margin: 5px 0px;
	}

	.prct-descr #prdct-prc, #eurbxx {
		margin: 0px;
	}

	.result-recap .btn {
		display: none;
	}

	.filters .recapp {
		display: block;
	}

	.result-recap {
	    bottom: auto;
	    top: 10px;
	}

	.p80 {
		width: calc(100% - 20px);
	}

	.streamer>div.align-left {
		text-align: center;
		padding: 0px 5vw;
	}

	h1, .price, .streamer>div.align-left {
		font-size: calc(11px + 2vw) !important;
		line-height: calc(11px + 2.5vw) !important;
	}

	.streamer>div .btn.white {
	    background: #002932;
	    color: white;
	    border: 0px;
	    margin-top: 25px;
	}

	.price sup {
	    font-size: calc(11px + .75vw) !important;
	}

	#addToCart {
		width: 100%;
	}

	#prdct-prc {
		margin: 5px 0px;
	}


	.ppp .btn {
		width: 100%;
		padding: 12px;
	}

	.popup.split>.inner {
		font-size: 110%;
		padding: 0px !important;
	}

	.alert.fixed {
		top: 5px;
		width: calc( 100% - 10px);
	}

	.popup {
		display: flex !important;
		top: auto;
		bottom: 0px;
		align-items: flex-end;
		background: rgba(0,0,0,0.0);
		transition: .3s;
		z-index:-1;
	}

	.popup.open {
		 background: rgba(0,0,0,0.3);
		 transition: .3s;
		 z-index: 9999;
	}

	.popup>.inner {
		transform: translateY(100%);
		transition: .3s;
		padding: 5px !important;
	}

	.popup.open>.inner {
		transform: translateY(0%);
		transition: .3s;
	}

	.options:not(.small) .option img {
		width: 35vw;
	}

	main>.streamer:first-child {
		min-height: 110vw;
	}

}

@media screen and  (max-height: 700px){
	#configurator-content>.content {
		padding-top: 15vw;
	}

	.shopping {
    	padding: 0vw 5vw;
	}

	.shopping img:first-child {
	    margin-left: 5px;
	}
	.shopping img {
	    width: 20px;
	    cursor: pointer;
	}

	.hamburger-icon {
	 	width: 40px;
    	height: 35px;
    	padding: 8px 8px;
	}

	.mobile-header {
		min-height: 40px;
	}

	#configurator {
	    font-size: 85%;
	}

	#configurator h1.white.margin-v-l {
	    font-size: 13px !important;
	}

}
/*
@media screen and (max-width:  425px) and (min-width: 400px ){
	main>.streamer:first-child {
		min-height: 65vh;
	}
}


@media screen and (max-width:  400px) and (min-width: 375px ) and (max-height:  675px) and (min-height: 625px ){
	main>.streamer:first-child {
		min-height: 65vh;
	}
}


@media (min-aspect-ratio: 400/562) and (min-aspect-ratio: 326/586) {
	main>.streamer:first-child {
		min-height: 65vh;
	}
}*/