.carousel{
    position: relative;
}
.carousel-indicators{
    
}
.carousel-indicators li{
    text-indent:0;
    display:inherit;
    float:left;
    width: 12%;
   
    margin:5px 0px;
}
.carousel-indicators li img{
    width: 100%;
   
}
.carousel-indicators .active img{
    border:2px solid #000;
}
.carousel-indicators .active{
    margin:5px 0px;
   
    
}
.carousel-control.right,
.carousel-control.left{
    background-image: none;
}
@media screen and (min-width:320px) and (max-width:360px) {
    
    
    
    
    .carousel-indicators{
        position: relative !important;
    }
   
 
    
}
@media screen and (min-width:768px) and (max-width:980px){
    
}