/*
.multi-item-carousel .carousel-inner > .item {
-webkit-transition: 500ms ease-in-out left;
  transition: 500ms ease-in-out left; 
  
}
.multi-item-carousel .carousel-inner .active.left {
  left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
  left: 33%;
}
.multi-item-carousel .carousel-inner .next {
  left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
  left: -33%;
}


@media all and (transform-3d), (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
  -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
    -webkit-transition: 500ms ease-in-out all;
    transition: 500ms 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;
}

*/
/* for four items change 33% to 25% */
/* https://stackoverflow.com/questions/20007610/bootstrap-carousel-multiple-frames-at-once */
/* http://jsfiddle.net/paulalexandru/at606jpe/ */
.carousel-inner .active.left  { left: -33%;             }
.carousel-inner .active.right { left: 33%;              }
.carousel-inner .next         { left: 33%               }
.carousel-inner .prev         { left: -33%              }
.carousel-control.left        { background-image: none; }
.carousel-control.right       { background-image: none; }
.carousel-inner .item         { background: white;      }


/* ADD MORE FOR DISPLAY */


.prod-item-list-img
{
     padding: 2px 3px 2px 1px;
     border-radius:5px;
    
}


.prod-item-list
{
    position:relative;
  padding: 15px 30px 15px 20px;
}

.prod-item-list>a.prod-item-list-link {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
     padding: 15px 30px 15px 20px; 
     
    text-transform: uppercase;
    background: rgba(255,255,255,.85);
    color:  #343434; 
    font-size: 13px;
    font-weight:normal;
    text-decoration :none;
}