@media (min-width: 360px) {
  .myCarousel {
    width: 27.5%;
  }
}

@media (min-width: 400px) {
  .myCarousel {
    width: 28.5%;
  }
}

@media (min-width: 476px) {
  .myCarousel {
    width: 29%;
  }
}

@media (min-width: 768px) {
  .myCarousel {
    width: 30%;
  }
}

@media (min-width: 992px) {
  .myCarousel {
    width: 31%;
  }
}

@media (min-width: 1200px) {
  .myCarousel {
    width: 31.5%;
  }
}

#carouselWrapper {
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}

.carouselBtn {
  border: none;
}

.myCarousel {
  position: relative;
  margin: 0px 10px;
  transition: transform 1s, margin-right 1s;
  transform-origin: 0 0;
  transition-timing-function: linear;
  display: inline-block;
}

video {
  vertical-align: middle;
}

.table td .table th .noBorder {
  border-top: 0px none;
}