.product-hero-container .product-tagline {
	margin-bottom:0;
}
.product-hero-container .gallery-thumbnail {
	margin-top:35px;
	margin-bottom:0;
}
.product-hero-container .gallery-thumbnail > ul {
	margin-top:0;
	margin-bottom:0;
}
.product-hero-container h2 + .works-with {
	margin-top:30px; /*add some space in case if no gallery*/
}
.product-hero-container .works-with {
	z-index:2;
	position: relative;
	text-align: center;  
  font-weight: 300;
  letter-spacing: 2px;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (2560 - 320)));
  line-height: calc(18px + (20 - 18) * ((100vw - 320px) / (2560 - 320)));  
  border-radius: 16px;
  padding: 10px 0px 12px;
  margin:40px auto 12px auto;
  width: 100%;
  max-width: 280px;
  overflow:hidden;
}
.storepage_37 .product-hero-container .works-with {
	max-width:300px;
}

.product-hero-container .works-with.txt-black {
	color: #333;
	/*border: 1px solid #999;*/
}
.product-hero-container .works-with.txt-white {
	color: #fff;
	/*border: 1px solid #eee;*/ 
}
.product-hero-container .works-with.txt-black .title:before,
.product-hero-container .works-with.txt-white .title:before,
.product-hero-container .works-with.txt-black .title:after,
.product-hero-container .works-with.txt-white .title:after {
  content: '';
  display: inline-block;
  width: 30px;
  height: 6px;
  border-top: 1px solid #eee;
}
.storepage_37 .product-hero-container .works-with.txt-black .title:before,
.storepage_37 .product-hero-container .works-with.txt-white .title:before,
.storepage_37 .product-hero-container .works-with.txt-black .title:after,
.storepage_37 .product-hero-container .works-with.txt-white .title:after {
  width: 10px;
}
.product-hero-container .works-with.txt-black .title:before,
.product-hero-container .works-with.txt-white .title:before {
	margin-right: 10px;
}
.product-hero-container .works-with.txt-black .title:after,
.product-hero-container .works-with.txt-white .title:after {
	margin-left: 10px;
}
.product-hero-container .works-with.txt-black .title:before,
.product-hero-container .works-with.txt-black .title:after {
	border-top: 1px solid #999;
}
.product-hero-container .works-with.txt-white .title:before,
.product-hero-container .works-with.txt-white .title:after {
	border-top: 1px solid #eee;
}

.product-hero-container .works-with .title {
	display:inline-block;
	padding-bottom:4px;
	font-weight:700;
}

.product-hero-container .works-with.bg-light:before,
.product-hero-container .works-with.bg-dark:before {
	z-index:-1;
	position:absolute;
	content:'';
	left:0;
	top:0;
	height:100%;
	width:100%;
	opacity:0.8;
	filter: alpha(opacity=80);
}
.product-hero-container .works-with.bg-light:before {
	background-color:#fff;
}
.product-hero-container .works-with.bg-dark:before {
	background-color:#000;
}

@media screen and (min-width:768px) {
	html[lang=en] .product-hero-container .works-with {
		max-width:210px;
	}
	.storepage_8 .product-hero-container .works-with {
		max-width:260px;
	}
	.storepage_9 .product-hero-container .works-with {
		max-width:222px;
	}
	.product-hero-container .works-with.sm-left {
		margin-left:0;
	}
	.product-hero-container .works-with.sm-right {
		margin-right:0;
	}
	.product-hero-container .works-with.bg-light:before,
	.product-hero-container .works-with.bg-dark:before {
		opacity:0.5;
		filter: alpha(opacity=50);
	}

	.works-with.sm-top-0 {
		margin-top:0px;
	}
	.works-with.sm-top-30 {
		margin-top:30px;
	}
	.works-with.sm-top-60 {
		margin-top:60px;
	}
	.works-with.sm-top-90 {
		margin-top:90px;
	}
	.works-with.sm-top-120 {
		margin-top:120px;
	}
}

@media screen and (min-width:992px) {
	html[lang=en] .product-hero-container .works-with {
		max-width:222px;
	}

	.works-with.md-top-0 {
		margin-top:0px;
	}
	.works-with.md-top-30 {
		margin-top:30px;
	}
	.works-with.md-top-60 {
		margin-top:60px;
	}
	.works-with.md-top-90 {
		margin-top:90px;
	}
	.works-with.md-top-120 {
		margin-top:120px;
	}
}

@media screen and (min-width:1200px) {
	.product-hero-container .works-with,
	.storepage_8 .product-hero-container .works-with,
	.storepage_9 .product-hero-container .works-with {
		max-width:275px;
	}
	html[lang=en] .product-hero-container .works-with {
		max-width:280px;
	}
	.storepage_37 .product-hero-container .works-with {
		max-width:300px;
	}

	.works-with.lg-top-0 {
		margin-top:0px;
	}
	.works-with.lg-top-30 {
		margin-top:30px;
	}
	.works-with.lg-top-60 {
		margin-top:60px;
	}
	.works-with.lg-top-90 {
		margin-top:90px;
	}
	.works-with.lg-top-120 {
		margin-top:120px;
	}
}

@media screen and (min-width:2560px) {
	.product-hero-container .works-with {
		font-size: 16px;
  	line-height: 20px;
	}
}