.countdown-container {
	position: relative;
	padding-bottom: 40px;
/*
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
*/
}

.wrap {
	width: 205px;
	height: 205px;
	margin: 0 auto;
}

.clock-item .inner {
	height: 0px;
	padding-bottom: 100%;
	position: relative;
	width: 100%;
}
.clock-canvas {
	background-color: #F2F2F2;
	border-radius: 50%;
	height: 0px;
	padding-bottom: 100%;
}

.text {
	color: #fff;
	font-size: 30px;
	position: absolute;
	top: 43%;
	text-align: center;
	width: 100%;
}

.text .val {
	font-size: 64px;
	font-family: "Open Sans", sans-serif;
	color: #7C7F88;
}

.clock-item h3 {
	 margin-top: 20px;
	 font-size: 20px;
 }

 @media (min-width: 768px) and (max-width: 991px) {
	.clock-item {
		margin-bottom: 0px;
	}
}

@media (max-width: 991px) {
	.wrap {
		width: 158px;
		height: 158px;
	}
	
	.text .val {
		font-size: 58px;
	}
}

 @media (max-width: 767px) {
	.clock-item {
		margin: 0px;
	}
	
 	.wrap {
		width: 120px;
		height: 120px;
	}
	 
	.text {
 		top: 39%;
 	}
	 
	.text .val {
		font-size: 48px;
	}
	 
}

@media (max-width: 600px) {
	.wrap {
		width: 100px;
		height: 100px;
	}
	
	.text {
 		top: 37%;
 	}
	 
	.text .val {
		font-size: 38px;
	}
	
	 .clock-item h3 {
		 font-size: 18px;
	 }
}

@media (max-width: 480px) {
	.wrap {
		width: 60px;
		height: 60px;
	}
	
	.text {
 		top: 29%;
 	}
	 
	.text .val {
		font-size: 24px;
	}
	
	 .clock-item h3 {
		 font-size: 12px;
	 }
	
	.clock-item.countdown-time-value.col-xs-3 {
		padding-right:6px;
		padding-left:6px;
	}
}