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

  .carousel-caption
  {
	  background:rgba(0,0,0,0.5);
	  color:#fff;
	  width:25%;
	  position:absolute;
	  left:10%;
	  bottom:20%;
	  height:180px;
	  padding:2%;
  }
    .carousel-caption h3{
			   color:#fff;
			   font-size:16px;
		   }
   
  .carousel-control-prev{
	  top:25%;
  } 
    .carousel-control-next{
	  top:25%;
  } 
  
  @media screen and (max-width: 800px) 
  {
	.carousel-inner img {
		width: 100%;
		height: 680px;
		padding-top:30%;
	  }
	    .carousel-caption
		  {
			  background:rgba(0,0,0,0.5);
			  color:#fff;
			  width:25%;
			  position:absolute;
			  left:10%;
			  bottom:10%;
			  height:150px;
			  padding:2%;
		  }
		   .carousel-caption h3{
			   color:#fff;
			   font-size:16px;
		   }
		         .carousel-control-prev{
	  top:50%;
  } 
    .carousel-control-next{
	  top:50%;
  } 
  }
  
    @media screen and (max-width: 500px) 
  {
	.carousel-inner img {
		width: 100%;
		height: 450px;
		padding-top:50%;
	  }
	      .carousel-caption
  {
	  background:rgba(0,0,0,0.5);
	  color:#fff;
	  width:30%;
	  position:absolute;
	  left:10%;
	  bottom:15%;
	  height:50px;
	  padding:2%;
  }
   .carousel-caption h3{
	   color:#fff;
	   font-size:9px;
   }
      .carousel-control-prev{
	  top:50%;
  } 
    .carousel-control-next{
	  top:50%;
  } 
  }
  
   @media screen and (max-width: 400px) 
  {
	.carousel-inner img {
		width: 100%;
		height: 400px;
		padding-top:50%;
	  }
	  
	  .carousel-caption
  {
	  background:rgba(0,0,0,0.5);
	  color:#fff;
	  width:30%;
	  position:absolute;
	  left:10%;
	  bottom:10%;
	  height:50px;
	  padding:2%;
  }
   .carousel-caption h3{
	   color:#fff;
	   font-size:9px;
   }
     .carousel-control-prev{
	  top:50%;
  } 
    .carousel-control-next{
	  top:50%;
  } 
   
  }