.utilize {
    padding: 1.3% 0 !important;
    color: #24407E;
    position: absolute;
    bottom: -11px;
    left: 435px;
}

.sayac #days,
.sayac #hours,
.sayac #minutes,
.sayac #seconds {
	float:left;
	min-width: 80px;
	color: #243456;
	font-size: 10px !important;
	font-family: 'Futura Md BT';	
}

#timer {
	margin-left: 60px;
}
.timer_box{
    display: inline-block;
    width: 50px;
}
.timer_box h1{
    font-size: 32px!important;
    float:left;
    margin-bottom:0px;
	margin-right: 5px;
	color:#243456;
	padding: 0px!important;
	background-color: transparent!important;
}
span.dateAttr {
	position: absolute;
	bottom: 20px;
	color: #243456;
}
/*.sayac ul li:first-child {
	margin: 0 15px 0 0 !important;
}*/

#days, #hours, #minutes, #seconds {
	font-size: 32px;
}

.dateAttr {
	font-weight: 700;
}


@media (min-width: 992px) and (max-width: 1059px) {
	.sayac ul li:first-child {
	margin: 0 3px 0 0 !important;
}
	
	.sayac ul li {
		margin: 0 3px !important;
	}
}

@media screen and (max-width:1700px){
	.utilize {
		left: 340px !important;
	}
}

@media screen and (max-width:1560px){
	.utilize {
		left: 235px !important;
	}
}

@media screen and (max-width:1200px){
	.utilize {
		left: 80px !important;
	}
}

@media screen and (max-width:992px){
	.utilize {
		position: relative !important;
		color: red !important; 
		z-index: 9999;
		top: 530px !important;
	    left: 6px !important;
	}
	.sayac ul li {
		font-size: 8px !important;	
	}
}

@media screen and (max-width: 768px) {
	.sayac ul li:first-child {
	margin: 0 3px 0 0 !important;
	}
	
	.sayac ul li {
		margin: 0 3px !important;
	}
	.utilize {
		top: 339px !important;
	}
	.sayac img{
		display: none !important;
	}
	#days, #hours, #minutes, #seconds {
    font-size: 27px !important;
	}	
}