.clock_container {
    float:left;
    width:173px;
    position: relative;
}
.clock_container .lbl {
    font-size:10px;
    color: #333333;
    line-height: 22px;
    background: url(../images/clock_label.png);
    text-align: center;
    height: 27px;
    width: 108px;
    margin: 0 auto;
}
.clockHolder {
   width: 30%;
    margin: 0 auto;
    position: relative;
    margin-left: 1em;
}
.clock {
    margin-left:5px;
}

.sec {
    display:block;
    position:absolute;
}
.min {
    display:block;
    position:absolute;
}
.hour {
    display:block;
    position:absolute;
}

.rotatingWrapper {
    position:absolute;
    width:100px;
    height:100px;
    left: 5px;

}
.digital {
    float: left;
    width: 59%;
    padding-top: 25px;
}
.clockHolder{
	float:left;
}
.digital {
    font-weight:bold;
    font-size: 3em;
    color: #fff;
}
span.period {
    font-size: 11px;
    position: absolute;
    bottom: -45px;
	color:#ffc700;
    left: 0;
}
@media (max-width: 1080px){
.clock_container {
    width: 258px;
}
span.period {
    bottom: -45px;
    left: 0;
}
}
@media (max-width: 991px){
.clock_container {
    width: 137px;
}
}
@media (max-width: 800px){
.digital{
	font-size:2em;
}	
}
@media (max-width: 768px){
.digital{
	font-size:2em;
}	
}
@media (max-width:640px){
.clock_container {
    width: 235px;
}
}
@media (max-width:480px){
.clock_container {
    width: 401px;
}
.digital{
	margin-left:2em;
	width:26%;
}
span.period {
    bottom: -44px;
    left: 94px;
}
}
@media (max-width: 375px){
.clock_container {
    width: 305px;
}
.digital{
	margin-left:1em;
	width:46%;
}
}
@media (max-width: 320px){
.clock_container {
    width: 265px;
}
.digital{
	margin-left:0em;
	width:43%;
	font-size:2.3em;
}
span.period {
    bottom: -44px;
    left: 17px;
}
}