미디어쿼리 사이즈

/* smartphones (portrait) */
@media all and (max-width: 320px) { }

/* smartphones (landscape) */
@media all and (min-width: 321px) and (max-width: 360px) { }
@media all and (min-width: 361px) and (max-width: 375px) { }
@media all and (min-width: 376px) and (max-width: 414px) { }
@media all and (min-width: 415px) and (max-width: 480px) { }

/* tablet */
@media all and (min-width: 640px) { }
@media all and (min-width: 641px) and (max-width: 767px) { }