/************gallery******************/

.product-content .slider {
	max-width: 100%;
}

.product-content .slider__item img {
	display: block;
	max-width: 100%;
}
.product-content .slider-nav{
	/* max-width: 305px;
    margin: 0 auto; */
}
.product-content .slider-nav .slick-track{
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-content .slider-nav .slick-list{
	/* max-width: 305px;
    margin: 0 auto; */
}
.product-content .slider-nav__item {
	/* margin: 5px 0;
	max-width: 75px; */
	cursor: pointer;
	opacity: 0.6;
}

.product-content .slick-slide:hover,
.product-content .slick-slide.slick-current .slider-nav__item{
	opacity: 1;
}

.product-content .slider-nav__item img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}

/* .slick-next,
.slick-prev {
	width: 50px;
	height: 50px;
	padding: 0;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	border: none;
	background: rgba(255, 255, 255, 0.5) url("../img/arrow.png") no-repeat center;
	-webkit-background-size: 18px auto;
	background-size: 18px auto;
} */

.product-content .slick-next:hover,
.product-content .slick-prev:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

.product-content .slick-prev {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.slick-vertical {}

.product-content .slick-vertical .slick-next,
.product-content .slick-vertical .slick-prev {
	top: auto;
	bottom: -20px;
	transform: rotate(90deg);
	width: 50px;
	height: 50px;
	padding: 0;
	position: absolute;
	margin-top: -25px;
	border: none;
	background: rgba(255, 255, 255, 0.5) url("../komfort-glass/img/arrow.png") no-repeat center;
	-webkit-background-size: 18px auto;
	background-size: 18px auto;
}

.product-content .slick-vertical .slick-next:hover,
.product-content .slick-vertical .slick-prev:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

.product-content .slick-vertical .slick-prev {
	transform: rotate(270deg);
	top: 1rem;
}

.product-content .slick-next,
.product-content .slick-prev {
    width: 50px;
    height: 50px;
    padding: 0;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    border: none;
    background: rgba(255, 255, 255, 0.5) url("../komfort-glass/img/arrow.png") no-repeat center;
    -webkit-background-size: 18px auto;
    background-size: 18px auto;
    -moz-transform: rotate(00deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    left: auto;
    opacity: 0.6;
}

/************gallery******************/

@media (max-width: 570px) and (min-width: 200px) {
    .node-type-product-display .product-img {
        display: flex;
        flex-direction: column-reverse;
    }
}