.product__slider {
    opacity: 0;
    transition: opacity .3s linear;
}

.product__slider.slick-initialized {
    opacity: 1;
}

.product__slider .slick-next,
.product__slider .slick-prev {
    width: 18px;
    height: 36px;
}

.product__slider .slick-next:before,
.product__slider .slick-prev:before {
    content: "";
    width: 18px;
    height: 36px;
    background: url("../images/product-slider_arrow.svg") no-repeat;
    display: block;
}

.product__slider .slick-next:before {
    transform: scale(-1, 1);
}

.product__thumbSlider a {
    display: block;
    flex-basis: 20%;
    max-width: 56px;
    height: 56px;
    border: 1px solid rgba(140, 140, 140, 1);
    position: relative;
}

.product__thumbSlider a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.product__thumbSlider {
    margin-top: 23px;
}

@media only screen and (min-width: 769px) {
    .product__thumbSlider {
        display: flex;
        flex-wrap: wrap;
    }

    .product__thumbSlider a {
        flex-basis: 11%;
        margin: 12px 10px 0 0;
    }

    .product__thumbSlider a:last-of-type {
        margin: 12px 0 0 0;
    }

    .product__thumbSlider a.current:before {
        content: "";
        display: block;
        width: 56px;
        height: 56px;
        background: rgba(140, 140, 140, .5);
        position: relative;
        z-index: 1;
    }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
    .product__thumbSlider {
        opacity: 0;
        transition: opacity .3s linear;
    }

    .product__thumbSlider.slick-initialized {
        opacity: 1;
    }

    .product__thumbSlider {
        margin: 23px calc(50% - 50vw) 38.5px;
        width: 100vw;
    }

    .product__thumbSlider a {
        display: block;
        flex-basis: 30%;
        width: 75px;
        max-width: 75px;
        height: 75px;
        border: 1px solid rgba(140, 140, 140, 1);
        position: relative;
    }

    .product__thumbSlider.slick-slider .slick-current a:before {
        content: "";
        display: block;
        max-width: 75px;
        min-height: 75px;
        max-height: 75px;
        background: rgba(140, 140, 140, .5);
        position: relative;
        z-index: 1;
    }
}

.pos_r {
    position: relative;
}
