/* one by one slider */ .multi-item-carousel .carousel-inner>.item, .multi-item-carousel-clipart .carousel-inner>.item { -webkit-transition: 200ms ease-in-out left; transition: 200ms ease-in-out left; } .multi-item-carousel .carousel-inner .active.left { left: -25%; } .multi-item-carousel .carousel-inner .active.right, .multi-item-carousel-clipart .carousel-inner .active.right { left: 25%; } .multi-item-carousel .carousel-inner .next, .multi-item-carousel-clipart .carousel-inner .next { left: 25%; } .multi-item-carousel .carousel-inner .prev, .multi-item-carousel-clipart .carousel-inner .prev { left: -25%; } @media all and (transform-3d), (-webkit-transform-3d) { .multi-item-carousel .carousel-inner>.item { -webkit-transition: 200ms ease-in-out all; transition: 200ms ease-in-out all; -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-transform: none!important; transform: none!important; } } .multi-item-carousel .carouse-control.left, .multi-item-carousel .carouse-control.right { background-image: none; } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { margin: auto; } .carousel-control.left, .carousel-control.right { background: none; border: none; } .carousel-control.left { margin-left: -35px; margin-top: 7px; } .carousel-control.right { margin-right: -35px; margin-top: 7px; } .carousel-control { width: 0%; } .custom-chevron-left, .custom-chevron-right { color: grey; }