Подключаем @media в CSS

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
@media only screen and (min-width: 1382px) {
/*Большие мониторы и телевизоры*/
}
@media only screen and (max-width: 1382px) {
/*Ноутбуки, нетбуки и мониторы*/
}
@media only screen and (max-width: 992px) {
/*Планшеты (Альбомный вид) + нет буки малнькие*/
}
@media only screen and (max-width: 768px) {
/*Большие телефоны и планшеты (Портретный вид)*/
}
@media only screen and (max-width: 480px) {
/*Телефоны и планшеты (Портретный вид)*/
}