Sıralamaya dikkat etmeyi dene belki gözünden kaçmış olabilir.

Örn:

.a { kod } 
@media (max-width: 768px) { .a {kod} }

@media (max-width: 576px) {.a {kod} }

@media (max-width: 768px) { .b {kod} }

@media (max-width: 576px) {.b {kod} }

.b { kod }

burada .b kod çalışmaz.

.a { kod } 
@media (max-width: 768px) { .a {kod} }

@media (max-width: 576px) {.a {kod} }

.b { kod }

@media (max-width: 768px) { .b {kod} }

@media (max-width: 576px) {.b {kod} }

Bu şekilde çalışır. Belki sorun bundan kaynaklanmıyordur ama bazen gözden kaçırabiliyoruz.