Медиа-запросы для стандартных размеров экрана
/* <320px - Появляется скролл */
@media only screen and (max-width: 479px) {
/* (320px - Mobile portrait) */
/* (479px - Mobile landscape) */
}
@media only screen and (max-width: 767px) {
/* (480px - Mobile landscape) */
/* (767px - Tablet) */
}
@media only screen and (max-width: 1023px) {
/* (768px - Tablet) */
/* (1023px - Tablet) */
}
/* >=1024px - Десктоп версия */