Css Mobil Tema Sorunu

Merhaba, ben hem mobil hem bilgisayarda ayrı ayrı olacak şekilde bir tema ayarlıyorum fakat bir sorun mevcut. 1366px ve mobil tema birbirine karışıyor. Css te birbirinden farklı şekilde ayarlamama rağmen 1366 da ne yazarsam mobildede o geçerli oluyor. media komutundaki px değerlerinde mi bir yanlış yapıyorum acaba?

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (max-width: 1366px) {}
@media (min-width: 992px) {}

Media querylarinde ekran boyutu en küçük olanları en alta yaz css dosyasında öyle dene

yok bu seferde bilgisayar çözünürlüğünde gitti acaba siz kullandığınız media query çözünürlük sıralamasını atabilir misiniz?

@media (max-width: 1366px) {}
@media (min-width: 992px) {}
@media (min-width: 768px) {}
@media (min-width: 576px) {}

bu şekilde büyükten küçüğe kullanıyorum ama max-width olarak kullanıyorum ben. sen birinde max, diğerlerinde min kullanmışsın belki o yüzdendir onlara dikkat et

bu çözünürlük değerleri doğru fakat hepsinde max olarak mı yazılı sizde? eğer öyleyse bende max olarak düzenleyeyim.

ben max olarak kullanıp ona göre yazdım kodu. min kullanırsanız ona göre yazmalısınız. bi max olarak değiştirip deneyin

dediğiniz şekilde yaptım düzeldi teşekkür ederim