.carousel{
  width: 100%;
  margin: 0;
  left: inherit;
  padding: 0;
}

#carousel .sl_h2{
  color: #000;
  font-size: 55px;
  font-weight: 600;
}
#carousel .sl_h2 span{
  font-weight: 600;
}
#carousel figcaption .sl_ds p{
  line-height: 1;
  margin-bottom: 0.3rem;
  font-size: 20px;
}
#carousel figcaption.caption.white .sl_ds p,
#carousel figcaption.caption.white .sl_h2{
  color: #fff;
}
#carousel figcaption.caption.black .sl_ds p,
#carousel figcaption.caption.black .sl_h2{
  color: #000;
}
#carousel.carousel .carousel-item img {
  width: 100%;
  margin-left: 0;
  visibility: hidden;
}
#carousel figure{
  position: relative;
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center;
  height: 600px;
  width: 100%;
}
.carousel .carousel-inner{
  height: auto;
}
.carousel .carousel-item .caption{
  position: absolute;
  text-align: left;
  left: 50px;
  right: 50px;
  bottom: 50px;
  top: 50px;
  max-width: 50%;
  padding: 50px 50px 50px 50px;
}
.carousel .carousel-item .caption a.btn-pri{
  margin-top: 27px;
  height: 45px;
  line-height: 43px;
  padding: 0px 20px;
  /* vertical-align: middle; */
  display: inline-block;
  position: relative;
  font-size: 1rem;
  border: 0;
  background: #fff;
  min-width: 120px;
}
#carousel figcaption.caption.black a.btn-pri{
  background: #000;
  color: #ffffff;
}
.carousel .carousel-control{
  width: 50px;
  background: transparent;
}
.carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i{
  font-size: 26px;
  color: #fff;
}









.carousel .carousel-control .icon-next{
  right: 30px;
}
.carousel .carousel-control .icon-prev{
  left: 30px;
}

.arrow-angle{
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 13px;
  border-radius:1px;
}

.arrow-angle.left{
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.arrow-angle.right{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

@media (min-width:768px) and (max-width:1199px) {
  #carousel figure{
    height: 400px;
  }
}

@media (max-width: 991px){
  .carousel .direction .carousel-control i{
    background: transparent;
  }
  .carousel .direction .carousel-control .icon-next{
    right: 30px;
  }
  .carousel .direction .carousel-control .icon-prev{
    left: 30px;
  }
  .carousel .carousel-item .caption{
    padding: 50px;
    margin: 0;
  }
}

@media (max-width:767px) {
  #carousel figure{
    height: 280px;
  }
  .carousel .carousel-item .caption{
    left: 0;
    text-align: center;
    bottom: 0;
    padding-bottom: 40px;
    right: 0;
    width: 100%;
  }
  #carousel figcaption .sl_ds p{
    font-size: 16px;
  }
  #carousel .sl_h2{
    font-size: 40px;
  }
}



@media (min-width:768px) and (max-width:1199px) {
  
  #carousel .sl_h2{
    font-size: 40px;
  }
  #carousel figcaption .sl_ds p{
  font-size: 19px;
  }
}