#video-thumbnails {
  cursor: pointer;
  overflow-y: scroll; /* Keep this to enable scrolling */
  height: 320px; /* Adjust based on your layout */
}

.thumbnail img {
  width: 100%; /* Make images fill the container */
  display: block;
}


/* Hide scrollbar for Chrome, Safari and Opera */
#video-thumbnails::-webkit-scrollbar {
  display: contents;
}

/* Hide scrollbar for IE, Edge, and Firefox */
#video-thumbnails {
  -ms-overflow-style: contents;  /* IE and Edge */
  scrollbar-width: contents;  /* Firefox */
}


.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  padding-top: 30px; /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media (max-width: 767px) {
    .span8, .span4 {
        width: 100%;
    }

    #video-thumbnails {
        max-height: 200px;
    }
}