#hero-slider .carousel-inner .carousel-item .carousel-caption{
  position: absolute;
  top:35%;
  border: 1px solid #fff;
  padding: 20px;
  height: 200px;
}
#hero-slider .carousel-inner .carousel-item .carousel-caption h2{
  color: #fff;
  font-size: 2.5rem;
}

#hero-slider .carousel-inner .carousel-item .carousel-caption p{
    color: #fff;
    font-size: 1.2rem;
  }
  #hero-slider .carousel-indicators button{
    border-radius: 50%;
    width: 10px;
    height: 10px;
  }


  @media only screen and (max-width: 600px) {
   
    #hero-slider .carousel-inner .carousel-item .carousel-caption{
        position: absolute;
        top:15% !important;
        padding: 30px 0px;
      }
      #hero-slider .carousel-inner .carousel-item .carousel-caption h2{
        color: #fff;
        font-size: 1.5rem;
      }
      #hero-slider .carousel-inner .carousel-item .carousel-caption p{
        color: #fff;
        font-size: 0.8rem;
      }
      #hero-slider .carousel-inner .carousel-item .banner1{
        width:100%;
        height: 300px;
      }
      
      
  }