@media (min-width: 480px) and (max-width: 768px) {
  .hero-carousel .carousel-inner .item {
    height: 340px;
    padding-top: 50px;
  }
  .hero-carousel {
    height: 340px;
  }
  .section{
    padding-top: 30px;
    padding-bottom: 30px;
}
}

@media (min-width: 1px) and (max-width: 480px) {
  .textoImagen {
    background-image: url("../images/slider/slider_texto.png");
  }
  .hero-carousel .carousel-inner .item {
    height: 340px;
    padding-top: 160px;
  }
  .hero-carousel {
    height: 340px;
  }
  .quienes-p{
      padding-left: 20px;
      padding-right: 20px;
  }
  .itemborder{
      height: 300px;
  }
  .btn-theme-bg{
      margin-bottom: 20px;
  }
  .section{
      padding-top: 25px;
      padding-bottom: 25px;
  }
}