@media (min-width: 768px) {


  /* show 6 items */
  #instantagram-carousel .carousel-inner .active,
  #instantagram-carousel .carousel-inner .active + .carousel-item,
  #instantagram-carousel .carousel-inner .active + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item  {
      display: block;
  }

  #instantagram-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  #instantagram-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  #instantagram-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      transition: none;
  }

  #instantagram-carousel .carousel-inner .carousel-item-next,
  #instantagram-carousel .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  #instantagram-carousel .carousel-item.col-md-2 {
    padding: 0;
  }
  #instantagram-carousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: absolute;
      top: 0;
      right: -33.3333%;
      z-index: -1;
      display: block;
      visibility: visible;

  }

  /* left or forward direction */
  #instantagram-carousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  #instantagram-carousel .carousel-item-next.carousel-item-left + .carousel-item,
  #instantagram-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  #instantagram-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible;
  }

  /* right or prev direction */
  #instantagram-carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  #instantagram-carousel .carousel-item-prev.carousel-item-right + .carousel-item,
  #instantagram-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
  #instantagram-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
  }

}