/***************************************************
RESPONSIVE
***************************************************/
@media (max-width: 1450px) {
  .homeEstrella {
    background-size: 700px;
  }
}

@media (max-width: 1199px) {
  .entry-header {
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 0px;
  }
}

@media (max-width: 1140px) {
  .nav > li > a, .nav > li > a:hover, .nav > li > a:focus {
    padding: 23px 11px;
  }
}

@media (max-width: 991px){
  .entry-content{
    margin-bottom: 20px;
  }
  .text-quienessomos-verd,
  .post-image-quienessomos {
    max-width: 100%;
    display:block;
    position: relative;
  }
  .text-quienessomos-verd {
    margin-left: 0%;
    float: left;
    display: inline-block;
    max-width: 100%;
    padding: 80px;
  }
  .post-image-quienessomos {
    min-height: 350px;
  }
}

@media (max-width: 855px) {
  .homeEstrella {
    background-size: 600px;
  }
}

@media (max-width: 767px){
  [class^="carousel-inner"],
  [class^="slider"] {
    height: 400px;
    background-position: center center;
  }
  .carousel-home-container{
    top: 224px;
  }
  .post-image-blog img {
    margin: 0 auto;
  }
  .blog-excerpt,
  .entry-header{
    padding: 10px 30px;
  }
  .btn-estrella{
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .hide-xs {
    display: none!important;
  }

  .homeEstrella,
  .producte-presentacio {
    background-image: none!important;
  }
  .div-underlined-h1-footer {
    margin-top: 70px;
  }
  .img-alimentacio {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media (max-width: 574px) {



  .carousel-home-container > .div-underlined-h1-carousel {
    padding: 0px;
    padding-top: 10px;
  }
}

@media (max-width: 500px) {
  h1 {
    font-size: 35px;
  }
  h2,
  .h1home,
  [class^="carousel"][class$="container"] .h1slider {
    font-size: 30px;
  }
  .carousel-home-container{
    margin-left: -15px;
    margin-right: -15px;
  }
  .span-footer-contact {
    display: block;
  }

  .text-quienessomos-verd {
    padding-left: 25px;
  }
  .btn-text-quienessomos-verd,
  .btn-text-quienessomos-verd:hover {
    padding: 10px 10px!important;
    font-size: 13px!important;
  }
}
/***************************************************
END RESPONSIVE
***************************************************/