.slider {
    width: 90%;
    margin: 30px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  /*width: 100%;*/
  height: 300px
}

.slick-prev:before,
.slick-next:before {
  color: black;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}


@media only screen and (min-device-width: 768px) and (max-device-width: 820px) {
   .slick-slide img {
	  width: 100%;
	  height: auto
	}
}

@media only screen and (max-width: 600px) {
	.slick-slide img {
	  width: auto;
	  height: 5rem
	}
}