@charset "utf-8";
/* CSS Document */

.dsCountDown:after		{content:''; clear: both;}
.dsCountDown			{*display: inline; zoom: 1;}

/* ------------------------- Flat Theme ------------------------- */
.dsCountDown.ds-flat				{width: 100%;margin-top: 3rem;}
.ds-flat .ds-element				{width: 110px; display: inline-block; margin-left: 0.25rem; margin-right: 0.25rem; padding: 1.5rem; background-color: #5ebbca; border-radius:100%;height: 110px;}
.ds-flat .ds-element:first-child	{margin-left: 0;}
.ds-flat .ds-element:last-child		{margin-right: 0;}


.ds-flat .ds-element-title		{display: block; font-size: 80%; color: #FFFFFF;text-align:center;font-family: "Outfit", sans-serif;text-transform: uppercase;}
.ds-flat .ds-element-value		{display: block; font-size: 180%; color: #FFFFFF; font-weight: 600;text-align:center;font-family: "Outfit", sans-serif;}

/*	##Device = Laptops, Desktops
	##Screen = B/w 1025px to 1280px */
@media (min-width: 1025px) and (max-width: 1280px) {}

/* = = = = = LAPTOP = = = = = */
@media only screen and (min-width : 1200px) and (max-width: 1600px) {
	

	
}


/* = = = = = TABLET  = = = = = */
@media only screen and (min-width : 768px) and (max-width : 1024px) {	
	

.ds-flat .ds-element			{padding: 0.75rem; margin-left: 0.25rem; margin-right: 0.25rem;}
	
.ds-flat .ds-element-title		{font-size: 80%;}
.ds-flat .ds-element-value		{font-size: 250%;}	

	
}

/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width : 300px) and (max-width : 767px) {
	


.ds-flat .ds-element			{padding: 0.5rem; margin-left: 0.125rem; margin-right: 0.125rem;}
	
.ds-flat .ds-element-title		{font-size: 100%;}
.ds-flat .ds-element-value		{font-size: 200%;}



	
	
}