/* for 980px or less */
@media only screen and (min-width: 768px) and (max-width: 980px) {

}

/* for 480px or less */
@media only screen and (min-width: 480px) and (max-width: 640px) {


}
/* for 320px or less */
@media only screen and (min-width: 320px) and (max-width: 480px){

}

/* for 240px or less */
@media only screen and (min-width: 240px) and (max-width: 320px){

}

bütün çözünürlükte görünmesi için böyle yaptım 480px üstündekilerde düzgün çalıştı fakat

240 x 320 (small phone)
320 x 480 (iPhone

olmuyor acaba neden ?