@media screen and (max-width: 1300px) { 
	
	.slick-next {
	  right: 5px;
	}
	
	.slick-prev {
	  left: 5px;
	}
	
	.slider-detail .slick-next {
	  right: -75px;
	}
	.slider-detail .slick-prev {
	  left: -75px;
	}
	
}


@media screen and (max-width: 1150px) {

	.wp-custom-logo .site-header {width: auto; justify-content: space-between;}
	
	.primary-navigation {margin: 0;}

}


@media screen and (max-width: 890px) { 
	
	.primary-navigation .primary-menu-container > ul > .menu-item > a {
		padding-left: 5px;
		padding-right: 5px;
	  }
	  
	.primary-navigation .primary-menu-container > ul > .menu-item > a {
	  font-size: 14px;
	  font-weight: 600;
	}
	
	.primary-navigation > div > .menu-wrapper .sub-menu-toggle {width: 24px;}
	
}


@media screen and (max-width: 768px) {  
	
	.button-box {
		float: left;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	
	.outline-button {width: 200px;}
	
	.main-item-slider-product .img-item-slider {width: 100%;}
	
	.main-item-slider-product .desc-slider {width: 100%;}
	
	.main-item-slider-product  .desc-slider {
		padding-left: 10px;
		padding-right: 10px;
	  }
	
	.slider-detail .slick-next {
	  right: 5px;
	  z-index: 999;
	}
	.slider-detail .slick-prev {
	  left: 5px;
	  z-index: 999;
	}
	
	.main-slider .background-item-slider img {
	  height: 350px !important;
	}
	
	.wp-custom-logo .site-header {justify-content: center; top: 20px;}
	

	.button-menu {
		display: block !important;
		position: absolute;
		left: 18px;
		font-size: 30px;
		top: -5px;
		z-index: 99999;
	}
	  
	.button-menu .fa-bars {
		color: #fff;
	}
	
	.button-menu .fa-times {color: #707070;}
	
	.primary-menu-container {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 60%!important;
		height: 100%!important;
		background-color: rgba(255,255,255,0.95) !important;
		
		/* chiuso di default */
		transform: translateX(-100%)!important;
		transition: transform 0.3s ease-in-out!important;
		z-index: 99!important;
		margin: 0!important;
		padding-top: 50px!important; /* spazio per l'icona */
	}
	
	.primary-menu-container.open {
		transform: translateX(0)!important; /* si apre */
		visibility: visible;
		  opacity: 1;
	}
	
	.wp-custom-logo .site-header {
		z-index: 9999999;
	}
	
	.primary-menu-container.open {
		transform: translateX(0)!important; /* si apre */
	}
	
	/* stile link */
	.primary-menu-container > ul > .menu-item {
		flex-direction: column!important;
	}
	
	.primary-menu-container > ul > .menu-item > a {
		color: #1587D0;
		font-size: 16px;
		font-weight: 800;
		display: block;
		padding: 10px;
	}
	
	.primary-menu-container .sub-menu a {
		color: #707070;
	}
	
	.primary-navigation .primary-menu-container > ul > .menu-item {flex-direction: column;}
	
	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
		display: block;
		position: relative;
	  }
	
	.primary-navigation .primary-menu-container {margin: 0;}
	
	.primary-navigation > div > .menu-wrapper {flex-direction: column;
		padding: 10px;
		margin-top: 50px;
	}
	
	.primary-navigation .primary-menu-container > ul > .menu-item > a {color: #1587D0; font-size: 16px;
		font-weight: 800; flex-direction: column;}
		
	.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {display: none;}
	
	.primary-navigation .sub-menu {border: none;}
	
	.primary-navigation .primary-menu-container > ul > .menu-item .sub-menu a {color: #707070;}
	
	
	
	.flipster__item img {
	  max-width: 240px !important;
	}
	
	.height-min-650 {
	  height: 530px;
	}
	
	
}


@media screen and (max-width: 600px) { 
	
	.main-slider {z-index: 9999;} 
	
	.main-slider .background-item-slider img {
		height: 250px !important;
	  }

	.height-min-650 {
		height: 400px;
	  }
	  
	.flipster__item img {
		max-width: 170px !important;
	  }
	
}


@media screen and (max-width: 480px) { 
	
	.main-item-slider-detail .background-item-slider .box-title {
		font-size: 24px;
		line-height: 1.3em;
	} 
	
	.desc-slider {padding-left: 50px;
		  padding-right: 50px;}
	
	.slick-prev, .slick-next {
	  width: 40px;
	  box-shadow: 5px 5px 15px 1px rgb(0 0 0 / 0.2) !important;
	  border-radius: 100% !important;
	  z-index: 999;
	}
	
	.main-slider .background-item-slider img {
		height: 200px !important;
	  }
	
	.height-min-650 {
		height: 380px;
	  }
	  
	.flipster__item img {
		max-width: 120px !important;
	  }
	
}