.carousel-fade {
.carousel-inner {
.item {
    opacity: 0;
    transition-property: opacity;
}

.active {
    opacity: 1;
}

.active.left,
.active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.next.left,
.prev.right {
    opacity: 1;
}
    }

.carousel-control {
    z-index: 2;
}
    }



html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
    height: 100%;
}

.item:nth-child(1) {
    background: #fff;
}

.item:nth-child(2) {
    background: #fff;
}

.item:nth-child(3) {
    background: #fff;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 500%;
    height: auto;
    line-height: 1;
}


.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    /*

    width: 100%;
    */
    margin: 0px;


} .img-responsive.caro{

      width:100%;
  }

.carousel {
    width:100%;
    overflow: hidden;
}
.carousel .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.carousel .active.left, .carousel .active.right {
    left:0;
    opacity:0;
    z-index:2;
}
.carousel .next, .carousel .prev {
    left:0;
    opacity:1;
    z-index:1;
}