.slider-for div{
  overflow: hidden;
  width: 400px;
  height: 400px;

  margin: 10px auto;


}

.slider-for img, .slider-nav img{
  width: 100%;
  height: auto;
}

.slider-nav div{
   overflow: hidden;
   margin: 5px;
}


.slider-nav .slider-img{
  width: 200px;
  margin: 10px;
  height: 150px;
}

@media screen and (max-width:500px){
  .slider-main{
    width: 100%;
    overflow: hidden;
  }

  .slider-for div{
    width: 100%;
  }
}

.slick-next{
  right: 0px;
}