/* ============================================
   АДАПТИВНЫЕ СТИЛИ
   ============================================ */

/* Мобильные устройства (320px - 767px) */
@media (max-width: 767px) {
  /* Общие стили для мобильных */

}

/* Планшеты (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  /* Общие стили для планшетов */

}

/* Десктоп (1024px и выше) */
@media (min-width: 1024px) {
  /* Общие стили для десктопа */
}

/* Очень маленькие экраны (до 499px) */
@media (max-width: 499px) {
  /* Стили для очень маленьких экранов */

  .container_main{
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Показываем только мобильную версию */
  .mobile-only {
    display: block !important;
  }

  /* Скрываем десктопную версию */
  .desktop-only {
    display: none !important;
  }
}

/* Средние экраны (500px - 767px) */
@media (min-width: 500px) and (max-width: 767px) {
  /* Стили для средних мобильных */
}

/* Большие планшеты и маленькие десктопы (1024px - 1279px) */
@media (min-width: 1024px) and (max-width: 1279px) {
  /* Стили для больших планшетов */
}

/* Большие десктопы (1280px и выше) */
@media (min-width: 1280px) {
  /* Стили для больших экранов */
}

/* Десктоп версия (768px и выше) - показываем десктоп, скрываем мобильный */
@media (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }

  .desktop-only {
    display: block !important;
  }
}

/* Мобильная версия (до 767px) - показываем мобильный, скрываем десктоп */
@media (max-width: 767px) {
  .mobile-only {
    display: block !important;
  }

  .desktop-only {
    display: none !important;
  }
}