#exampleSlider {
  position: relative;      /* recommended */
}
#exampleSlider .MS-content {
  white-space: nowrap;     /* required */
  overflow: hidden;        /* required */
  margin: 0 5%;            /* makes room for L/R arrows */
}
#exampleSlider .MS-content .item {
  display: inline-block;   /* required */
  width: 30%;              /* required * Determines number of visible slides */ 
  position: relative;      /* required */
  vertical-align: centre;     /* required */
  overflow: hidden;        /* required */
  height: 100%;            /* recommended */
  white-space: normal;     /* recommended */
  margin: 0 auto;
}

#exampleSlider .MS-content .item {
  display: inline-block;   /* required */
  width: 30%;              /* required * Determines number of visible slides */ 
  position: relative;      /* required */
  vertical-align: center;     /* required */
  overflow: hidden;        /* required */
  height: 100%;            /* recommended */
  white-space: normal;     /* recommended */
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#exampleSlider .MS-content .item:hover {
  filter: grayscale(0%);

}

#exampleSlider .MS-content .item img{
  height: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
#exampleSlider .MS-controls button {
  background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;
  outline:none;
  position: absolute;
  top: 60px;
}
#exampleSlider .MS-controls .MS-left {
  left: 10px;
}
#exampleSlider .MS-controls .MS-right {
  right: 10px;
}


.right-image-button {
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
}


@media (max-width: 992px) {
  #exampleSlider .MS-content .item {
    width: 33.3333%;
  }
}
@media (max-width: 767px) {
  #exampleSlider .MS-content .item {
    width: 50%;
  }
} 

@media (max-width: 650px) {
  #exampleSlider .MS-content .item {
    width: 100%;
  }
}