@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

body{
	background: #2d2d2d;
}
#design_7_wrapper{
	margin:100px 50px;
}

#design_7_wrapper .timer_wrapper{
	border:1px solid transparent;
	width:100px;
	height:100px;
position: relative;
display: inline-block;
}
#design_7_wrapper  .timer{
	margin-top:28px;
	text-align: center;
	font:20px century;
	text-shadow: 0px 0px 10px #0fb4e7;
	color:#0fb4e7;
}
#design_7_wrapper .circle{
	margin-top:10px;
	position: absolute;
	width:1px;
	height:10px;
	border-radius:100%;
background: #a9e4f7;
box-shadow: 0px 0px 10px #a9e4f7;
}
#design_7_wrapper .label{
	font:17px sans-serif;
	text-align: center;
	text-shadow: 0px 0px 10px #0fb4e7;
	color:#0fb4e7;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){

body{
	background: #2d2d2d;
}
#design_7_wrapper{
	margin:100px 50px;
}

#design_7_wrapper .timer_wrapper{
	border:1px solid transparent;
	width:200px;
	height:200px;
position: relative;
display: inline-block;
}
#design_7_wrapper  .timer{
	margin-top:50px;
	text-align: center;
	font:40px century;
	text-shadow: 0px 0px 10px #0fb4e7;
	color:#0fb4e7;
}
#design_7_wrapper .circle{
	margin-top:20px;
	position: absolute;
	width:2px;
	height:15px;
	border-radius:100%;
background: #a9e4f7;
box-shadow: 0px 0px 10px #a9e4f7;
}
#design_7_wrapper .label{
	font:37px sans-serif;
	text-align: center;
	text-shadow: 0px 0px 10px #0fb4e7;
	color:#0fb4e7;
}
}