.ps-product__thumbnail {
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	flex-flow: row nowrap;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	float: left;
	width: calc(100% - 444px);
}


.ps-product__preview {
	min-width: 150px;
	width: 150px;
	padding-right: 20px;
}

.ps-product__preview .item {
	margin: 10px;
	border: 3px solid #e5e5e5;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ps-product__preview .item:hover {
	border-color: #8d8d8d;
}

.ps-product__preview .item:focus {
	outline: none;
}

.ps-product__preview .item.slick-current {
	border-color: #8d8d8d;
}

.ps-product__image {
	width: calc(100% - 150px);
}

.ps-product__image img {
	max-width: 100%;
}
.ps-product__preview button.slick-prev.slick-arrow, .ps-product__preview button.slick-next.slick-arrow {
	position: relative;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	color: white;
	-webkit-font-smoothing: antialiased;
	background: none;
	border: 0;
	outline: none;
	text-align: center;
	margin-bottom: 25px;
	width: 100%
}

.ps-product__preview button.slick-prev.slick-arrow:before {
	content: "\f106";
}

.ps-product__preview button.slick-next.slick-arrow:before {
	content: "\f107";
}

.ps-product__preview button.slick-prev.slick-arrow:before, .ps-product__preview button.slick-next.slick-arrow:before {
	color: #8d8d8d;
	font-size: 40px;
	text-align: center;
	left: calc(50% - 13px);
	position: absolute;
	margin-bottom: 25px;
}
@media (max-width: 991px) {
	.ps-product__thumbnail--mobile {
		display: none;
	}

	.ps-product__thumbnail {
		display: block;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.ps-product__preview {
		width: 100%;
		width: 100%;
		order: 2;
		padding: 0 20px
	}

	.ps-product__image {
		width: 100%;
		order: 1
	}


	.ps-product__preview button.slick-prev.slick-arrow, .ps-product__preview button.slick-next.slick-arrow {
		width: auto;
		margin: 0;
		padding: 0;
		position: absolute;
		top: calc(50% - 20px)
	}

	.ps-product__preview button.slick-prev.slick-arrow:before, .ps-product__preview button.slick-next.slick-arrow:before {
		left: unset;
		margin: 0
	}

	.ps-product__preview button.slick-prev.slick-arrow {
		left: -20px
	}

	.ps-product__preview button.slick-next.slick-arrow {
		left: 100%
	}

	.ps-product__preview button.slick-prev.slick-arrow:before {
		content: "\f104";
	}

	.ps-product__preview button.slick-next.slick-arrow:before {
		content: "\f105";
	}

	
}