.slick-slider .slick-dots {
    padding: 0 10px; margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.slick-slider .slick-dots li {margin: 0 5px}
.slick-slider .slick-dots li:only-child {display: none}
.slick-slider .slick-dots li button {font-size: 0; display: block; width: 12px; height: 12px; border: none; border-radius: 50%; background-color: #ccc}

/* modifiers */
.slick-slider .slick-dots li.slick-active button {background-color: #7b7b7b}