@media only screen and (max-width: 978px) {
	#logo img {
		max-width: 94%;
		margin: 0 3%;
	}
	
	body {
		overflow-y: scroll;
	}

	#main, #footer {
		width: 96%;
		margin: 0 2%;
		padding: 0;
		min-height: unset;
		float: left;
	}
	
	#pagecontainer {
		min-height: unset;
	}
	
	#header {
		width: 100%;
		padding: 0;
		height: auto;
	}
	
	#submenu a {
		font-size: 17px;
		line-height: 25px;
	}
	
	#headercontainer {
		background: none;
		height: auto;
	}
	
	#logo {
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 10px 0;
	}
	
	.responsive-taal {
		display: block;
		width: auto !important;
		margin-left: 10px;
	}
	
	.taal-groot {
		display: block;
	}
	
	#taalmenu {
		float: left;
		width: 100%;
		text-align: center;
	}
	
	#taalmenu ul {
		width: 200px;
		margin: 0 auto;
		float: none;
	}
	
	#topmenu {
		width: 100%;
		float: left;
		height: auto;
		padding: 10px 0;
		background: #e4e4e4;
		border-top: 2px solid #d4d4d4;
		border-bottom: 2px solid #d4d4d4;
	}
	
	#submenu {
		display: none;
		width: 100%;
	}
	
	#submenu li {
		float: none;
		margin: 5px 0 5px 25px;
	}
	
	#pull {
		display: block;
	}
	
	#hoofd-menu-bg {
		width: 100%;
		float: left;
		background: url("/images/zoeken-bg.jpg") repeat-x;
	}
	
	#hoofd-menu-bg-duits {
		width: 100%;
		float: left;
		background: url("/images/konsumed-bg.png") repeat-x;
	}
	
	#winkelwagen {
		width: 100%;
		height: auto;
		padding-bottom: 10px;
		text-align: center;
	}
	
	#socialmedia {
		width: auto;
		margin: 0;
	}
	
	.winkelwagen-wrap {
		width: 100%;
		float: left;
		margin-top: 3px;
	}
	
	#hoofdmenu {
		display: none;
	}
	
	#zoeken {
		float: right;
	}
	
	#left {
		width: 100%;
	}
	
	#leftmenu {
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
	}
	
	#leftinfo {
		display: none;
	}
	
	#right {
		width: 100%;
	}
	
	#right-wrap {
		width: 640px;
		float: none;
		margin: 0 auto;
	}
	
	#footercontainer {
		background: url('/images/footer-resp-bg.jpg') repeat-x #e4e4e4;
		height: auto;
		float: left;
	}
	
	#footercontainer-duits {
		background: url('/images/konsumed-responsive-footer.png') repeat-x #e4e4e4;
		height: auto;
		float: left;
	}
	
	#footer, #bottommenu, #bottommenu li {
		height: auto;
	}
	
	#footer {
		float: left;
	}
	
	#footer a {
		width: 100%;
		text-align: center;
		float: left;
	}
	
	#beslist {
		margin-left: 0;
	}
	
	#payment {
		width: 48%;
		height: auto;
		float: right;
		padding-right: 2%;
		padding-top: 45px;
		text-align: center;
	}
	
	#payment img {
		max-width: 94%;
		margin: 0 3%;
	}
	
	#naw {
		width: 48%;
		float: left;
		margin-left: 2%;
		display: block !important;
		height: auto;
	}
	
	.footer-email {
		float: left;
	}
	
	#naw a {
		width: auto;
		float: left;
	}
	
	.copy-wrap {
		float: left;
		text-align: right;
		width: 100%;
	}
	
	.copy-wrap > a {
		width: auto !important;
		float: right !important;
	}
	
	#naw {
		display: none;
	}
	
	.floater {
		float: left;
	}
	
	.social-head {
		width: 78px;
		margin: 0 auto 5px;
		/* height: 23px; */
	}
	
	#home {
		display: none;
	}
	
	.productdetails, .bestellen, .proudctfotos {
		width: 100%;
	}
	
	#youtube-vid, .hoofdfoto {
		max-width: 100%;
	}
	
	.producttekst {
		width: -moz-calc(100% - 10px);
		width: -webkit-calc(100% - 10px);
		width: calc(100% - 10px);
	}
	
	.detailtekst {
		width: -moz-calc(100% - 10px);
		width: -webkit-calc(100% - 10px);
		width: calc(100% - 10px);
	}
	
	.shoppingcartrelateditems {
		width: 100%;
	}
	
	.blauwebutton {
		width: -moz-calc(100% - 27px);
		width: -webkit-calc(100% - 27px);
		width: calc(100% - 27px);
	}
	
	#right-wrap {
		width: 100%;
	}
	
	#content {
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
	}
	
	.product {
		width: -moz-calc(25% - 12px);
		width: -webkit-calc(25% - 12px);
		width: calc(25% - 12px);
	}
	
	.cat-wrap {
		display: none;
	}
	
	.button4 {
		float: right !important;
	}
	
	.korting-wrap {
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	
	#btnEnterpromocode {
		margin-left: 0;
		float: none !important;
		margin: 0 auto !important;
	}
	
	.responsive-break {
		display: block;
	}
	
	.responsive-hide {
		display: none;
	}
	
	.shoppingcartorderoverview table {
		table-layout: fixed;
	}
	
	.shoppingcartorderpage {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
	}
	
	.shoppingcartorderpage table {
		max-width: 100%;
		width: -moz-calc(100% - 10px) !important;
		width: -webkit-calc(100% - 10px) !important;
		width: calc(100% - 10px) !important;
		table-layout: fixed;
	}
	
	.shoppingcartorderpage table tr td input[type="text"] {
		max-width: -moz-calc(100% - 6px);
		max-width: -webkit-calc(100% - 6px);
		max-width: calc(100% - 6px);
		width: -moz-calc(100% - 6px);
		width: -webkit-calc(100% - 6px);
		width: calc(100% - 6px);
	}
	
	.shoppingcartorderpage table tr td select {
		width: -moz-calc(100% - 1px);
		width: -webkit-calc(100% - 1px);
		width: calc(100% - 1px);
	}
	
	.shoppingcartorderpage table tr td textarea {
		max-width: -moz-calc(100% - 6px) !important;
		max-width: -webkit-calc(100% - 6px) !important;
		max-width: calc(100% - 6px) !important;
		width: -moz-calc(100% - 6px) !important;
		width: -webkit-calc(100% - 6px) !important;
		width: calc(100% - 6px) !important;
	}
	
	.shoppingcartorderoverview > table {
		table-layout: fixed;
	}
	
	.rodebutton a {
		width: 100%;
		display: block;
		line-height: 32px;
	}
	
	.blauwebutton a {
		width: 100%;
		display: block;
		line-height: 32px;
	}
	
	.contactform {
		width: auto !important;
	}
	
	#naw {
	
	}
	
	table.form input, table.form textarea {
		width: 100% !important;
	}
	
	.rechts {
		width: 100%;
	}
	
	.productfotos {
		width: 100%;
		max-width: 400px;
		box-sizing: border-box;
		float: none;
		margin: 0 auto;
	}
	
	.productdetails {
		padding: 15px 15px 15px 2px;
		box-sizing: border-box;
	}
	
	.related-title {
		margin-left: 0;
	}
	
	.bestellen {
		margin-top: 10px;
	}
	
	.checkmark {
		width: 50%;
	}
}

@media only screen and (max-width: 684px) {	
	#right-wrap {
		width: 100%;
	}
	
	#content {
		margin-left: 0;
		margin-right: 0;
		width: -moz-calc(100% - 10px);
		width: -webkit-calc(100% - 10px);
		width: calc(100% - 10px);
		height: auto;
		min-height: unset;
		float: left;
	}
	
	#leftmenu {
		margin-left: 0;
		margin-right: 0;
		width: -moz-calc(100% - 10px);
		width: -webkit-calc(100% - 10px);
		width: calc(100% - 10px);
	}
	
	.product {
		width: -moz-calc(50% - 12px);
		width: -webkit-calc(50% - 12px);
		width: calc(50% - 12px);
	}
	
	.productafbeelding {
		width: 100%;
	}
	
	.rodebutton, .blauwebutton {
		width: -moz-calc(100% - 26px) !important;
		width: -webkit-calc(100% - 26px) !important;
		width: calc(100% - 26px) !important;
	}
	
	.blauwebutton a {
		width: 100%;
		display: block;
		line-height: 32px;
	}
	
	#zoeken {
		margin-left: 10px;
		margin-right: 10px;
		float: none;
		width: -moz-calc(100% - 20px) !important;
		width: -webkit-calc(100% - 20px) !important;
		width: calc(100% - 20px) !important;
	}
	
	#zoeken input[type="text"] {
		width: -moz-calc(100% - 110px) !important;
		width: -webkit-calc(100% - 110px) !important;
		width: calc(100% - 110px) !important;
	}
	
	#formbuildercontainer table {
		width: 100%;
		table-layout: fixed;
	}
	
	.retour td:first-child {
		width: auto;
	}
	
	.full, .retour textarea {
		width: -moz-calc(100% - 10px) !important;
		width: -webkit-calc(100% - 10px) !important;
		width: calc(100% - 10px) !important;
	}
	
	.pro-omschrijving {
		width: -moz-calc(100% - 10px) !important;
		width: -webkit-calc(100% - 10px) !important;
		width: calc(100% - 10px) !important;
	}
	
	table.form {
		width: -moz-calc(100% - 10px) !important;
		width: -webkit-calc(100% - 10px) !important;
		width: calc(100% - 10px) !important;
	}
	
	/* table.form input, table.form textarea {
		width: auto !important;
	} */
	
	.inputs {
		width: 100%;
		float: left;
	}
	
	.inputs input[type="text"], .inputs textarea, .inputs select {
		width: 100%;
	}
	
	.field, .field-label, .field-value {
		width: 100%;
	}
	
	.field-value {
		margin: 3px 0;
	}
}

@media only screen and (max-width: 567px) {
	#bottommenu {
		display: none;
	}
	
	.checkmark {
		width: 100%;
	}
	
	.artikel-stuks {
		width: 100%;
	}
	
	.artikel-voorraad {
		width: 50%;
	}
	
	.artikel-prijs {
		width: 50%;
	}
}

@media only screen and (max-width: 480px) {
	.product {
		width: -moz-calc(100% - 12px);
		width: -webkit-calc(100% - 12px);
		width: calc(100% - 12px);
	}
	
	.button3, .button4 {
		float: none !important;
		display: block;
		margin-bottom: 10px;
	}
	
	.mini-wrap {
		width: 100%;
		float: left;
		text-align: center;
	}
	
	.thumb {
		max-width: 35px;
	}
	
	.basket img {
		max-width: 35px;
	}
}