/*
** CAROSELLO HOME
*/

.carousel {
  overflow: hidden;

}

.carousel.slick-slider {
  margin-bottom: 0px;
  height:100%;
  width: 40%;
  margin: 0 auto;
}

.carousel-item.slick-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



/*
** CAROSELLO PRODOTTO
*/

.slider-for.slick-slider {
  width: 35%;
  height: 100%;
  margin:  0 auto;
  padding-top: 50px;
}

.slider-for-element.slick-slide {
  background-size: cover;
  background-position: center;
}

.slider-nav.slick-slider {
  padding-top: 50px;
  float: left;
  width: 100px;

  margin-left: 100px;
  overflow: hidden;
}

.slider-nav-element.slick-slide{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.slider-for .slick-prev:before {
  display: none;
}

.slider-for .slick-next:before {
  display: none;

}

.slider-for .slick-prev {
  left: 92%;
  top: 45px;
  width: 10px;
  height: 10px;
}

.slider-for .slick-next {
  width: 10px;
  height: 10px;
  right: 0;
  top: 45px;
}

.link-top {
  position: absolute;
  top: 37px;
  left: 0;
}

.link-top a{
  color: black;
  font-family: 'gothambook';
  font-size: 13px;

  text-decoration: none;
}





@media only screen and (max-width: 480px) {
  .carousel.slick-slider {
    width: 100%;
  }

  .slider-for.slick-slider {
    width: 90%;
 
  }

  .slider-nav.slick-slider {
    display: none;
  }

}

@media only screen 
and (min-width : 481px) 
and (max-width : 1024px) {
  .carousel.slick-slider {
   width: 55%;
  }
  
.slider-for.slick-slider {
  width: 63%;
  height: 100%;
  margin:  0 auto;
  padding-top: 50px;
}
  
  .slider-nav.slick-slider {
    display: none;
  } 
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  
.slider-for.slick-slider {
  width: 48%;

}
}