Media query overwrites

gistfile1.css

@media screen and (max-device-width: 480px){
  #foo{
    max-width: 270px;
  }
}

/* wil overwrite previous rule if device resolution is bigger */
@media screen and (min-device-width: 481px){
  #foo{
    max-width: 540px;
  }
}