#brandSlider {
  max-width: 95vw;
  width: 100%;
  overflow: hidden;
  display: inline-block;
}

#brandSlider .slick-slide {
  display: flex;
  justify-content: center;
}

#brandSlider li {
  max-width: 25%;
}

@media (min-width: 770px) and (max-width: 1025px){
  #brandSlider li {
    max-width: 33%;
  }
}

@media (max-width: 769px){
  #brandSlider li {
    max-width: 50%;
  }
}

.slick-prev:before {
  content: "<";
  color: black;
  font-size: 30px;
  line-height: 30px;
  border: 1px solid #000;
  border-radius: 50px;
  height: 30px !important;
  width: 30px !important;
  display: block;
  cursor: pointer;
}
.slick-next:before {
  content: ">";
  color: black;
  font-size: 30px;
  line-height: 30px;
  border: 1px solid #000;
  border-radius: 50px;
  height: 30px !important;
  width: 30px !important;
  display: block;
  cursor: pointer;
}
.slick-next {
  right: 0;
}
.slick-arrow{
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 35px;
  height: 30px;
  padding: 0;
  z-index: 2;
  color: transparent;
  border: none;
  outline: none;
background: transparent;
}

@media(min-width: 1000px){
  #brandSlider {
    width: 100%;
    max-width: 100vw;
  }
}