.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 99%;
      margin: auto;
  }
  
.carousel-container
{
   position:relative;
   
   display:inline-block;
   border: 0px solid #eee;
   width:48%;
   margin-top:20px;
   height:300px;
    
}

#carousel   
{
    display:table;
   
    height:100%;
    margin:0 auto;
   text-align: center;
   display: flex;
    align-items: center;
}
.carousel-indicators
{
  display:none;
   bottom:-40px;
}


.carousel-indicators li{
  
    border: 1px solid #A9A9A9; 
  
}


#carousel2 .carousel-indicators{
    display:none;
}
.carousel-indicators .active
{
    background-color:#ffcd3a;
}

.carousel-control.right, .carousel-control.left
{
     background-image: none;
     right:8px;
}
.carousel-control.left
{
     left:8px;
}
.carousel-control
{
    font-size:30px;
    width:18px;
}

.carousel-control:focus, .carousel-control:hover
{
    
}

#carousel1 .carousel-control
{
    visibility: hidden;
}
#carousel2 .carousel-control
{
    visibility: hidden;
}

.carousel-indicators .active
{
    width:10px;
    height:10px;
}
@media (max-width: 768px){
.carousel-container
{
   position:relative;
   margin-top:0px;
   display:table;
   height: auto;
   border: 0px solid red;
    
}

#carousel   
{
    display:table;
   
    height:100%;
    margin:0 auto;
   text-align: center;
}

#carousel1
{
 margin-top:5px;   
}
#carousel2
{
//margin-top:-40px;   
height:auto;
}
.carousel-indicators
{
   // margin-bottom:0px;
}
.carousel-indicators {

    bottom: -30px;
}
}



.carousel-inner
{
    display: flex;
    align-items: center;
}

a{
    text-decoration:none;
}



.carousel-indicators li
{
    margin-left:10px;
}
.carousel-indicators .active
{
 margin-left:10px;
}