/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


.desktop-slider li.product.type-product{
    float: left;
    margin: 0 20px 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
} 

.woocommerce .desktop-slider li.product .woocommerce-loop-product__title, .woocommerce-page .desktop-slider li.product .woocommerce-loop-product__title {
    margin-bottom: .5em;
    padding: 0;
    font-size: 1em;
}
.woocommerce .desktop-slider li.product .star-rating, .woocommerce-page .desktop-slider li.product .star-rating {
    margin: 0 auto .5em 0;
    backface-visibility: hidden;
}

.woocommerce .desktop-slider li.product .price, .woocommerce-page .desktop-slider li.product .price {
    line-height: 1.3;
    margin-bottom: 0;
    font-weight: 700;
    margin-bottom: .5em;
    font-size: .9em;
}

.desktop-slider .slick-dots li button::before {
    transition: all 0.5s ease;
    border: 1px solid;
    background: #000;
    height: 6px !important;
    content: '' !important;
    width: 15px;
    border-radius: 5px;
}

.desktop-slider .slick-dots li.slick-active button:before {
    
    transition: all 0.5s ease;
    border: 1px solid;
    background: #000;
    height: 6px !important;
    content: '' !important;
    width: 22px;
}