.slick-dots li.slick-active button:before {
    color: #023586;
}

.slider .slick-arrow {
    width: 44px;
    height: 160px;
    border-radius: 5px;
    background-color: transparent !important;
    top: 50%;
    margin: 0;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider .slick-arrow.slick-prev {
    left: 0px;
}

.slider .slick-arrow.slick-next {
    right: 0px;
}

.slider .slick-prev:before,
.slider .slick-next:before {
    content: '';
    width: 30px;
    height: 30px;
    border: 2px solid #ccc;
    border-bottom: 0;
    border-left: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    background: 50% 50% no-repeat;
}

.slick-prev:before {
    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
    -moz-transform: translate(-50%,-50%) rotate(-135deg);
    -ms-transform: translate(-50%,-50%) rotate(-135deg);
    -o-transform: translate(-50%,-50%) rotate(-135deg);
    transform: translate(-50%,-50%) rotate(-135deg);
}

.slick-next:before {
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -moz-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    -o-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
}

.product-slide-list-container {
    padding: 0 30px;
}

.product-slide-list .slide {
    padding: 12px;
}

.product-slide-list .slick-arrow.slick-prev,
.product-slide-list .slick-arrow.slick-next {
    background-color: transparent;
}

.slider.with-large-arrow .slick-arrow.slick-prev {
    left: 16px;
}

.slider.with-large-arrow .slick-arrow.slick-next {
    right: 16px;
}

.slider .slick-arrow.slick-prev {
    left: 25px;
}
.slider .slick-arrow.slick-next {
    right: 25px;
}

.product-slide-list .slick-arrow.slick-prev {
    left: -40px;
}

.product-slide-list .slick-arrow.slick-next {
    right: -40px;
}

@media screen and (max-width: 480px) {
    .slider .slick-dots {
        bottom: 10px;
    }

    .slider .slick-dots li {
        margin: 0 3px;
    }

    .slider .slick-dots li button {
        width: 30px;
    }
}