@media only screen = kabaca ekran bu çözünürlükte ise çalış demektir.

eğer kodlarını direk

.col { 
margin: 1% 0 1% 0%;
}

şeklinde yazarsan ekran çözünürlüğüne bakmadan css uygular.

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

	}

içine eklersen 1024 px den büyük çözünürlüklerde çalışır.

@media only screen and (min-width:1024px)
	{
-----------------------------------------
üst ve alt taraftaki kodlar seçicilerin hangi çözünürlükte çalışacağını belirtir.


----------------------------------------------
	}