/******************
    - General -
******************/
#counter-box {
	
	max-width:466px;
	width:100%;
	margin: auto;
	padding: auto;
}
.countdown-timer {
	position:relative;
	width:auto;
	height:122px;
	margin-left:-60px;
	padding-top:5px;
	overflow:hidden;
}

.countdown-timer div, .countdown-timer span {
	padding:0px;
	margin:0px;
}

/*********************
    - Background -
*********************/
.countdown-timer .bg {
	position:absolute;
	width:100%;
	left:9.5%;
	top:0px;	
}

/***********************
    - Back / Front -
***********************/
.countdown-timer .back, .countdown-timer .front {
	position:absolute;
	width:100%;
	top:5px;
}

/***************
    - Flip -
***************/
.countdown-timer img {
	box-shadow: none !important;
	display:inline-block!important;
	width:8%;
	height:35px; 	
	position:relative;
	margin-right:8px;
}

.countdown-timer .bg img { display:none !important;}
.countdown-timer .bg img {
	display:block;
	float:left;
	width:8.5%;
	height:79px;
	margin-right:0px; 	
}

.countdown-timer .bg img.bg-dot {
	display:block !important;
	width:9px;
	height:25px;
	left: 20%;
top: 25px;
margin-right: 21.5% !important;	
}

/***********************
    - Flip holders -
***********************/
.countdown-timer .upperHalf, .countdown-timer .upperHalfBack {
	vertical-align:bottom;
	height:35px; 
}

.countdown-timer .lowerHalf, .countdown-timer .lowerHalfBack { 
	vertical-align:top;
	height:35px; 
}

.countdown-timer .upperHalf img {
	vertical-align:bottom; 
	visibility:visible; 
}

.countdown-timer .lowerHalf img {	
	vertical-align:top;
	visibility:visible; 
}

.countdown-timer .lowerHalfBack img {
	vertical-align:top;
}

.countdown-timer .upperHalfBack img {
	vertical-align:bottom; 
}

.countdown-timer .next { 
	-moz-box-sizing: initial;
	padding-left:23px; 
}

/********************
    - Sub texts -
********************/
.countdown-timer .sub-texts {
	position:absolute;
	width:100%;
	height:20px;
	left:8%;
	top:103px;
	font-family:Arial, Verdana, sans-serif;
    font-size:12px;
	color: #555;
	-moz-text-shadow:0px 1px rgba(255,255,255,0.5);
	text-shadow:0px 1px rgba(255,255,255,0.5);
}

.countdown-timer .sub-texts span {
	display:block;
	float:left;
	text-align:center;	
	width: 20% !important;
/*margin-right: -7px;*/
}
/*********************
    - Responsive -
*********************/
@media only screen and (min-width:768px) and (max-width:959px) {
	.countdown-timer {
		height:122px;
		margin-left:-60px;		
	}
	
	.countdown-timer .bg {
		left: 10%;
	}
	
	.countdown-timer img {
		width:8%;
		height:35px;
	}
	
	.countdown-timer .bg img {
		width:8.2%;
		height:79px;
	}
	
	.countdown-timer .bg img.bg-dot {
		left: 19%;
top: 25px;
margin-right: 21.4%;
	}
	

	.countdown-timer .upperHalf, .countdown-timer .upperHalfBack,
	.countdown-timer .lowerHalf, .countdown-timer .lowerHalfBack {
		height:35px; 
	}
	
	.countdown-timer .sub-texts {
		left:64px;
		top:79px;		
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.countdown-timer {
		height:84px;
		margin-left:-50px;		
	}
	
	.countdown-timer .bg {
		left:53px;
	}
	
	.countdown-timer img {
		width: 8%;
		height:29px;
		margin-right:4px;
	}
	.countdown-timer .bg {
		margin-left: 0px;
	}
	.countdown-timer .bg img {
		width:54px;
		height:68px;
	}
	
	.countdown-timer .bg img.bg-dot {
		width:9px;
		margin:0;	
		visibility:hidden;
	}
	
	.countdown-timer .upperHalf, .countdown-timer .upperHalfBack,
	.countdown-timer .lowerHalf, .countdown-timer .lowerHalfBack {
		height:29px; 
	}
	
	.countdown-timer .next { 
		padding-left:9px; 
	}
	
	.countdown-timer .sub-texts {
		width: 100%;
		left:48px;
		top:68px;		
	}
	
	.countdown-timer .sub-texts span {
		margin-right: 1.5%;
left: -7px;
width: 16% !important;
	}
}

@media only screen and (min-width:340px) and (max-width:479px) {
	.countdown-timer {
		height:70px;
		margin-left:0px;	
	}
	
	.countdown-timer .bg {
		left:32px;
		top:4px;
	}
	.countdown-timer .bg {
		margin-left: 0px;
	}
	.countdown-timer img {
		width:30px;
		height:25px;
		margin-right:2px;
	}
	
	.countdown-timer .bg img {
		width:35px;
		height:42px;
	}
	
	.countdown-timer .bg img.bg-dot {
		width:5px;
		margin:0;	
		visibility:hidden;
	}
	
	.countdown-timer .upperHalf, .countdown-timer .upperHalfBack,
	.countdown-timer .lowerHalf, .countdown-timer .lowerHalfBack {
		height:25px; 
	}
	
	.countdown-timer .next { 
		padding-left:7px; 
	}
	
	.countdown-timer .sub-texts {
		left:25px;
		top:55px;	
		font-size:11px;	
	}
	.countdown-timer .sub-texts span{
		/*margin-left:-15px !important;*/
	}
}

@media only screen and (min-width:0px) and (max-width:340px) {
	.countdown-timer {
		height:70px;
		margin-left:0px;		
	}
	
	.countdown-timer .bg {
		left:0px;
		top:4px;
	}
	.countdown-timer .bg {
		margin-left: 0px;
	}
	.countdown-timer img {
		width: 22px;
		height: 15px;
		margin-right:2px;
	}
	
	.countdown-timer .bg img {
		width:35px;
		height:42px;
	}
	
	.countdown-timer .bg img.bg-dot {
		width:5px;
		margin:0;	
		visibility:hidden;
	}
	
	.countdown-timer .upperHalf, .countdown-timer .upperHalfBack,
	.countdown-timer .lowerHalf, .countdown-timer .lowerHalfBack {
		height:23px; 
	}
	
	.countdown-timer .next { 
		padding-left:7px; 
	}
	
	.countdown-timer .sub-texts {
		left:0px;
		top:55px;	
		font-size:9px;	
	}
	.countdown-timer .sub-texts span{
		margin-left:5px !important;
	}
}
@media only screen and (min-width:0px) and (max-width:240px) {
	.countdown-timer img {
		width: 16px;
		height: 15px;
		margin-right:2px;
	}
}