#carouselMain .logo{
position: absolute;
right: 15%;
bottom: 20px;
left: 17%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
top: 5%;
transform: translateY(-50%);
}

.shops-background{
  background-color: #f2f5f4;
}

#carouselMain .btnmobile{
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  top: 90%;
  transform: translateY(-50%);
  }


.promocions{
  background-color:#8B8B8B;
  color: #575757;
}

.noticies{
  background-color:#8B8B8B;
  color: #575757;
}


.carousel-inner img {
  margin: auto;
}

.carousel-indicators-promocions {
  bottom: -50px !important; 
}

.caption-salaslite {
  top: 40%;
  transform: translateY(-50%);
}

#caption {
  top: 50%  !important; 
  transform: translateY(-50%);
}

.text-caption-salaslite{
  color: #212529 !important;
  font-size: 1.6rem;
}

.carousel-item .img-fluid {
  width:100% !important; 
}

.carousel-img {
  height: calc(100vh - 73px) !important;
}


.text-bottom-salaslite{
  color: #707070 !important;
  font-size: 1rem;
  position:absolute;
  bottom:10px;
  left: 10px;
  text-align: left;
}

.NovesUlleres-background {
  background-color: #E54360;
}

.NovesUlleres-bottom{
  position:absolute;
  bottom: -8px;
  right: 10px;
}

.NovesUlleres-title{
  font-size: 3rem;
}




/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
  .text-caption-salaslite{
    color: #212529 !important;
    font-size: 1rem;
  }

  #carouselMain .carousel-caption {
    top: 40%;
    transform: translateY(-50%);
  }

  #carouselMain .title {
    color: #ffffff;
    font-size: 2.8rem;
  }

  #carouselMain .subtitle {
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 1.6rem;
  }

 .NovesUlleres-title{
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .NovesUlleres-text{
    font-size: 1rem;
    line-height: 1rem;
  }

  .NovaUllerer-img{
    height: 220px;
  }

 
  #passio .title {
    font-size: 2rem !important;
  }

  #passio .text {
    font-size: 0.8rem !important;
    line-height: 1.2rem;
  }

  
  #news .title {
    font-size: 2.5rem !important;
  }

  #passio2 {
    background-color: white;
    height: 300px;
  }

  #passio2 .title  {
      font-size: 3.5rem;
      line-height: 3.5rem;
  }

  #passio2 .subtitle  {
      font-size: 1.8rem;
      line-height: 1.8rem;
      width: 300px;
      text-align: center;
  }


}

.text-emprovador{
    width: 550px;
}



/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

  
  
  .text-caption-salaslite{
    color: #212529 !important;
    font-size: 1.2rem;
    line-height: 1.3rem;
  }

  #carouselMain .carousel-caption {
    top: 40%;
    transform: translateY(-50%);
  }

  #carouselMain .title {
    color: #ffffff;
    font-size: 3rem;
  }

  #carouselMain .subtitle {
    color: #ffffff;
    font-size: 1.7rem;
    line-height: 1.7rem;
    max-width: 350px;
  }

  #carouselNews .subtitle {
    color: #000000 !important;
    font-size: 1.3rem;
    line-height: 1.3rem;
    max-width: 350px;
  }



  .NovesUlleres-title{
    font-size: 2rem;
    line-height: 2rem;
  }

  .NovesUlleres-text{
    font-size: 1rem;
    line-height: 1rem;
  }

  .NovaUllerer-img{
    height: 220px;
  }

  #passio .title {
    font-size: 2.5rem !important;
  }

  #passio2 {
    background-color: white;
    height: 300px;
   }

 

   #passio2 .title  {
    font-size: 3.5rem;
    line-height: 3.5rem;
   }

   #passio2 .subtitle  {
    font-size: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
   }
 
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
  .text-caption-salaslite{
    color: #212529 !important;
    font-size: 1.2rem;
    line-height: 1.3rem;
  }

  #carouselMain .carousel-caption {
    top: 40%;
    transform: translateY(-50%);
  }

  #carouselMain .title {
    color: #ffffff;
    font-size: 3rem;
  }

  #carouselMain .subtitle {
    color: #ffffff;
    font-size: 1.7rem;
    line-height: 1.7rem;
    max-width: 350px;
  }

  #carouselNews .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
  }

  #carouselNews .subtitle {
    color: #000000 !important;
    font-size: 1.3rem;
    line-height: 1.3rem;
    max-width: 350px;
  }

  .NovesUlleres-title{
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  .NovesUlleres-text{
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .NovaUllerer-img{
    height: 280px;
  }

  #passio .title {
    font-size: 3rem !important;
  }

  #passio2 {
    background-color: white;
    height: 300px;
   }

   #passio2 .title  {
    font-size: 3.5rem;
    line-height: 3.5rem;
   }

   #passio2 .subtitle  {
    font-size: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
   }
  
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
  .text-caption-salaslite{
    color: #212529 !important;
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .carousel-caption {
    top: 40%;
    transform: translateY(-50%);
  }

  #carouselMain .title {
    color: #ffffff;
    font-size: 3rem;
  }

  #carouselMain .subtitle {
    color: #ffffff;
    font-size: 1.7rem;
    line-height: 1.7rem;
    max-width: 350px;
  }

  #carouselNews .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
  }


  #carouselNews .subtitle {
    color: #000000 !important;
    font-size: 1.3rem;
    line-height: 1.3rem;
    max-width: 350px;
  }

  .NovesUlleres-title{
    font-size:2rem;
    line-height:2rem;
    color: #212529;
  }

  .NovesUlleres-text{
    font-size: 1rem;
    line-height: 1rem;
    color: #212529;
  }

  .NovaUllerer-img{
  height: 200px;
  }

  #passio .title {
    font-size: 3rem !important;
  }

  #passio2 {
    background-color: white;
    height: 300px;
   }

   #passio2 .title  {
    font-size: 3.5rem;
    line-height: 3.5rem;
   }

   #passio2 .subtitle  {
    font-size: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
   }
}

/* Extra large devices (large desktops, 1200px )*/
@media (min-width: 1200px) and (max-width: 1499.98px){ 
  .text-caption-salaslite{
    color: #212529 !important;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }

  #carouselMain .carousel-caption {
    top: 40%;
    transform: translateY(-50%);
  }

 
  #carouselMain .title {
    color: #ffffff;
    font-size: 4rem;
  }

  #carouselNews .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
  }

  #carouselNews .subtitle {
    color: #000000 !important;
    font-size: 1.3rem;
    line-height: 1.3rem;
    max-width: 350px;
  }

  .NovesUlleres-title{
    font-size:2.5rem;
    line-height:2.5rem;
    color: #212529;
  }

  .NovesUlleres-text{
    font-size: 1.0rem;
    line-height: 1.0rem;
    color: #212529;
  }

  .NovaUllerer-img{
    height: 250px;
    }

  #passio .title {
      font-size: 4rem !important;
    }

  #passio2 {
    background-color: #F2F5F4;
    height: 500px;
    }

  #passio2 .title  {
      font-size: 3.5rem;
      line-height: 3.5rem;
    }

  #passio2 .subtitle  {
      font-size: 1.8rem;
      line-height: 1.8rem;
      width: 500px;
      text-align: center;
    }
  
 
}

/* Extra large devices (large desktops, 1500px and up)*/
@media (min-width: 1500px) {
  .text-caption-salaslite{
    color: #212529 !important;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }

  #carouselMain .carousel-caption {
    top: 40%;
    transform: translateY(-50%);
  }

  #carouselMain .title {
    color: #ffffff;
    font-size: 4rem;
  }

  #carouselNews .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
  }

  #carouselNews .subtitle {
    color: #000000 !important;
    font-size: 1.3rem;
    line-height: 1.3rem;
    max-width: 350px;
  }

  .NovesUlleres-title{
    font-size:2.5rem;
    line-height:2.5rem;
    color: #212529;
  }

  .NovesUlleres-text{
    font-size: 1.0rem;
    line-height: 1.0rem;
    color: #212529;
  }

  .NovaUllerer-img{
    height: 350px;
  }
    
   #passio .title {
    font-size: 4rem !important;
  }

  #passio2 {
    background-color: white;
    height: 300px;
   }

   #passio2 .title  {
    font-size: 3.5rem;
    line-height: 3.5rem;
   }

   #passio2 .subtitle  {
    font-size: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
   }

}