.counterbox{
	width:144px;
	margin:0 0 0 0;
	position:relative;
	display:inline-block;
	float:right;
}
.counter-group {
  margin:0;
  overflow:hidden;  
}
.counter-group:before,
.counter-group:after {
  content: " ";
  display: table;
}
.counter-group:after {
  clear: both;
}
.counter-block {
	float: left;
	width:43.75%;
	margin:0 0;
	display:table;
}
.counter-block:nth-child(1){margin-right:12.5%;}
.counter-block .counter {
	position: relative;
	height: 31px;
	overflow: hidden;
	color:#000; 
	text-align:center; 
}
.counter-block .counter .number {
	width: 47%;
	height:31px;
	color: #000;
	position: absolute;
	font-weight:bold;
	font-size: 20px;
	line-height:31px;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	border-radius:5px;
}
.counter-block .counter .number.tens {
  left:0;
}
.counter-block .counter .number.units {
  left: 53%;
}
.counter-block .counter .number.hundreds {
  display: none;
}
.counter-block .counter .number.show {
  top: 0;
  z-index: 2;
}
.counter-block .counter .number.hidden-down {
  top: 100%;
}
.counter-block .counter .number.hidden-up {
  top: -100%;
  z-index: 100;
}
.counter-block .counter.with-hundreds {
  width: 300px;
}
.counter-block .counter.with-hundreds .number {
  width: 30.66%;
}
.counter-block .counter.with-hundreds .number.tens {
  left: 33.33%;
}
.counter-block .counter.with-hundreds .number.units {
  left: 66.66%;
}
.counter-block .counter.with-hundreds .number.hundreds {
  display: block;
  left: 0;
}
.counter-block .counter-caption {
  font-size: 150%;
  display:none;
}


@media only screen and (max-width: 767px){
.counterbox{
	margin:6px auto 0 auto;
	position:relative;
	display:block;
	float:none;
}
}