/**
 * Hero product styles
 * @since 3.0.0
 * @developer wpdevelopment.me<shramee@wpdevelopment.me>
 */
.single.single-product .site-header {
	margin-bottom: 0;
}

.single.single-product div.product .hero {
	box-sizing: content-box;
	background: #fff center/cover;
	min-height: 100vh;
}

.site-content > .col-full {
	max-width: none;
	padding: 0;
	margin: 0;
}

.single.single-product div.product .summary.entry-summary {
	float: left;
	margin-top: 70px;
	padding: 2em;
	width: 328px;
	background: #fff;
	position: relative;
}

.storefront-breadcrumb {
	margin: 0;
}

.product .woocommerce-breadcrumb {
	display: block;
	margin: 0;
	padding: 0;
	background: none;
	font-size: 0;
}

.product .woocommerce-breadcrumb a {
	font-size: 16px;
	font-weight: 400;
}

.product .woocommerce-breadcrumb a:after {
	content: ' / ';
}

.product .woocommerce-breadcrumb a:last-child:after {
	content: '';
}

.storefront-full-width-content.single-product div.product.hero-layout .woocommerce-product-gallery .flex-control-thumbs li {
	margin: 0;
	margin-left: 2%;
	width: 22.5%;
}

.storefront-full-width-content.single-product div.product.hero-layout .woocommerce-product-gallery .flex-control-thumbs li:nth-child(4n) {
	margin-right: 2%;
}

.single.single-product div.product .images {
	width: auto;
	margin: 0 -1.9em -1.9em;
}

h1.product_title.entry-title {
	font-size: 25px;
	letter-spacing: 1px;
	margin: 1em 0;
}

.single.single-product div.product .woocommerce-product-rating {
	border: none;
	padding: 0;
}

div[itemprop="offers"], .single.single-product div.product form.cart {
	margin: 0 -1.9em;
	padding: 1em 1.9em;
	color: #ddd;
	background: #626263;
	letter-spacing: 2px;
}

div[itemprop="offers"] {
	text-align: center;
}

.single-product div.product .summary p {
	margin: 0;
}

div[itemprop="offers"] .price .amount {
	font-weight: normal;
	font-size: 1.6em;
}

.single-product div.product .summary .onsale {
	position: absolute;
	top: 1.6em;
	right: 1.6em;
}

@media only screen and (max-width: 768px) {
	.single.single-product .hero {
		padding:2.5em 0;
	}

	.single.single-product .hero .col-full {
		margin: 0;
	}

	div[itemprop="offers"], .single.single-product div.product form.cart {
		background: rgba(0, 0, 0, 0.61);
	}

	.single.single-product div.product .summary.entry-summary {
		min-width: 300px;
		max-width: 520px;
		width: 88%;
		margin: auto;
		margin-right: auto;
		float: none;
		background: rgba(255,255,255,0.7);
	}
}