main > .stripe { margin-right: 390px; }
	main > .stripe + .stripe { padding-top: 0; }
main > figure {
	margin: 45px 0 0 0;
	float: right;
}
	
	main > figure span {
		width: 288px;
		height: 190px;
		display: block;
		position: relative;
		overflow: hidden;
	}
		main > figure span:first-child { 
			/* border: 1px solid #c9c8c8; */ 
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			    -ms-box-sizing: border-box;
			     -o-box-sizing: border-box;
			        box-sizing: border-box; 
		} 
		main > figure span + span { margin-top: 33px; }

		main > figure span img {
			display: block;
			position: relative;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			   -moz-transform: translate(-50%,-50%);
			    -ms-transform: translate(-50%,-50%);
			     -o-transform: translate(-50%,-50%);
			        transform: translate(-50%,-50%); 
		}
		
.prod_detail_link {
    margin-top: 50px;
    display: block;
}

.prod_detail_link.pdf:before {
    content: url(/immagini_layout/icone/pdf.svg);
}

.prod_detail_link:before {
    margin-right: 13px;
    display: inline-block;
    vertical-align: middle;
}

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

	main > .stripe { margin-right: 340px; }

}

@media only screen and (max-width: 768px){
	main { 
		display: flex; 
		flex-wrap: wrap;
	}

		main > .stripe { 
			width: 100%;
			margin-right: 0; 
		}

		main > figure {
			width: 100%;
			margin: 0 0 45px 0;
			padding: 0 10px;
			float: none;
			text-align: justify;
			order: 1;
		}
			main > figure:after {
				content: '';
				width: 100%;
				display: inline-block;
			} 

			main > figure span {
				width: 32%;
				height: auto;
				display: inline-block;
				vertical-align: top;
			}
				main > figure span + span { margin-top: 0; }

				main > figure span:first-child:before {
					content: '';
					width: 100%;
					height: 0;
					padding-top: 65.97%;
					display: block;
				} 

				main > figure span img { 
					max-width: 100%; 
					top: 0;
					-webkit-transform: translate(-50%,0);
					   -moz-transform: translate(-50%,0);
					    -ms-transform: translate(-50%,0);
					     -o-transform: translate(-50%,0);
					        transform: translate(-50%,0); 
				}

					main > figure span:first-child img {
						height: 85%;
						position: absolute;
						top: 50%;
						-webkit-transform: translate(-50%,-50%);
						   -moz-transform: translate(-50%,-50%);
						    -ms-transform: translate(-50%,-50%);
						     -o-transform: translate(-50%,-50%);
						        transform: translate(-50%,-50%); 
					}

}


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

	main > figure span {
		width: 100%;
		height: 0;
		padding-top: 65.97%;
		display: block;
	}
		main > figure span + span { margin-top: 15px; }

		main > figure span:first-child:before { display: none;} 

			main > figure span img {
				height: 100%;
				position: absolute;
				top: 50%;
				-webkit-transform: translate(-50%,-50%);
				   -moz-transform: translate(-50%,-50%);
				    -ms-transform: translate(-50%,-50%);
				     -o-transform: translate(-50%,-50%);
				        transform: translate(-50%,-50%); 
			}

}