/* bootstrap mod: carousel controls */

/* medium - display 4  */
@media (min-width: 768px) {
    #carousel-sn .carousel-inner .carousel-item-right.active,
    #carousel-sn .carousel-inner .carousel-item-next {
        transform: translate3d(33.33333%,0,0);
    }
    
    #carousel-sn .carousel-inner .carousel-item-left.active, 
    #carousel-sn .carousel-inner .carousel-item-prev {
        transform: translate3d(-33.33333%, 0, 0);
    }
}

/* medium - display 4  */
@media (min-width: 768px) {
    #carousel-sn .carousel-inner .carousel-item-right.active,
    #carousel-sn .carousel-inner .carousel-item-next {
      transform: translateX(33.33333%);
    }
    
    #carousel-sn .carousel-inner .carousel-item-left.active, 
    #carousel-sn .carousel-inner .carousel-item-prev {
      transform: translateX(-33.33333%);
    }
}

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


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