.snnclock {
	position: relative;
	background:center no-repeat;
	background-size:contain;
	height: 85px;	
	width: 85px;
	display:inline-block;
	margin-top: 20px;
}
.snnclock div {
	position: absolute;
	background:center no-repeat;
	background-size:contain;
	height: 100%;
	width: 100%;	
}
.snnclock p { height: 20px; padding: 0; margin: 0; text-align: center; display:block; margin-top: -20px; overflow: hidden; }


.snnclock { background-image:url(clock_dial.png); }
.snnclock .hour { background-image:url(clock_hour.png); }
.snnclock .minute { background-image:url(clock_minute.png); }
.snnclock .second { background-image:url(clockgoog_minute.png); }

 
.snnclock { background-image:url(clockBg.png); }
.snnclock .hour { background-image:url(hourhand.png); }
.snnclock .minute { background-image:url(minhand.png); }
.snnclock .second { background-image:url(sechand.png); }


@media (max-width: 375px) {
	.snnclock {
		height: 60px;
		width: 60px;
	}
}

@media only screen and (min-width: 375px) and (max-width: 450px) {
	.snnclock {
		height: 70px;
		width: 70px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.snnclock {
		height: 70px;
		width: 70px;
	}
}