Kullandığınız media kodu nasıl? Ve niye important veriyorsunuz? Normalde media kodları important vermeden çalışır ters bir şey yapmadıysanız.

Örnek olarak şöyle anlatayım.

Normalde ana kodunuzda css kodunuz böyledir #main .col-left .box ama siz media koduna gidipte #main .box yaparsanız doğal olarak css media'daki kodu değilde normal kodu algılayacaktır. O yüzden css kodu neyse media kodunda da aynısını kullanın.

Ve ayrıca @media kodlarını şu şekilde kullanın.

@media only screen and (max-width: 479px)

@media only screen and (min-width: 480px) and (max-width: 575px)

@media only screen and (min-width: 576px) and (max-width: 767px)

@media only screen and (min-width: 768px) and (max-width: 919px)

Yani birisinin bitişiyle diğerinin başlangıcı arasında hep 1px fark olsun.