/********************************* carousel *********************/
@media (min-width:992px)  {
  .carousel-control-prev,
  .carousel-control-next {
    display:none;
  }
}
.carousel-item {
  background-color: #ffffff;
}
@media (max-width: 576px) {
  .carousel-inner .carousel-item > div {
      display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
transform: translateX(0);
}

@media (min-width:768px)  {
  .carousel-img  .carousel-control-prev,
  .carousel-img  .carousel-control-next {
    display:none;
  }
}


.carousel-img .carousel-control-prev {
  left:-20px;
  padding-top:100px;
}
.carousel-img .carousel-control-next {
  right:-20px;
  padding-top:100px;
}