@media only screen and (max-width: 767px) {
    #besteldesk #top-fixed.background #logo {max-height:100px;margin-left:0;}
	#besteldesk #header.small {height:70vh;}
	
	#top-fixed.background .col {width:50%;}
	
	#besteldesk #header .col, #top-fixed.background .col {padding:5%;}
	#top-fixed.background .col:first-child {width:40%;}
    #top-fixed.background .col:last-child {width:60%;padding-left:0;}
    
    #besteldesk #header #top h1 {font-size:28px;line-height: 34px;}
    #besteldesk #header #top h2 {font-size: 18px;line-height: 22px;}
	
	#besteldesk ul.toplist li:nth-child(2) {margin-left:0;}
    
    #besteldesk #bestelknopcontainer {position: relative;left: 6px;}
    
    #besteldesk #footer #footer-logo {margin-top:0;margin-bottom:20px;}
    
    #besteldesk #footer .col.right {text-align:left;}
    
    #besteldesk .prijs h2 {background-color: #fff;width: 80px;right: 0;position: absolute;min-height:54px;}
    
    #besteldesk .btn.add-product {top:20px;}
	
	#besteldesk #header #postcodecheck #postcode {width:100%;margin-bottom:20px;}
	#besteldesk #header #postcodecheck .btn.postcodesearchbtn {position: relative;right: 5%;left:5%;width: 80%;text-align:center;}
	#besteldesk #header #top #postcodecheck p {display:none;}
	
	#besteldesk #header #bottom {width:90%;}
	#besteldesk #header #bottom .col.col-13 {width:50%;padding-left:13%;}
	#besteldesk #header #bottom .col.col-13:last-child {display:none;}
	
	#besteldesk #header #download-badges .col.download-badge {width:50%;}
	
	#besteldesk #header #bottom .download-badge img {max-height:40px;}
	
	#besteldesk .product-main .col {padding:10px 20px;}
	#besteldesk .product-main .col:first-child {width:40%;}
	#besteldesk .product-main .col:last-child {width:60%;}
	
	#besteldesk #wachttijd {right:20px;top:35px;}
	
	#besteldesk #categorie-lijst-container {position:relative;top:0;right:auto;left:0;}
	
	#besteldesk #info_overlay {width:100vw;right:-100vw;}
	
	#besteldesk #header #postcodecheck #postcode_true, #besteldesk #header #postcodecheck #postcode_false {right:20px;}
	
}
@media only screen and (max-width: 1200px) {
    #besteldesk #tijdsblokken_container .col.col-14 {width:26.8%}
}
@media only screen and (max-width: 1100px) {
    #besteldesk #tijdsblokken_container .col.col-14 {width:30.8%}
}
@media only screen and (max-width: 1000px) {
    #besteldesk #tijdsblokken_container .col.col-14 {width:32.2%}
}
@media only screen and (max-width: 900px) {
    #besteldesk #tijdsblokken_container .col.col-14 {width:32.2%}
}