@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{
  transform: translateX(0);
}


.carousel-inner img {
  width: 100%;
  height: 100%;
}

.carousel-inner .video-card {
  width:75%;margin:auto;background-color:#832b94;
}
.carousel-indicators li{ list-style: none!important}

.bg-image {
  background: linear-gradient(to bottom right, #b968c5, skyblue);
  border-radius: 10px;
}


.card .video-title {
  font-size:14px;
  margin: 0 0 20px;
  line-height: 20px;
  color: white;
  padding-left: 1rem;
  padding-right: 1rem;
}
.card .date { color: white;}
.slider-padding {
  padding: 3% 3% 0 3%;
}

.card {
  height: 100%;
  width: 100%;
}

.card:hover, .media:hover{
    -webkit-box-shadow: -1px 9px 20px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 9px 20px -12px rgba(0,0,0,0.75);
    box-shadow: -1px 9px 20px -12px rgba(0, 0, 0, 0.75);
}

.content-section {
  background: #ffffff;
  padding: 10px 20px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 20px;
}