/* Узкие смартфоны: 300–390px */
@media (min-width: 300px) and (max-width: 390px) {
  #media_id::before { content: "Узкие смартфоны: 300–390px"; }
}

/* Смартфоны: 321–480px */
@media (min-width: 321px) and (max-width: 480px) {
  #media_id::before { content: "Смартфоны: 321–480px"; }
}

/* Очень маленькие экраны: до 320px */
@media (max-width: 320px) {
  #media_id::before { content: "Очень маленькие: ≤320px"; }
}

/* Малые мобильные: до 480px */
@media (max-width: 480px) {
  #media_id::before { content: "Малые мобильные: ≤480px"; }
}

/* Небольшие планшеты/старые смартфоны: до 625px */
@media (max-width: 625px) {
  #media_id::before { content: "≤625px"; }
}

/* Небольшие экраны: до 700px */
@media (max-width: 700px) {
  #media_id::before { content: "≤700px"; }
}

/* Мобильные: до 767px */
@media (max-width: 767px) {
  #media_id::before { content: "≤767px"; }
}

/* Мобильные точнее: до 768px */
@media (max-width: 768px) {
  #media_id::before { content: "≤768px"; }
}

/* Средние планшеты: до 900px */
@media screen and (max-width: 900px) {
  #media_id::before { content: "≤900px"; }
}

/* Планшеты широкие: до 992px */
@media (max-width: 992px) {
  #media_id::before { content: "≤992px"; }
}

/* Ближе к ноутбукам: до 1023px */
@media (max-width: 1023px) {
  #media_id::before { content: "≤1023px"; }
}

/* Планшеты/ноутбуки: до 1024px */
@media (max-width: 1024px) {
  #media_id::before { content: "≤1024px"; }
}

/* Планшеты широкие: 769–1024px */
@media (min-width: 769px) and (max-width: 1024px) {
  #media_id::before { content: "769–1024px"; }
}

/* Ноутбуки малые и выше: от 1025px */
@media (min-width: 1025px) {
  #media_id::before { content: "≥1025px"; }
}

/* Ноутбуки: до 1200px */
@media (max-width: 1200px) {
  #media_id::before { content: "≤1200px"; }
}

/* Средние ноутбуки: до 1366px */
@media (max-width: 1366px) {
  #media_id::before { content: "≤1366px"; }
}

/* Широкие ноутбуки: до 1440px */
@media (max-width: 1440px) {
  #media_id::before { content: "≤1440px"; }
}

/* Большие экраны: до 1600px */
@media (max-width: 1600px) {
  #media_id::before { content: "≤1600px"; }
}

/* Ещё более широкие: до 1660px */
@media (max-width: 1660px) {
  #media_id::before { content: "≤1660px"; }
}

/* Суперширокие дисплеи: от 1800px */
@media (min-width: 1800px) {
  #media_id::before { content: "Суперширокие дисплеи: от 1800px"; }
}








/*  от 991 до 1200 */

@media (min-width: 991px) and (max-width: 1200px) {



}