Сергей Петроченко

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

@media only screen and (min-width: 481px) and (max-width: 769px) {
здесь пишите стили которые будут применяться в рамках нужных брейкпоинтов
}

<meta name="viewport" content="width=device-width">

media="screen, projection"
@media only screen and (min-width: 200px)
#mainmenu li {
   какой то код
}