@media screen hakkında ?

Merhaba arkadaşlar uzun yoldan @media screen kullanarak değişik çözünürlüklerde sitemin düzgün görünmesini sağladım.

<style type="text/css">

div.blogokulu
			{
			position:fixed;
			text-align:center;
			z-index:1000;
			}
div.reklamkodum
			{
			top:590px;
			right:15px;
			}
@media screen and (min-width:2544px) and (max-width:2866px) {
	div.reklamkodum
			{
			top:1095px;
			right:15px;
			}	
}
@media screen and (min-width:2117px) and (max-width:2544px) {
	div.reklamkodum
			{
			top:884px;
			right:15px;
			}	
}
@media screen and (min-width:1904px) and (max-width:2117px) {
	div.reklamkodum
			{
			top:780px;
			right:15px;
			}	
}
@media screen and (min-width:1729px) and (max-width:1904px) {
	div.reklamkodum
			{
			top:695px;
			right:15px;
			}	
}
@media screen and (min-width:1520px) and (max-width:1729px) {
	div.reklamkodum
			{
			top:590px;
			right:15px;
			}	
}
@media screen and (min-width:1264px) and (max-width:1520px) {
	div.reklamkodum
			{
			top:463px;
			right:15px;
			}	
}
@media screen and (min-width:1081px) and (max-width:1264px) {
	div.reklamkodum
			{
			top:322px;
			right:15px;
			}	
}
@media screen and (min-width:944px) and (max-width:1081px) {
	div.reklamkodum
			{
			top:249px;
			right:15px;
			}	
}
</style>

<style type="text/css">
@media screen and (min-width:900px) {
div.blogokulu
			{
			_position:absolute;
			}
div.reklamkodum
			{
			_bottom:auto;
			_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );
			}
			}
</style>

<div id="blogokulu reklamkodu" class="blogokulu reklamkodum" style="width:100px;height:95px;background-color:#fff;border:2px solid #ccc;line-height:50px;">
	<a target="_blank" href="#"><img src="http://robotkaynagi.com/intecro/wp-content/uploads/2015/08/c.jpg"></a>
</div>

Yukarıdaki @media ları tek satıra veya bu yazdığın satırları küçültme şansımız var bi bakar mısınız ?

Merhabalar,
http://csscompressor.com/ u deneyebilirsiniz.