@media screen and (min-width: 751px){
	#header.scrollHeader .logo large, 
	#header.scrollHeader .logo large:visited {
		font-size: 3vw;	
		transition: 0.5s;
	}
		
	#header.scrollHeader .logo h2, 
	#header.scrollHeader .logo h2:visited{
		font-size: 0.75vw;
		margin-top: -0.9vw;
		transition: 0.5s;
	}
	
	#header.scrollHeader .subslogan {
		display: none;
	}
	
	
	
}


@media screen and (max-width: 1700px){	
	.block.quote h2 {
		font-size: 20px;
	}
}
	
@media screen and (min-width: 1921px){
	#header.scrollHeader .nav li a {
		padding: 14.4px 33px;
	}
	
	.nav li a {
		font-size: 16.5px;
	}
	
	.logo large, .logo:visited large {
		font-size: 117px;
	}
	
	.logo h2, .logo:visited h2 {
		font-size: 29px;	
		margin-top: -34.560px;
	}
	
	#header .top, #header .bottom {
		padding: 9.6px 38.4px;
		font-size: 16.5px;
	}
	
	#header.scrollHeader .logo large, #header.scrollHeader .logo large:visited {
		font-size: 57.6px;	
	}
	
	#header.scrollHeader .logo h2, #header.scrollHeader .logo h2:visited {
		font-size: 14.4px;
		margin-top: -19.28px;
	}
	
	.nav {
		margin-left: 19.2px;
	}
	
	.nav2 {
		margin-right: 19.2px;	
	}
	
	#banner h3{
		font-size: 96px;
		margin-bottom: -48px;
	}
	
	#banner p {
		font-size: 38.4px;	
	}
	
	#banner hr {
		width: 672px;	
		margin-top: -28.8px;
	}
	
	.arrow img {
		width: 57.6px;	
	}
	
	.productcat {
		font-size: 29.44px;	
	}
	
	.productname {
		font-size: 47px;	
	}
}

@media screen and (max-width: 1200px){
	
	.block.quarter:nth-child(6n+4) {
		float: right;
	}
	
	.blocks .block.quarter {
		width: calc(100% / 3);	
		height: 40vw;
		margin: 0px;
		border: 5px solid #fff;
	}
	
	.prvmg {
		position: relative;
		left: 0;
		top:0;
		width: 100%;
	}
	.prvmg img  {
		width: 24%;
	}
	
	#mainpic {
		width: calc(100%);
		margin-left: 0px;
	}
		
	.mainpiccntr {
		width: calc(100% - 50px);
	}
	
	.flxcntr {
		flex-direction: column-reverse;
	}
	
	.prCntr .content {
		display: block !important;
		width: 100% !important;
	}
	
	.tal {
		text-align: center !important;
		width: 100% !important;
	}
	
	.tal h2 {
		text-align: center !important;
	}
	
	.frmtbl td {
		text-align: center !important;
	}
	
	.nawArea, .nawSel {
		width: 100% !important;
	}
	
	.cartcontent {
		width: 100% !important;
	}
	
	.nav li a {
		    font-size: calc(0.3vw + 7px);
	}
	
	
}



@media screen and (max-width: 750px){ 
	
	.sbbmn>ul {
		display: block;
		top: 0px;
		position:relative;
		 
	}
	
	.sbbmn>ul li {
		line-height: 14px;
	}
	
	
	.productpagina.cmspage img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	.dropdown-content {
		position: relative;
		display: block;
	}

	#header .nav li .dropdown-content a {
		font-size: 2.5vh !important;
	}
	
	.nomob {
		display: none;
	}
	
	.logo .subslogan {
		display: none;
	}
	
	.block.quarter:nth-child(4n+3) {
		float: right;
	}

	.productfotos, .productbeschrijving {
		width: 100%;	
	}

	.blocks .block.quarter {
		width: 50%;	
		height: 60vw;
		margin: 0px;
	}
	
	#header .top {
		position: fixed;
		top: 66%;
		left: 0px;
		font-size: 4vh;
		width: 100%;
		background: #fff;
		text-align: center;
		display: none;
		z-index: 99;
	}
	
	.amntprd {
		width: 50px !important;
		padding: 4px;
	}
	
	.invTx {
		width: 50px;
	}
	
	.bstlbtn {
		margin: 5px;
	}
	
	.frmtbl {
		width: 100%;
	}
	
	.frmtbl td {
		display: block;
		width: 100% !important;
		padding: 5px 0px;
	}
	
	.center {
		width: auto;
	}
	
	#loginContainer input:not([type=button]):not([type=submit]) {
		width: 100%;
	}
	
	#header .top .contact, #header .top .loginname {
		width: 100%;
		text-align: center;
		float: none;
		display: block;
		position: relative;
	}
	
	#header .top .loginname {
		padding-top: 20px;
	}
	
	
	#banner {
		height: 50vw;
	}
	
	.row {
		flex-direction: column;	
	}
	
	.block.half, .block.eenderde {
		width: 100%;
	}
	
	.nav,
	#header.scrollHeader .top,
	#header.scrollHeader .bottom {
		display: none;	
	}
	
	.hamburger {
		display: inline-block;	
	}
	
	#header .logo {
		margin-right: 2vw;	
	}
	
	.nav {
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,1);
		top: 10vw;
		left: 0px;
		margin:0px;
		flex-direction: column;
	}
	
	.nav2 {
		height: 50%;
		top: 52%;	
	}

	#header .nav li a {
		font-size: 2vh;	
		text-align: center;
		width: 100%;
		display: block;
		margin: 0 auto;
		color: black;
		font-weight: 300;
		padding: 1vh 1vw !important;
		font-family: "din-condensed";
    	letter-spacing: 3px;
	}
	
	#mainpic {
		width: 100%;
	}
	
	.prvmg img {
		width: 33%;
	}
	
	
	
	.colorpick .clrcntr {
		padding-bottom: 20px;
	}
	
	#navLinks {
		width: 100% !important;
		min-height: auto;
		
	}
	
	#navRechts, #navRechtsAc {
		width: 100% !important;
	}
	
	#navLinks ul {
		display: inline-block;
    	padding: 5px;
	}
	
	#navLinks li {
		display: inline-block;
		vertical-align: top;
	}
	
	.subContLeft, .subContainer {
		display: block;
		position: relative;
	}
	.shpLine {
		height: auto !important;
		padding: 0px;
		margin: 0px;
	}
	
	.ib {
		display: block;
		padding-bottom: 10px;
	}
	
	.shpSubLine {
		margin: 0px;
	}
	
	.productpagina td {
		width: 50%;
	}
	
	.btltbl td {
		width: 100%;
		display: block;
	}
	
	.iDlBtn {
		padding: 15px;
		color: #fff;
		background: #000;
		margin: 3px;
	}
	
	#frontmsg {
		display: none;
	}
	
	#frontmsgMob {
		display: block;
		margin-top: 10px;
		padding: 4vw;
		color: #000;
	}
	
	.cnt_left, .cnt_right {
		display: block;
		width: 100%;
		border: none;
	}
	
	.cnt_left img {
		height: 150px;
		float: right;
	}
	
	.block.dark-grey p {
		line-height: 20px;
	}
	
	.specs td {
		vertical-align:top;
	}
	
	#header .flags {
		left: 14vw;
    	width: calc(100% - 20vw);
	}
	
	#header .whatsapp {
		background: #fff;
		color: #000;
	}
	
	.ntpp li {
		display: block;
		width: 100%;
		font-size: 12px !important;
	}
	
	.block.dark-grey h3 {
		font-size: 28px;
	}
	
	.block.dark-grey h4 {
		font-size: 10px;
	}
	
	.block.dark-grey, .block.dark-grey p {
		font-size: 10px;
	}
	
	.block.dark-grey {
		min-height: 10px;
		padding: 0vw 2vw!important;
	}
	
	#banner .block {
		padding: 0px !important;
	}
	
	.hmm {
		width: 33% !important;
	}
	
	.sbbmn>ul {
		padding: 0px;
	}
	
	.mob-cart {
		display: inline-block;
		vertical-align: middle;
		background: #fff;
		margin-left: 20px;
		border-radius: 5px;
		padding: 4px;
		position: absolute;
		right: 2vw;
		bottom: -38px;
	}
	
	.mob-cart img {
		height: 17px;
	}
	
	.visite {
		font-size: 80%;
	}
	
		.visite .tile {
			min-height: 150px;
		}
	
	
	#vr_container {
		width: 300px !important;
		height: 300px !important;
	}
	
	
	
	
	
	
	
	
}

@-webkit-keyframes scale-arrows {
	  0%   { padding-bottom: 5px; }
	  50%   { padding-bottom: 10px; }
	  100%   { padding-bottom: 5px; }
}
	@-moz-keyframes scale-arrows {
	  0%   { padding-bottom: 5px; }
	  50%   { padding-bottom: 10px; }
	  100%   { padding-bottom: 5px; }
	}
	@-o-keyframes scale-arrows {
	  0%   { padding-bottom: 5px; }
	  50%   { padding-bottom: 10px; }
	  100%   { padding-bottom: 5px; }
	}
	@keyframes scale-arrows {
	  0%   { padding-bottom: 5px; }
	  50%   { padding-bottom: 10px; }
	  100%   { padding-bottom: 5px; }
	}