/* ======================================================================================================================================================
# Responsive
====================================================================================================================================================== */
	
	
	@media only screen and (min-width: 768px) {
		
		body.single-product #main .product-video {
			
			a span.image-overlay {display: none !important; opacity: 0;}
	
		}

		
	}
	
	
	
	@media only screen and (max-width: 767px) {
		
		body.single-product #main .product-video {
			
			a span.image-overlay {opacity: 1;}
		
		}

		
	}
	
	
	@media only screen and (max-width: 479px) {
		
		.responsive #top .summary form fieldset.add_minimal_price label .fpf_price_info {font-size: 12px !important;}
		
	}
	

	
/* ======================================================================================================================================================
# Youtube window on product page
====================================================================================================================================================== */
  

	
	body.single-product #main .video-product-section {margin-top: 2.5vh;}
	
	body.single-product #main .product-video {
		
		position: relative; border-radius: 8px; overflow: hidden;
		
		a {display: flex; background: rgba(0,0,0,0.05); justify-content: center; align-items: center; transition: all 0.5s;}
		a:hover {background: rgba(0,0,0,0.25);}
		img {display: flex; position: relative; object-fit: cover; z-index: -1;}
		a span.image-overlay {top: 0; background: rgba(0,0,0,0.05) !important; z-index: 5;}
		
		a:before, a:after {display: flex; position: absolute; height: 48px; line-height: 48px; font-family: 'entypo-fontello'; transition: all 0.5s;}
		a:before {content:''; width: 80px; background: url(youtube.svg) no-repeat center; z-index: 1; opacity:1; filter: invert(11%) sepia(89%) saturate(7497%) hue-rotate(0deg) brightness(101%) contrast(106%);}
		a:after {content:'\e897'; font-size: 24px; color: #ffffff; z-index: 10;}
			
		a:hover:before {opacity: 1 !important;}
		
	}