Responsive tema yapımı:)

Merhaba arkadaşlari, HTML/CSS tema kodluyorum ama bir türlü responsive (mobile) olarak ayarlayamadım.
İnternette araştırmalarıma göre;
@media only screen and (min-width: 768px) and (max-width: 1023px) {enbuyukdiv > .buyukdiv > .ic { width:100%;}}
@media only screen and (min-width: 480px) and (max-width: 767px) { enbuyukdiv > .buyukdiv > .ic { width:100%;}}
@media only screen and (max-width: 479px) {enbuyukdiv > .buyukdiv > .ic { width:100%;}}
media only screen ile yapılacak :) Üstte belirledim ama tam anlayamamışım olmuyor.
Resimlerle örnek göstereyim..

http://i.hizliresim.com/ZZaWqg.png
http://i.hizliresim.com/Npd3oQ.png
http://i.hizliresim.com/EgBb0v.png
http://i.hizliresim.com/oja25Q.png

Bu şekilde oluyor yan taraftaki giriş yap kutucukları mobildeki gibi yana kaymıyor..

Üstte ki attıgım kod " enbuyukdiv ıd'sindeki buyukdiv class'ının içindeki ic class'ının büyüklügü;
(min-width: 768px) and (max-width: 1023px)
(min-width: 480px) and (max-width: 767px)
(max-width: 479px)
piksellerinde %100 olacak
enbuyukdiv = head ve footer bölgesi arasında kutucuk
buyukdiv= sağ taraftaki giriş yap, arama yap bölümündeki 3lüyü kaplayan kutucuk
ic class'ı ise girisyap yazısı ve giriş yapılan divleri birbirine bağlayan borderların oldugu class. Sağ taraftaki hepsi için geçerli :)

Bunu mobilde nasıl alt tarafa geçicek şekilde ayarlayabilirim

Sol ve sağ div'e float: none; vermelisin. Böylece alt'a kayacaktır. Bir önceki konunda yazdığımı dikkatle ele alırsan sevinirim.

Bu şekilde ayarlama yapmaya çalışmak hem çok vaktini alır, hem seni yorar. En kısa zamanda responsive iskeleti kullanan bir css altyapısına geçmelisin. En büyük örneği bootstrap.

Öncelikle normal html tam kavrayarak tamamlarsanız responsive sizi pek yormayacaktır. Ayrıca Bootstrap tavsiye etmiyorum buraya baglı kalmış olursunuz css iyice kavradıktan sonra responsive daha kolay olur sizin için