.menu {
    display: none;
    /* Скрываем полоску меню по умолчанию */
    
}


@media (max-width: 767px) { 
.menu {
    background-color: rgba(255, 255, 255, 1);       /* Прозрачный */
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    /**position: relative;
        z-index: 1;
        top: 66px; /* Измените значение отрицательного отступа в соответствии с вашими потребностями */
        
                position: fixed; /* Изменено на фиксированное позиционирование */
        width: 100%; /* Ширина меню будет равна ширине экрана */
        top: 66px; /* Меню будет располагаться в верхней части экрана */
        z-index: 1;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Тень по нижнему краю */
 
}
.header-info-box {
    top: 10px;
    
}


}

.phone {
    font-weight: bold;
    text-align: center;
        color: #000000;
            /* Цвет текста */
}

.icon {
    margin-left: 10px;
    font-size: 24px;
}

.menu .phone,
.menu .icon {
    flex: 0 0 auto;
}

  /* Разные цвета для иконок */
  .icon-viber {
      color: #FF00FF;
      /* Маджента */
  }

  .icon-telegram {
      color: #0088CC;
      /* Голубой */
  }

  .icon-whatsapp {
      color: #25D366;
      /* Зеленый */
  }