.slider .carousel {
  margin-bottom: 10px;
}
.slider .carousel .carousel-inner .carousel-item {
  background-size: cover;
  background-position: center center;
  height: 360px;
}
.slider .carousel .carousel-inner .carousel-item .carousel-caption h5, .slider .carousel .carousel-inner .carousel-item .carousel-caption p {
  text-shadow: 1px 2px rgba(0, 0, 0, 0.7);
  margin-bottom: 0px;
}
.slider .carousel .carousel-inner .carousel-image {
  width: 100%;
}

/* Extra micro devices (smallest form phones, from 319px and lower) */
@media (max-width: 319px) {
  .slider .carousel .carousel-inner .carousel-item {
    height: 280px;
  }
  .slider .carousel .carousel-inner .carousel-item h5 {
    font-size: 18px;
  }
}
/* Micro devices (smaller form phones, from 320px to 419px) */
@media (min-width: 320px) and (max-width: 419px) {
  .slider .carousel .carousel-inner .carousel-item {
    height: 360px;
  }
}
/* Extra small devices (portrait phones, from 420px to 576px) */
@media (min-width: 420px) and (max-width: 575px) {
  .slider .carousel .carousel-inner .carousel-item {
    height: 360px;
  }
}
/* Small devices (landscape phones, from 576px to 767px) */
@media (min-width: 576px) and (max-width: 767px) {
  .slider .carousel .carousel-inner .carousel-item {
    height: 360px;
  }
}