Responsive Çalışmıyor

Arkadaşlar bi tasarım yapıyorum tasarımın index.html dosyasına aşağıdaki kodu ekledim

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

ekledikten sonra css @media screen and (max-width:640px) yapıyorum buraya kadar sorun yok responsive çalışıyor ama 2. bi media koyduğum zaman, örneğin : @media screen and (max-width:1024px) bu sefer burası da çalışıyor ama bu seferde ilk yazdığım 640px lik için kodum çalışmıyor ne yapmam lazım ?

ikinci media query değerinde 1.sinde çalışmayan kodlarını yeniden yazıp değer ataman gerekiyor

Hocam gerçekten tam anlayamadım nasıl yani ? değer atamak tam nasıl oluyor ?

@media screen and (min-width:641px) and (max-width:1024px) bu şekilde yazarsan olur. Matematik kümeler mantığı olarak düşün, sınır belirlemezsen dışarıya yazdıkların kapsadıkları alanının hepsinde geçerli olur.

Haspher hocam çok teşekkür ederim, yine sen

Bir şey diyecektim şimdi ben

@media screen and (min-width:641px) and (max-width:1024px){

}

şeklinde kullanırsam hem 641px hem de 1024pixelde aynı görüntü olacak ama ben 641 de farklı 1024 de farklı bi görüntü istiyorum.Bu sanırım tam emin değilim ve kesinlikle bilmiyorum ama aynı görüntüyü verecek.Örnek vermek gerekirse 640 da arkaplan kırmızı 1024 de arkaplan yeşil olsun istiyorum, acaba şu örnek için küçük bir kod yazabilir misiniz ?

örneğin;

@media screen and (max-width:650px) {
.animenu > ul {width:60%;}
}

@media screen and (max-width:480px){
.animenu > ul {width:90%;}
}

gibi

Anladım hocam teşekkür ederim lakin bi sorun daha var ki çok ilginç @media screen and yazınca responsive olmuyor ama sadece @media yazınca oluyor bunu nasıl çözebiliriz acaba?

başka bir yerde yanlışlık yapmıs olabilirsiniz belki, cünki bu sekılde calsııyor ben bu sekılde yapıyorum

Hocam ben de gerçekten de çalışmıyor, upload ettim size gerçekten de zahmet olacak ama bi bakarsanız sevinirim;
http://dosya.co/etwt2z1h4f1r/degisim_ekibi.rar.html

Not : Hatamı eğer söyleyebilirseniz öğrenmiş olurum