


		
	@media only screen and (min-width: 768px) and (max-width: 989px) {
				
		.responsive #top .product #countdown-timer {padding: 1rem; flex-direction: column; gap: 1.275rem;}
		
		.responsive #top .product #countdown-timer .countdown-label, .responsive #top .product #countdown-timer .countdown-time, 
		.responsive #top .product #countdown-timer .countdown-info {justify-content: center;}
		
		.responsive #top .product #countdown-timer .countdown-time {gap: 1.875rem;}
		
	}
		
		
	@media only screen and (max-width: 590px) {
		
		.responsive #top .product #countdown-timer {padding: 1rem; flex-direction: column; gap: 1.275rem;}
		
		.responsive #top .product #countdown-timer .countdown-label, .responsive #top .product #countdown-timer .countdown-time, 
		.responsive #top .product #countdown-timer .countdown-info {justify-content: center;}
		
		.responsive #top .product #countdown-timer .countdown-time {gap: 1.875rem;}
		
	}
	
	
	
/* ======================================================================================================================================================
# Product Promo Countdown
====================================================================================================================================================== */
  
	#top .product #countdown-timer {display: flex; margin-top: 20px; padding: 0.575rem 1rem; gap: 2rem; justify-content: space-between; line-height: 1.1; font-size: 14px; font-weight: 400; color: #6a6a6a; border: solid 1px #099f34; border-radius: 5px;}


	#top .product #countdown-timer .countdown-label {display: flex; gap: 10px; align-items: center; font-weight: 600; color: #099f34;}
	#top .product #countdown-timer .countdown-label:before {content: '\e812'; width: 18px; height: 18px; line-height: 18px; background: #099f34; font-family: 'Entypo-fontello'; font-size: 14px; font-weight: 400; color: #fff; text-align: center; border-radius: 50%;}
	
	
	
	#top .product #countdown-timer .countdown-time {display: flex; gap: 1.275rem; line-height: 1;}
	#top .product #countdown-timer .countdown-item {display: flex; flex-direction: column; align-items: center;}
	#top .product #countdown-timer .countdown-item span {font-size: 24px; font-weight: 600; color: #1a1a1a;}

	

	#top .product #countdown-timer .countdown-info {display: flex; gap: 10px; align-items: center; font-weight: 600; color: #1a1a1a; letter-spacing: 0.25px; animation: blinking 2.7s infinite;}
	
	@keyframes blinking {
		0%, 25.9% { opacity: 1; }
		26%, 51.9% { opacity: 0; }
		52%, 100% { opacity: 1; }
	}

