#CONT {
    opacity: 0;
    /* -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s */
}
.t1 {
    margin-top: 2vw
}

#contImg img, .yt, #contImg video {
    display: block;
    width: 100%;
    margin-bottom: 40px
}
  
.blocco {
    margin-bottom: 4vw
}

.others {
    background: #e6e7e9;
    width: 100%;
    padding: 15px 0 15px 0;
    margin-bottom: 2vw
}

.item {
  width: 100%;
}

.contItem {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s
}
.contItem .img {
  display: block;
  width: 100%
}
.contItem .velo {
  display: none;
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 15px;
  background: rgba(255,0,0,0.7);
  color: #fff
}
.contItem .velo .piu {
  position: absolute;
  bottom: 0;
  right: 10px
}

.si {
  display: none
}

#gallery {
  display:none;
  position: fixed;
  top: 0; left: 0;
  z-index:9999999999999999999;
  background: rgba(0,0,0,0.9);
  width: 100%; height: 100%
}

#gallery .centr {
  display: none;
  max-width: 90%;
  max-height: 90%
}
#chiudiGallery {
  position: absolute;
  z-index: 20;
  display: block !important;
  top: 25px; right: 25px;
  height: 45px
}
#gallery .contFreccia {
  position: absolute;
  z-index: 10;
  top: 0;
  width: 100px;
  height: 100%
}
#gallery .contFreccia table {
 width:100%; height: 100%
}
#gallery .freccia {
  display: block !important;
  height: 50px !important;
  position: absolute;
  margin:-25px 25px 0 25px
}
#gallery .sx {
  left: 0
}
#gallery .dx {
  right: 0
}

@media screen and (max-width:599px){
  .si { display: inline-block }
  .no { display: none }
  .contItem {
    margin-bottom: 10px
  }
  .item {
    width: 70%;
  }
  .others {
    width: 70%;
    padding: 12px 0 12px 0
  }
  #contImg img, .yt, #contImg video {
    margin-bottom: 15px
}
}
@media screen and (max-width:414px){
    .contItem {
        margin-bottom: 8px
      }
    .item {
        width: 80%;
      }
      .others {
        width: 80%
      }
      #contImg img, .yt, #contImg video {
        margin-bottom: 10px
    }
}
@media screen and (max-width:320px){
    .item {
        width: 90%;
      }
      .others {
        width: 90%
      }
}
@media screen and (min-width:600px) and (max-width:767px){
  .si { display: inline-block }
  .no { display: none }
  .contItem {
    margin-bottom: 15px
  }
  #contImg img, .yt, #contImg video {
    margin-bottom: 20px
}
}
@media screen and (min-width:768px) and (max-width:1023px){
  .contItem {
    margin-bottom: 21px
  }
  #contImg img, .yt, #contImg video {
    margin-bottom: 25px
}
}
@media screen and (min-width:1024px) and (max-width:1199px){
  .contItem {
    margin-bottom: 20px
  }
  #contImg img, .yt, #contImg video {
    margin-bottom: 30px
}
}
@media screen and (min-width:1200px) and (max-width:1439px){
  .contItem {
    margin-bottom: 25px
  }
    #contImg img, .yt, #contImg video {
        margin-bottom: 35px
    }
}   

@media screen and (max-height:730px) and (min-width:600px) {

}