.countdown{
	margin-top: 2em;
}

.clock-item .inner {
	height: 0px;
	padding-bottom: 100%;
	position: relative;	
	width: 100%;
}

.clock-canvas {
	border-radius: 50%;
	height: 0px;
	padding-bottom: 100%;
}

.countdown .text {
	color: #000529;	
	/*font-size: 30px;*/
	margin-top: 0px;
	position: absolute;
	top: 40%;
	text-align: center;
	width: 100%;
}

.countdown .text .val {
	font-size: 2.5em;
}

.countdown .text .type-time {
	font-size: 1.5em;
	margin-top: 1em;
}

@media (min-width: 768px) and (max-width: 991px) {
	.countdown .text {
		top: 35%;
	}

	.countdown .text .val {
		font-size: 2em;
	}

	.countdown .text .type-time {
		font-size: 1em;
		margin-top: 1em;
	}
}

@media (min-width: 451px) and (max-width: 767px) {
	.countdown .text {
		top: 25%;
	}

	.countdown .text .val {
		font-size: 1.75em;
	}

	.countdown .text .type-time {
		font-size: 0.75em;
		margin-top: 1em;
	}
}

@media (max-width: 450px) {
	.countdown .text {
		top: 20%;
	}

	.countdown .text .val {
		font-size: 1.25em;
	}

	.countdown .text .type-time {
		font-size: 0.5em;
		margin-top: 0em;
	}
}