Минимальный набор медиа-запросов для любого сайта на WordPress:

/* Desktop */ 
@media (min-width: 768px) {}

/* Desktop & Tablet */ 
@media (min-width: 481px) {}

/* Tablet landscape */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

/* Tablet*/ 
@media (min-width: 481px) and (max-width: 767px) {}

/* Tablet & Mobile */ 
@media (max-width: 767px) {}

/* Mobile */ 
@media (max-width: 480px) {}

Полный гайд от Francesco Baldan

Сообщение CSS — медиа-запросы для различных устройств (@media) появились сначала на Веб-студия Юсота.

Source: usota.ru knowledge-base