.plp-hover-slider img {
    width: 100%;
    display: block;
}

/* Slick only initializes at 768px+ (see slick-hover.js) -- below that, fall back to
   a single static image instead of every gallery image stacked vertically. */
@media (max-width: 767px) {
    .plp-hover-slider .slider-item:not(:first-child) {
        display: none;
    }
}
.slick-dots li button:before {
    /* font-size: 5px;/ */
}

.plp-hover-slider .slick-dots {
    opacity: 0;
    transition: 0.3s;
}

.plp-hover-slider:hover .slick-dots {
    opacity: 1;
}

.slick-dots li button{
    height: 10px !important;
    width: 10px !important;
}

@media (max-width: 767px) {

    .plp-hover-slider .slick-prev,
    .plp-hover-slider .slick-next {
        z-index: 10;
        width: 32px;
        height: 32px;
        background: rgba(255,255,255,.9) !important;
        border-radius: 50%;
        border: 1px solid #ddd;
    }

    .plp-hover-slider .slick-prev {
        left: 10px;
    }

    .plp-hover-slider .slick-next {
        right: 10px;
    }

    .plp-hover-slider .slick-prev:before,
    .plp-hover-slider .slick-next:before {
        color: #111;
        font-size: 16px;
    }
}