I'm not sure we need `@media (max-height: 680px) and `@media (max-height: 550px)`

Having `@media (max-height: 480px)`  with the max-height of `@media (max-height: 550px)` seems enough.