.carousel-control.left, .carousel-control.right {
  background-image:none !important;
}
.carousel-inner .item img {
  width:100%;
  height:100%;
}
.carousel-indicators {
  bottom:5px;
  left:0;
  width:auto;
  padding:5px 20px 5px 20px;
  margin-left:0;
  background:rgba(0,0,0,0.7);
}
.carousel-indicators li {
  border-radius:0;
  width:8px;
  height:8px;
  background:#fff;
}
.carousel-indicators .active {
  width:10px;
  height:10px;
  background:#62116a;
  border-color:#62116a;
}
.carousel-control {
  background:	#62116a;
  color:#fff;
  padding: 4px 0;
  width:26px;
  top:auto;
  left:auto;
  bottom:12px;
  opacity:0.85;
}
.carousel-control.right {
  right:10px;
}
.carousel-control.left {
  right: 46px;
}
.carousel-caption {
  top:auto;
  width:auto;
  right:auto;
  bottom:60px;
  left:0;
  padding:20px;
  background:rgba(0,0,0,0.75);
  text-align:left;
  height:auto;
  max-width:60%;
}

@media (max-width: 480px) {


  .carousel-caption h3 {
    font-size: 10px;
  }
  .carousel-caption p {
    font-size: 10px;
  }
  .carousel-caption .lead,
  .carousel-caption .btn {
    font-size: 10px;
  }
}

@media (max-width: 600px) {
  .carousel-inner .carousel-caption {
    position: relative;
  }

  .carousel-caption {
    width:100%;
    max-width: 100%;
    bottom:0px;
  }

  .carousel-control {
    top:3px;
    bottom:auto;
    height:37px
  }

  .carousel-indicators {
    top:5px;
    bottom:auto;
    height:30px;
  }
}

@media (max-width: 767px) {

  .carousel-caption h3 {
    font-size: 14px;
  }
  .carousel-caption p {
    font-size: 12px;
  }
  .carousel-caption .lead,
  .carousel-caption .btn {
    font-size: 12px;
  }
}

@media (max-width: 1199px) {
  .carousel-caption h3 {
    font-size: 18px;
  }
  .carousel-caption p {
    font-size: 16px;
  }
  .carousel-caption .lead,
  .carousel-caption .btn {
    font-size: 12px;
  }
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}