Problem with responsive design using @media only screen

Question

I have a problem with understanding how @media only screen works. I have three screen sizes:

1) @media only screen and (max-width: 640px)
2) @media o