/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */

@media only screen and (min-width : 320px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */

@media only screen and (max-width : 320px) {
/* Styles */
}