@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);
.countbox {
	font-family:'PT Sans Narrow', sans-serif;
	margin:0 auto;
	padding:0;
	color:#fff;
}
.countbox-days,
.countbox-hours,
.countbox-mins,
.countbox-secs{
	text-align:center;
	background: #ea7504;
	background:-webkit-linear-gradient( #feb83d, #ea7504);
    background:   -moz-linear-gradient( #feb83d, #ea7504);
    background:     -o-linear-gradient( #feb83d, #ea7504);
    background:    -ms-linear-gradient( #feb83d, #ea7504);
    background:        linear-gradient( #feb83d, #ea7504);
	border:1px solid #fff;
	border-radius:5px;
	float:left;
	z-index:1;
}
#timer {
	margin:5px auto;
}
#timer p {
	margin-bottom:0px;
	text-align:center;
}
.day,
.hours,
.minutes,
.seconds {
	text-transform:uppercase;
	float:left;
	font-weight:700;
}
@media screen and (min-width:1200px){
	.countbox-days,
	.countbox-hours,
	.countbox-mins,
	.countbox-secs {
		margin:5px;
		height:70px;
		width:70px;
	}
	.countbox{
		width:320px;
		height:80px;
		font-size:50px;
		line-height:68px;
	}
	#timer {
		width:320px;
		height:105px;
	}
	.day,
	.hours,
	.minutes,
	.seconds {
		font-size:16px;
		line-height:20px;
		margin:0px 5px 5px;
		height:20px;
		width:70px;
	}
}
@media (min-width:992px) and (max-width:1199px){
	.countbox-days,
	.countbox-hours,
	.countbox-mins,
	.countbox-secs {
		margin:5px;
		height:65px;
		width:65px;
	}
	.countbox {
		width:300px;
		height:75px;
		font-size:48px;
		line-height:63px;
	}
	#timer {
		width:300px;
		height:95px;
	}
	.day,
	.hours,
	.minutes,
	.seconds {
		font-size:15px;
		line-height:18px;
		margin:0px 5px 5px;
		height:18px;
		width:65px;
	}
}
@media (min-width:768px) and (max-width:991px){
	.countbox-days,
	.countbox-hours,
	.countbox-mins,
	.countbox-secs {
		margin:5px;
		height:65px;
		width:65px;
	}
	.countbox {
		width:300px;
		height:75px;
		font-size:48px;
		line-height:63px;
	}
	#timer {
		width:300px;
		height:95px;
	}
	.day,
	.hours,
	.minutes,
	.seconds {
		font-size:15px;
		line-height:18px;
		margin:0px 5px 5px;
		height:18px;
		width:65px;
	}
}
@media (min-width:520px) and (max-width:767px){
	.countbox-days,
	.countbox-hours,
	.countbox-mins,
	.countbox-secs {
		margin:5px;
		height:70px;
		width:70px;
	}
	.countbox{
		width:320px;
		height:80px;
		font-size:50px;
		line-height:68px;
	}
	#timer {
		width:320px;
		height:105px;
	}
	.day,
	.hours,
	.minutes,
	.seconds {
		font-size:16px;
		line-height:20px;
		margin:0px 5px 5px;
		height:20px;
		width:70px;
	}
}
@media screen and (max-width:519px){
	.countbox-days,
	.countbox-hours,
	.countbox-mins,
	.countbox-secs {
		margin:5px;
		height:60px;
		width:60px;
	}
	.countbox {
		width:280px;
		height:70px;
		font-size:45px;
		line-height:58px;
	}
	#timer {
		width:280px;
		height:90px;
	}
	.day,
	.hours,
	.minutes,
	.seconds {
		font-size:14px;
		line-height:18px;
		margin:0px 5px 5px;
		height:18px;
		width:60px;
	}
}