.touch-animate {
  transition: transform 0.3s ease-in-out;
}

.touch-slider-wrap {
  width: 100%;
  height: auto;
}

.touch-slider {
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* .ms-touch.slider {
  overflow-x: scroll;
  overflow-y: hidden;
  
  -ms-overflow-style: none; */
  /* Hides the scrollbar. */
  
  /* -ms-scroll-chaining: none; */
  /* Prevents Metro from swiping to the next tab or app. */
  
  /* -ms-scroll-snap-type: mandatory; */
  /* Forces a snap scroll behavior on your images. */
  
  /* -ms-scroll-snap-points-x: snapInterval(0%, 100%); */
  /* Defines the y and x intervals to snap to when scrolling. */
/* } */

.touch-holder {
  width: 400%;
  overflow-y: hidden;
}

.touch-slide-wrapper {
  float: left;
  width: 25%;
  max-height: 605px;
  height: 57.5vw;
  position: relative;
  overflow: hidden;
}

.touch-slide {
  height: auto;
  position: relative;
}

.touch-slide div {
  width: 100%;
  height: auto;
  z-index: 0;
}

.touch-slide img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: auto;
}

.touch-slider-nav {
  text-align: center;
}

.touch-slider-nav a {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  display: inline-block;
  background: #ddd;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 50%;
}
.touch-slider-nav a.active {
  background: #999;
}