#timer{
    display: block;
    width: 570px;
	height: 115px;    
	font-family: 'Gilroy-Bold', Arial, sans-serif;
	font-size: 30px;  
    line-height: 77px;
    color: #000101;
	padding: 0;
	margin: 0;    
    background: none;
}
#timer .countbox-num{
	float: left;
	width: 22.75%;
	height: 77px;
}
#timer .countbox-space{
    float: left;
    width: 3%;
    height: 77px;
}
.countbox-days1,.countbox-hours1,.countbox-mins1,.countbox-secs1{
	float: left;
	text-align: center;
	background: none;
	margin: 0;
	height: 77px;
	width: 47%;
	z-index:1;
    background: #ffffff;
    -moz-box-shadow: 0 0 20px #e0e0e0;
    -webkit-box-shadow: 0 0 20px #e0e0e0;
    box-shadow: 0 0 20px #e0e0e0;    
}
.countbox-days2,.countbox-hours2,.countbox-mins2,.countbox-secs2{
	float: left;
	text-align: center;
	background: none;
	margin: 0 0 0 6%;
	height: 77px;
	width: 47%;
	z-index:1;
    background: #ffffff;
    -moz-box-shadow: 0 0 20px #e0e0e0;
    -webkit-box-shadow: 0 0 20px #e0e0e0;
    box-shadow: 0 0 20px #e0e0e0;    
}
.countbox-days-text,.countbox-hours-text,.countbox-mins-text,.countbox-secs-text{
    display: block;
    float: left;
    width: 100%;
	font-family: 'Gilroy', Arial, sans-serif;
	font-size: 16px;  
    line-height: 18px;
    margin: 20px 0 0;
    text-align: center;
    text-transform: none;
}

@media (max-width: 767px) and (min-width: 480px){
    #timer{
        width: 460px;
    }
}
@media (max-width: 479px) {
    #timer{
        width: 300px;
        height: 80px;
        font-size: 20px;
        line-height: 50px;
    }    
    #timer .countbox-num, #timer .countbox-space, .countbox-days1,.countbox-hours1,.countbox-mins1,.countbox-secs1, .countbox-days2,.countbox-hours2,.countbox-mins2,.countbox-secs2{
        height: 50px;
    }
    .countbox-days-text,.countbox-hours-text,.countbox-mins-text,.countbox-secs-text{
        margin: 10px 0 0;
    }    
}