@media only screen and (max-width: 1100px) {
	#main #homeitems .homeitem .titel {
		font-size: 14pt;
	}
	#main #banner {
		/* max-height: 385px; */
	}
}
@media only screen and (max-width: 1050px) {
	.product-detail-info .titel {
		margin-top: 0;
	}
}
@media only screen and (max-width: 1000px) {
	.product-detail-images {
		float: right;
		max-width: none;
		width: 100%;
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;	
		-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
		-moz-column-gap: 20px; /* Firefox */
		column-gap: 20px;
		direction: ltr;
		margin-right: 0;
		text-align: center;
		margin-top: 20px;
	}
	
	.product-detail-info {
		width: 100%;
	}

	.product-tekst {
		width: 100%;
		height: auto;
		max-height: 136px;
		box-sizing: border-box;
		padding-bottom: 15px;
		overflow: hidden;
		text-align: left;
		float: left;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 950px) {
	#shop-titel h1 {
		line-height: 20pt;
		font-size: 14pt;
		padding-bottom: 40px;
	}
	#shop-titel h2 {
		font-size: 14pt;
		line-height: 16pt;
	}
	#main #banner {
		/* max-height: 355px; */
	}
	.nav {
		padding-top: 5px;
	}
	header nav {
		padding-right: 20px;
		padding-left: 5px;
		box-sizing: border-box;
		text-align: left;
		padding-top: 0px;
	}
	header #social {
		padding-left: 165px;
	}
	header #social span {
		display: none;
	}
	header #logo {
		margin-left: -155.5px;
	}
	#main #pagina-titel {
		padding-top: 49px;
	}
	#main #pagina-titel h1 {
		font-size: 18pt;
		line-height: 18pt;
	}
	#content-center {
		font-size: 12pt;
		line-height: 16pt;
	}
	header {
		padding-bottom: 17px;
	}
	header .container {
		font-size: 10pt;
		padding-left: 5px;
		padding-right: 5px;
		height: 137px;
		box-sizing: border-box;
	}
	header nav ul {
		float: left;
		margin: 0px;
	}
	header #social {
		padding-top: 10px;
		padding-bottom: 20px;
		text-align: right !important;
	}
	header #social ul {
		float: right;
	}
	header #social ul li {
		float: left;
		width: auto;
	}
	header #social ul li a {
		float: right;
		display: block;
		padding: 0px;
		padding-right: 0px;
		margin-bottom: 10px;
		padding-left: 0px;
		box-sizing: border-box;
		border: 1px solid transparent;
		transition: ease-in-out .1s;
	}
	header #social ul li a img {
		margin-left: 0px;
	}
	.lang {
		margin-top: 1px;
	}
	header nav ul li a {
		margin-bottom: 4px;
	}
	header ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		-webkit-margin-before: 0em;
		-webkit-margin-after: 0em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 0px;
	}
	header ul li {
		display: block;
		float: left;
		margin-right: 10px;
		box-sizing: border-box;
		width: 100%;
	}
	header #social ul li:last-child a {
		margin-right: 10px;
	}
	header .container {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99999;
		background-color: #ffffff;
	}
	.star-5{
		left:40%;
		top: 220px;
	}
	header ul li:last-child {
		margin-right: 0px;
		margin-left: 0px;
	}

}
@media only screen and (max-width: 800px) {
	#shop-content {
		padding-left: 40px;
	}
	#shop-titel h1 {
		line-height: 18pt;
		font-size: 12pt;
	}
	#shop-titel h2 {
		font-size: 12pt;
		line-height: 14pt;
	}
	#shop-extra-content {
		line-height: 20pt;
		font-size: 10pt;
	}
	#shop-content img {
		max-width: 80%;
	}
}
@media only screen and (max-width: 770px) {	
	.product-detail-images {
		float: right;
		max-width: none;
		width: 100%;
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;	
		-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
		-moz-column-gap: 20px; /* Firefox */
		column-gap: 20px;
		direction: ltr;
		margin-right: 0;
		text-align: center;
		margin-top: 20px;
	}
	
	.product-detail-info {
		width: 100%;
	}
}
@media only screen and (max-width: 750px) {
	#shop-content {
		width: 100%;
		padding: 0px;
	}
	#shop-extra-content {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	#main #big-image {
		width: 100%;
		float: left;
	}
	#shop-titel {
		position: relative;
		top:0;
		left:0;
		width: 100%;
		text-align: center;
		padding-top: 20px;
		text-transform: uppercase;
	}
	#shop-titel {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	#shop-titel h1 {40px;
		font-weight: normal;
		font-style: italic;
		line-height: 18pt;
		font-size: 16pt;
	}
	#shop-titel h2 {
		font-weight: bold;
		font-size: 16pt;
		line-height: 16pt;
	}
	.inspiratie-list li img {
		padding: 10px;
	}
	header .container {
		height: auto;
		
	}
	header {
	padding-bottom: 0px;
	}
	#main #banner {
		/* max-height: 300px; */
	}
	.sticky {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 100;
		float: none;
		margin-top: 0px;
		padding-top: 0px;
	}
	header .container {
		position: relative !important;
		float: left !important;
		height: auto !important;
		width: 100% !important;
	}
	#main {
		padding-top: 0px;
	}
	.star-5{
		left:35%;
		top: 295px;
	}
	header .container {
		padding-bottom: 0px;
		height: auto;
	}
	#header-bottom {
		display: none;
	}
	#main .product {
		width: 50%;
	}
	
	header .container {
		padding-left: 0px;
		padding-right: 0px;
		box-sizing: border-box;
	}
	header nav #pull {
		display: block;
	}
	#main #pagina-titel {
		padding-top: 52px;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 0;
	}
	#pagina-titel, #content-center, #inspiratie-content, #producten, #shop-image {
		float: left;
		width: 100% !important;
	}
	/* #inspiratie-content {
		margin-top: 100px;
	}
	#content-center {
		margin-top: 0;
	} */
	#main #pagina-titel h1 {
		font-size: 14pt;
		line-height: 16pt;
	}
	#content-center {
		font-size: 12pt;
		line-height: 16pt;
	}
	#main #homeitems .homeitem {
		width: 100%;
		padding-bottom: 100%;
	}
	#main #homeitems .homeitem .titel {
		font-size: 20pt;
	}
	header #logo {
		position: relative;
		left: 0;
		margin-left: 0;
		top: 0;
		text-align: center;
		z-index: 99;
	}
	header #logo #logo-img {
		z-index: 99;
		position: relative;
	}
	#jsddm {
		display: none;
	}
	header nav {
		width: 100%;
		float: left;
		text-align: left;
		padding-right: 0px;
		padding-left: 0px;
		margin-top: 10px;
	}
	header nav ul {
		float: left;
		width: 100%;
	}
	header nav ul li {
		display: block;
		float: left;
		margin-right: 10px;
		border: none;
		width: 100%;
		margin-bottom: 0px;
	}
	header nav ul li a {
		float: left;
		width: 100%;
		padding: 15px;
		border: none;
		margin: 0px;
		background-color: #ffffff;
	}
	header nav ul li a:hover {
		background-color: #59c3b7;
		border: none;
	}
	header nav ul li .active {
		border: 1px solid transparent !important;
		background-color: #59c3b7;
		border: none;
		font-style: italic;
	}
	header nav ul li .active:hover {
		border: 1px solid transparent;
	}
	header #social {
		display: none;
	}
	header #social-responsive {
		display: block;
		padding-left: 15px;
		padding-right: 5px;
	}
	header #social-responsive img {
		width: 22px;
		height: 22px;
		border-radius: 3px;
		margin-right: 5px;
	}
	#social-responsive .lang {
		height: 22px;
	}
}
@media only screen and (max-width: 650px) {
	#shop-titel h1 {
		line-height: 16pt;
		font-size: 14pt;
	}
	#shop-titel h2 {
		font-size: 14pt;
		line-height: 14pt;
	}
	.inspiratie-list li {
		width: 50%;
	}
	.inspiratie-list li img {
		padding: 5px;
	}
	#main #banner {
		/* max-height: 250px; */
	}
	#main #homeitems .homeitem .titel {
		font-size: 14pt;
	}
	.star-5{
		left:60%;
		top: 295px
	}
	header ul li {
		margin-bottom: 0px !important;
	}
	
	.product-detail-images {
		float: right;
		max-width: none;
		width: 100%;
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;	
		-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
		-moz-column-gap: 20px; /* Firefox */
		column-gap: 20px;
		direction: ltr;
		margin-right: 0;
		text-align: center;
	}
	
	.product-detail-info {
		width: 100%;
	}
	
	#main .product {
		width: 100%;
	}
	#main #pagina-titel {
		padding-top: 52px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#main #pagina-titel h1 {
		font-size: 14pt;
		line-height: 16pt;
	}
}
@media only screen and (max-width: 350px) {
	#main #banner {
		/* max-height: 140px; */
	}
	header .container {
		position: relative !important;
		float: left !important;
		height: auto !important;
		width: 100% !important;
	}
	.star-5{
		display: none !important;
	}
	.star-1 {
		margin-left: 75px;
	}
	.star-2 {
		position: absolute;
		left: 50%;
		margin-left: -120px;
		bottom: 56%;
	}
	.star-3 {
		z-index: 99999999;
		position: absolute;
		left: 50%;
		margin-left: -7px;
		bottom: 55%;
		z-index: 9999999999999;
	}
}