.serra {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
    .breadcrumb {
  justify-content: flex-end;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 3px;
  margin: 0; /* <-- niente margin-top qui */
  margin-right: 5px;
}
.breadcrumb li + li::before {
  content: " > ";
  padding: 0 5px;
  color: #555;
   font-weight: 900;
}
.breadcrumb li a {
  text-decoration: none;
  color: #555657;
}
.custom-arrow {
    background: none;
    border: none;
    font-size: 24px;
    color: #fcf5f5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}
.slick-prev {
    left: 10px;
    color: black !important;
}
.slick-next {
    right: 10px;
    color: black !important;
}

@media (max-width: 770px){
#galleriaSerra h2 {
    font-size: 1.5rem;
    }
}

@media (max-width:500px) {
    #galleriaSerra h2 {
        font-size: 1.0rem;
    }
}
/* Immagini */

.foto-serra-slider {
  height: 500px;
  overflow: hidden; /* evita overflow verticale */
}

.foto-serra-slider .slick-slide {
  height: 100% !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.foto-serra-slider .slick-slide > div {
  height: 100%; /* Forza il div interno ad avere la stessa altezza */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}



.foto-serra-slider img {
  height: 400px;
  width: 100%;
  object-fit: contain;
  display: block;
}

@media (min-width: 1200px) {
  .immagine-serra img {
    /* o qualsiasi altezza desideri */
    object-fit: contain /* o "contain" se vuoi intero */
  }
}



@media (max-width: 540.97px) {
.foto-serra-slider {
  height: 400px;
  overflow: hidden; /* evita overflow verticale */
  padding-bottom: 1px !important;
}
  .foto-serra-slider .slick-slide > div {
  height: 100%; /* Forza il div interno ad avere la stessa altezza */
  width: 100%;
}
  .foto-serra-slider img  {
    height: 400px;
    width: 100%;
    object-fit: contain;
    display: block;
  }
}


@media (min-width: 540.98px) {
  .foto-serra-slider .slick-slide > div {
  height: 100%; /* Forza il div interno ad avere la stessa altezza */
  width: 100%;
}
  .foto-serra-slider {
  height: 400px;
  width: 100%;
}
  .foto-serra-slider .slick-slide > div {
  height: 100%; /* Forza il div interno ad avere la stessa altezza */
  width: 100%;
}
  .foto-serra-slider img  {
    height: 400px;
    width: 100%;
    object-fit: contain;
    display: block;
  }
}

@media (min-width: 1200.98px) {
   .foto-serra-slider {
  height: 600px;
  
}
  .foto-serra-slider .slick-slide > div {
  height: 100%; /* Forza il div interno ad avere la stessa altezza */
  width: 100%;
}
  .foto-serra-slider img  {
    height: 600px;
    width: 100%;
    object-fit: contain;
    display: block;
  }
}