


@media screen and (max-width: 1200px) { 
	
	.detail-product .slick-prev, .detail-product .slick-next {opacity: 1;}
	
	.background-item-slider .desc-slider {padding: 20px;}
	
	.home .slick-prev, .home .slick-next {
	  top: 50% !important;
	}
	
}

@media screen and (max-width: 1030px) {  
	
	.col-home-sx {height: 50vh;}
	
	.col-home-dx {height: 50vh; justify-content: flex-start;}
	
	.home .background-item-slider {height: 100%; min-height: inherit; display: block;}
	
	.home .background-item-slider .img-item-slider img { }
	
	.home .elementor-widget-sliderHome {height: 100%;}
	
	.home .elementor-widget-sliderHome .slider-detail {height: 100%; position: relative;}
	
	.home .elementor-widget-sliderHome .slick-list {height: 100%;}
	
	.home .elementor-widget-sliderHome .slick-track {height: 100%;}
	
	.home .background-item-slider .img-item-slider { }
	
	.home .img-item-slider {
		width: 100%;
		height: 100%; /* oppure imposta un'altezza fissa tipo 400px */
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden; /* opzionale */
	}
	
	.home .img-item-slider img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	
}

@media screen and (max-width: 990px) { 
	
	:root {
	  --responsive--spacing-horizontal: 0;
	  --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
	  --responsive--alignfull-width: 100%;
	  --responsive--alignright-margin:0;
	  --responsive--alignleft-margin: 0;
	}
	
	.elementor-10 .elementor-element.elementor-element-3a8b14a {padding-bottom: 0!important;  overflow: hidden; height: 100%;}
	
	.elementor-10 .elementor-element.elementor-element-618831c {height: 100vh; overflow: hidden;}
	
	body.home {overflow: hidden!important; height: 100vh;}
	
	html.is-home {height: 100%; overflow: hidden;}
	
	.button-box {bottom: 60px; top: auto;}
	
	.background-item-slider {flex-direction: column;}
	
	.background-item-slider .desc-slider {min-width: 100%; max-height: 30vh; align-items: baseline;
		  justify-content: center;}
	
	.background-item-slider {height: calc(100vh - 90px); min-height: auto;}
	
	.background-item-slider .img-item-slider img {height: 100%; max-height: auto;}
	
	.background-item-slider .img-item-slider {max-height: 60vh;}
	
	.background-item-slider .img-item-slider.full-width {max-height: 90vh;}
}

@media screen and (max-width: 990px) {
	
	.card .elementor-widget-image {height: auto;}
	
	.detail-product .slick-prev, .detail-product .slick-next {
		opacity: 1;
		bottom: 10px !important;
		top: auto !important;
	  }
	
}

@media screen and (max-width: 880px) {
	
	.primary-navigation > .primary-menu-container {
		opacity: 1;
		 visibility: visible;
		 padding: 0;
		 border: none;
	}

	#site-navigation {display: none; position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-color: #fff;
	}
	
	.primary-navigation > div > .menu-wrapper {
		flex-direction: column;
		  justify-content: center;
		  align-content: center;
		  align-items: center;
	}
	
	.site-logo .custom-logo {
		margin-right: 0;
	}
	
	#colophon {
		justify-content: center;
	}
	
	#primary-menu-list {
	  height: 100vh;
	  display: flex;
	  flex-direction: column;
	  margin: 0;
	  padding: 0;
	}
	
	#primary-menu-list > li {
	  flex: 1; /* divide automaticamente in parti uguali */
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  border-bottom: 1px solid #c6c6c6; /* il bordo che vuoi */
	  width: 100%;
	  margin: 0;
	}
	
	#primary-menu-list > li > a {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 100%;
	  height: 100%;
	}
	
	#primary-menu-list > li:hover {
	  background: #f5f5f5;
	}
	
	#primary-menu-list > li:last-child {
	  border-bottom: none;
	}
	
	.button-mobile {position: absolute; top: 25px; display: block; right: 20px;}
	
	.primary-navigation {float: left;}
	
	#site-navigation.is-open {
	  display: block;
	}
	
	/* bottone sopra al menu */
	.button-mobile {
	  z-index: 1000;
	  cursor: pointer;
	}
	
	/* di default: mostra open, nascondi close */
	.button-mobile .close {
	  display: none;
	}
	
	.button-mobile.is-open .open {
	  display: none;
	}
	
	.button-mobile.is-open .close {
	  display: inline-flex;
	}

}


@media screen and (max-width: 768px) {
	
	.primary-navigation a {font-size: 20px;}
	
	.background-item-slider {
		height: calc(100vh - 140px);
		min-height: auto;
	}
	
	.background-item-slider .img-item-slider {}
	
	.background-item-slider .desc-slider {}
	
	.detail-product {height: 100vh; overflow: hidden;}
	
	.page-child {height:100vh; overflow: hidden;}
	
	.background-item-slider .img-item-slider {
		max-height: 50vh;
		flex: 0 0 50%;
	}
	
	.background-item-slider .desc-slider {
		max-height: 50vh;
		flex: 0 0 50%;
	}
	
	.is-page.is-child-page {height: 100%; overflow: hidden;}
	
	.background-item-slider {padding: 5px;}
	
}


@media screen and (max-width: 660px) { 
	
	.primary-navigation > .primary-menu-container {overflow: hidden;}
	
	#site-navigation.is-open {overflow: hidden;}
	
	#primary-menu-list {height: 90vh;}
	
	.col-home-sx  {padding: 10px;}
	
	.elementor-10 .elementor-element.elementor-element-3a8b14a {padding-bottom: 0!important;}
	
	.background-item-slider .img-item-slider {padding: 0;}
	
	.background-item-slider .img-item-slider img {object-position: top;}
	
	.background-item-slider .img-item-slider.full-width img {
		object-position: center;
	  }
	
	.slick-prev, .slick-next {
		border: 1px solid #c6c6c6!important;
	top: auto !important;
	bottom: -15px;
	}
	
	.slick-prev {
	  left: 0 !important;
	  bottom: -10px !important;
	}
	
	.slick-next {
	  right: 0px !important;
	  bottom: -10px !important;
	}
	
	.detail-product .slick-prev, .detail-product .slick-next {
		opacity: 1;
		bottom: 75px !important;
		top: auto !important;
		border: 1px solid #c6c6c6!important;
	  }
	
}

@media screen and (max-width: 480px) {  
	
	.col-home-sx {height: 45vh;}
	
	.col-home-dx {height: 55vh;}
	
}
