/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  /*height: 350px;*/
  width: 100%;
/*  margin-bottom: 60px;
*/}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 350px;
  /*background-color: #777;*/
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
}
.carousel-caption{
  text-align: left;
  left: 12%;
  top: 5%;

}
.carousel-caption h2 span{
  font-size: 18px;
}
.carousel-caption > p.ozet{
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  -webkit-font-smoothing: antialiased !important;
}
.carousel-inner > .carousel-caption > a > p.ozet{
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  -webkit-font-smoothing: antialiased !important;
}
.carousel-caption h2 span, .carousel-caption p.ozet {
  background-color:rgba(227, 109, 79, 0.70);
  border-radius: 3px;
  padding: 3px 5px 3px 5px;
}
@media (min-width: 1500px) and (max-width: 3000px){
  .carousel-caption{
    text-align: left;
    right: 30%;
    left: 30%;
    top: 5%;
  }
  .carousel .item {
    min-height: 500px;
  }
  .carousel .item > img{
    min-height: 500px;
     display: block;
    width: 100%;
    height: auto;

  }

}
@media (min-width: 992px) and (max-width: 1499px){
  .carousel-caption{
    text-align: left;
    left: 15%;
    top: 5%;
  }
  .carousel .item {
    height: 400px;
  }
  .carousel .item > img{
    height: 400px;

  }

}

@media (min-width: 768px) and (max-width: 991px){
  .carousel .item {
    height: 400px;
  }
  .carousel .item > img{
    height: 400px;

  }
}
@media (min-width: 481px) and (max-width: 767px){
  .carousel .item {
    height: 260px;
  }
  .carousel .item > img{
    height: 260px;

  }
}
@media (min-width: 320px) and (max-width: 480px){
  .carousel .item {
    height: 200px;

  }
  .carousel .item > img{
    min-height: 300px !important;

  }

  
}