.slick-next,
.slick-prev {
  z-index: 1;
  padding: 1rem;
}

.slick-next {
  right: 25px;
}

.slick-prev {
  left: -16px;
}

.slick-dots {
  z-index: 1;
  color: blue;
  bottom: 1rem;
  font-size: 0;
}

.slick-dots li button::before {
  font-size: 15px;
  color: grey;
  opacity: 0.7;
}

/* Color of the arrows */
.slick-next::before,
.slick-prev::before {
  color: silver;
  font-size: 40px;
}

@media only screen and (max-width: 640px) {

  .slick-next,
  .slick-prev {
    right: 13px;
  }

  .slick-next::before,
  .slick-prev::before {
    font-size: 25px;
    display: none;
  }

  .slick-dots li button::before {
    font-size: 12px;
    opacity: 0.8;
  }
}