非常にシンプルなコード:
@media screen and (max-width: 479px) {
/* 479px以下用(スマートフォン用)の記述 */
}
@media screen and (min-width: 480px) {
/* 480px以上用(タブレット/スマートフォン用)の記述 */
}
@media screen and (min-width: 768px) {
/* 768px以上用(タブレット用)の記述 */
}
@media screen and (min-width: 980px) {
/* 980px以上用(PC用)の記述 */
}