.thumbnail hover a {
    text-decoration: none !important;
    border-radius: 0px;
}

ul li:hover,
ul li:hover a {
  background-color: #FF0000 !important;
  color: white !important;
  font-weight: bold;
  text-decoration: none !important;
  border-radius: 0px !important;
}

.selectedChannel {
  background-color: #FF0000 !important;
  color: white !important;
  font-weight: bold;
  text-decoration: none !important;
  border-radius: 0px !important;
}

.text-right {
  text-align: right;
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}

@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (max-width:480px)  { 
/* smartphones, Android phones, landscape iPhone */
      .leftright {
            display: none;
      }
 }
@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }


@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;
}

/* large - display 6 */
@media (min-width: 992px) {

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

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

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

}
.movie-img {
      width: 150px;background-color:  aqua;overflow: hidden;
      background-repeat:no-repeat;
      background-size: cover;
      object-fit: fill;
}

.movie-title {
      height: 30px; width:150px;background-color: #FF4C06;overflow: hidden;
}
.movie-title a {
      height: 30px; width:150px;background-color: #FF4C06;overflow: hidden;
      text-decoration: none;
}
.movie-title a :hover{
      height: 30px; width:150px;background-color: #FF0000;overflow: hidden;
      text-decoration: none;
}


.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}