Как реализовать отзывчивые стили css только на мобильных устройствах1 мин для чтения

@media all and (min-width:960px) and (max-width: 1024px) {
  /* укажите здесь ваши стили CSS */
}
 
@media all and (min-width:801px) and (max-width: 959px) {
  /* укажите здесь ваши стили CSS */
}
 
@media all and (min-width:769px) and (max-width: 800px) {
  /* укажите здесь ваши стили CSS */
}
 
@media all and (min-width:569px) and (max-width: 768px) {
  /* укажите здесь ваши стили CSS */
}
 
@media all and (min-width:481px) and (max-width: 568px) {
  /* укажите здесь ваши стили CSS */
}
 
@media all and (min-width:321px) and (max-width: 480px) {
  /* укажите здесь ваши стили CSS */
}
 
@media all and (min-width:0px) and (max-width: 320px) {
  /* укажите здесь ваши стили CSS */
}