.sayac ul li {
	display: inline-block;
	margin: 0 10px;
	border-radius: 5px;
	padding-top: 15px;   
	font-family: 'HeroNew-Bold';
	color: #323C5B !important;
}

.sayac ul li:first-child {
	margin: 0 10px 0 0 !important;
	padding-left: 15px;
}

#days, #hours, #minutes, #seconds , .dateAttr {
	font-size: 16px;
}


@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 (max-width: 768px) {
	.sayac ul li:first-child {
	margin: 0 3px 0 0 !important;
	}

	.sayac ul li {
			margin: 0 3px !important;
	}
	
	.sayac ul li:first-child {
		padding-left: 0px !important; 
	}
}

@media (max-width: 517px) {

	#days, #hours, #minutes, #seconds , .dateAttr {
		font-size: 13px !important;
	}

}

@media screen and (max-width:430px){
		#days, #hours, #minutes, #seconds , .dateAttr {
			font-size: 11px !important;
		}
}