/* Controlli e didascalia seguono le dimensioni della foto attiva. */
#slidecontroll {
  position: absolute;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  z-index: 2;
}
.description {
  box-sizing: border-box;
  padding-right: 48px;
  min-height: 20px;
}




/* Solo homepage index2: adattamento del nuovo layout agli schermi piccoli.
   pia2.css rimane invariato per le altre pagine. */
@media screen and (max-width: 1280px) {
  #contain {
    position: relative;
    width: 100%;
    left: auto;
    margin: 0;
  }

  #side {
    position: relative;
    top: auto;
    left: auto;
    margin: 40px 0 0 30px;
    width: 160px;
  }

  #categ {
    position: relative;
    width: calc(100vw - 60px);
  }

  #categ br {
    display: none;
  }

 /*  #categ .language-switch {
    position: absolute;
Left:840px;
padding-right:20px;
    bottom: 0;
    margin: 0;
    white-space: nowrap;
  }
*/

  #slide2 {
    position: relative;
    float: none;
    clear: both;
    width: calc(100% - 20px);
    height: auto;
    margin: 32px 20px 60px;
    padding: 20px;
  }

  #slide2 .carousel,
  #slide2 .carousel-inner,
  #slide2 .item {
    max-width: 100%;
  }

  #slide2 .item img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 68vh;
    object-fit: contain;
    object-position: left top;
  }

  #slide2 .description {
    width: 100%;
    max-width: 100%;
  }

}





@media screen and (max-width: 940px) {
  #categ .language-switch {
    left: auto;
    right: auto;
    padding-right: 0;
  }
}