Css responsive mobil sorun!!!

Merhaba,

Kendi yapmış olduğum template'i responsive hale getiriyorum Geniş Ekran, Normal, Tablet modunu hallettim sadece mobil kaldı ancak @media(max-width : 767px){ css kodları } yazmama rağmen sadece mobil olan için çalışmıyor gerisi çalışıyor ne yapabilirim .

@media only screen and(max-width:767px){
gerekli css kodları yaz
}


sitenin head kısmına

<meta name="viewport" content="width=device-width, initial-scale=1.0">

kodunu ekle hadı gözün aydın calıstı

Hocam sorunda orda işte hepsini biliyorum ilk defa yapmıyorum. İlk defa çalışmadığını gördüm ve sadece mobil çalışmıyor. bahsettikleriniz'in hepsini gerçekleştirdim.

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.

Hocam ilginiz için teşekkür ederim. fakat sorun burda da değil inceledim zaten onları.

o zaman ya bir parantez frlam kapatmafın ya virgün vs eksik kaldı buna benzer bir sorunun var hocam

teşekkür ederim araştırıyorum hocam.