.carousel {
     display: block;
     height:auto;
     overflow: hidden;
     position: relative;
}
 .carousel-inner {
     overflow:visible;
     position: initial;
}
 .carousel-indicators{
     top: 0px;
     height:10px;
}
  .carousel-caption {
     display:none;
    /* common to all screen sizes */
/*     position: absolute;
     left: 0px;
     right: 0px;
     width: 100%;
     display: block;
     text-shadow: none;
     text-align: center;
     background-color: #191919;
     opacity: .8;
     overflow: hidden;*/
}
 .carousel-caption a {
     display:none;
}
 .carousel-caption .photo-caption {
     display:none;
    /* common to all screen sizes */
/*     overflow: hidden;
     margin-right: auto;
     margin-left: auto;
     color: #191919;*/
}
/* xs */
 @media screen and (max-width: 767px) {
     .carousel-caption {
         height: auto;
         bottom: 0;
         border-top: 2px solid white;
         font-size: 1em;
         font-weight: bold;
         line-height: 1em;
    }
     .carousel-caption .photo-caption {
         width: 80%;
    }
     .carousel-inner>.item>img, .carousel-inner>.item>a>img {
         display: block;
         width: 100%;
         height: 100%;
    }
}
/* sm */
 @media screen and (min-width: 768px) {
     .carousel-caption {
         height: auto;
         bottom: 0;
         border-top: 2px solid white;
         font-size: 1em;
         font-weight: bold;
         line-height: 1em;
    }
     .carousel-caption .photo-caption {
         width: 80%;
    }
     .carousel-inner>.item>img, .carousel-inner>.item>a>img {
         display: block;
         width: 100%;
         height: 100%;
    }
}
/* md */
 @media screen and (min-width: 992px) {
     .carousel-caption {
         height: auto;
         background-color: #191919;
         border-top: 2px solid white;
         border-bottom: 2px solid white;
         font-size: 1em;
         font-weight: bold;
         line-height: 1em;
    }
     .carousel-caption .photo-caption {
         width: 80%;
    }
     .carousel-inner>.item>img, .carousel-inner>.item>a>img {
         display: block;
         width: 100%;
         height: 100%;
    }
}
/* lg */
 @media screen and (min-width: 1200px) {
     .carousel-caption {
         height: auto;
         background-color: #191919;
         border-top: 2px solid white;
         border-bottom: 2px solid white;
         font-size: 1em;
         font-weight: bold;
         line-height: 1em;
    }
     .carousel-caption .photo-caption {
         width: 80%;
    }
     .carousel-inner>.item>img, .carousel-inner>.item>a>img {
         display: block;
         width: 100%;
         height: 100%;
    }
}