.touchSliderContainer {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
.touchSliderContainer div.sliderItem {
  max-width: 600px;
  width: auto;
  transform: translateX(0);
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  user-select: none;
  -webkit-user-select: none;
}

.touchSliderContainer div.sliderItem img,
.touchSliderContainer div.sliderItem div {
  user-select: none;
  -webkit-user-select: none;
}
.sliderInner,
.flex-container div.sliderInner {
  flex-wrap: nowrap;
  display: inline-flex;
  transform: translateX(0px);
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  flex: 1 1 auto;
  width: -webkit-max-content;
}

.grabbing {
  cursor: grabbing;
}

@media screen and (max-width: 600px) {
  .touchSliderContainer div.sliderItem,
  .touchSliderContainer div.col-md-12,
  .touchSliderContainer div.col-md-6,
  .touchSliderContainer div.col-md-4,
  .touchSliderContainer div.col-md-3,
  .touchSliderContainer div.col-sm-12,
  .touchSliderContainer div.col-sm-6,
  .touchSliderContainer div.col-sm-4,
  .touchSliderContainer div.col-sm-3,
  .touchSliderContainer div.col-md-12,
  .touchSliderContainer div.col-md-6,
  .touchSliderContainer div.col-md-4,
  .touchSliderContainer div.col-md-3 {
    width: 400px;
    max-width: 400px;
  }
}
@media screen and (max-width: 420px) {
  .touchSliderContainer div.sliderItem,
  .touchSliderContainer div.col-md-12,
  .touchSliderContainer div.col-md-6,
  .touchSliderContainer div.col-md-4,
  .touchSliderContainer div.col-md-3,
  .touchSliderContainer div.col-sm-12,
  .touchSliderContainer div.col-sm-6,
  .touchSliderContainer div.col-sm-4,
  .touchSliderContainer div.col-sm-3,
  .touchSliderContainer div.col-md-12,
  .touchSliderContainer div.col-md-6,
  .touchSliderContainer div.col-md-4,
  .touchSliderContainer div.col-md-3 {
    width: 300px;
    max-width: 300px;
  }
}

@media screen and (max-width: 350px) {
  .touchSliderContainer div.sliderItem,
  .touchSliderContainer div.col-md-12,
  .touchSliderContainer div.col-md-6,
  .touchSliderContainer div.col-md-4,
  .touchSliderContainer div.col-md-3,
  .touchSliderContainer div.col-sm-12,
  .touchSliderContainer div.col-sm-6,
  .touchSliderContainer div.col-sm-4,
  .touchSliderContainer div.col-sm-3,
  .touchSliderContainer div.col-md-12,
  .touchSliderContainer div.col-md-6,
  .touchSliderContainer div.col-md-4,
  .touchSliderContainer div.col-md-3 {
    width: 52vw;
    max-width: 52vw;
  }
}