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

.slider-header .slick-dots li button:before {
    font-size: 11px;
    opacity: 1;
    color: #fff;
}

.slider-header .slick-dots li.slick-active button:before {
    color: var(--color-primary);
}

.slider-header .slick-dots {
    bottom: auto;
    top: 10px;
}

@media screen and (min-width: 1300px) {
    .slider-header .slick-dots li {
        display: block;
        height: 25px;
        margin: 0 5px;
    }

    .slider-header .slick-dots {
        width: 30px;
        bottom: auto;
        left: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .slider-header .slick-dots li button:before {
        font-size: 13px;
    }
}