.carousel-inner>.item>img { 
    height: 500px;
}
.carousel-caption{
  left: 15%;
  top: 40px;
  text-align: left;
  text-shadow: none;
  
}
.caption-title{
  font: 36px bold;
  text-shadow: 2px 2px 0px rgba(0,0,0,.7);
  margin-top: 30px;
  text-align: left;
}
.caption-main{
  font: 16px bold;
  color: #464646;
  background-color: rgba(255,255,255,.8);
  padding: 10px 18px;
  margin-top: 15px;
  line-height: 1.6;
  width: 60%;
  text-shadow: none;
  text-align: left;
}
.caption-sec{
  font-size: 14px;
  color: #555;
  background-color: rgba(255,255,255,.8);
  padding: 10px 18px;
  margin-top: 5px;
  line-height: 1.7;
  text-shadow: none;
  text-align: left;
}


@media (max-width: 767px){
    .carousel-control.left,.carousel-control.right {
        background-image: none;
    }
    .carousel-inner {
        overflow: visible;
    }
    .carousel-caption {
        position: relative;
        left: 0;
        top: 0;
    }
    .carousel-inner>.item>img {
        height: auto;
    }
    .caption-title {
        font-size: 24px;
        color: #333;
        text-shadow: none;
    }
    .caption-main {
        font-size: 16px;
        width: 100%;
        padding: 10px 0px;
    }
    .caption-sec{
        font-size: 14px;
        width: 100%;
        padding: 10px 0px;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        top: 50px;
    }
}
@media (min-width: 768px){
    .carousel-inner>.item>img {
        height: 330px;
    }
    .caption-title {
        font: 27px bold;
        margin-top: -30px;
    }
    .caption-main {
        font: 15px bold;
        width: 100%;
    }
    
}
@media (min-width: 1024px){
    .carousel-inner>.item>img {
        height: 500px;
    }
    .caption-title {
        font: 36px bold;
        margin-top: 40px;
    }
    .caption-main {
        font: 16px bold;
        width: 60%;
    }
}