.title {
  width: 100%;
  position: absolute;
  z-index: 100;
  padding-top: 1%;
}

.carousel-indicators  {
  top: 10% !important;
  bottom: 0;
  left: 0;
  right: 0;
}

.carousel-indicators li {
  mergin: 0;
  //padding: 0 13px 0 13px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

.carousel-indicators li img {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 100%;
  top:0;
  left:0;
}

.carousel-item {
//    .transition(.5s ease-in-out left);
}

/* Make the image fully responsive */
.carousel-inner img {
    width: 100%;
    height: 100%;
}