.slick-dots
{
  width: 100%;
  padding: 0;
  text-align: center;
  box-sizing: border-box;

  bottom: 15px;
  left: calc(50% - (800px / 2));
  width: 800px;
  padding: 0;
}
.slick-dots li button:before
{
  opacity: 0.7;
  content: '●';
  color: #bfbfbf;
}
.slick-dots li.slick-active button:before
{
  opacity: 1;
  color: #bfbfbf;
}

@media screen and (min-width:  768px) {
}
@media screen and (max-width: 480px) {
}