.topbar-title{
  font-size: 1.25rem;   /* ค่าเริ่มต้น */
  line-height: 1.2;
  white-space: nowrap;  /* ไม่ตัดบรรทัด */
  overflow: hidden;
  text-overflow: ellipsis; /* ถ้ายาวเกินให้ ... */
  max-width: 55vw;      /* กันไม่ให้กินพื้นที่ทั้งหมด */
}

/* <576px (xs) */
@media (max-width: 575.98px){
  .topbar-title{ font-size: 1rem; max-width: 45vw; }
}

/* ≥768px (md) */
@media (min-width: 768px){
  .topbar-title{ font-size: 1.5rem; max-width: 60vw; }
}

/* ≥992px (lg) */
@media (min-width: 992px){
  .topbar-title{ font-size: 1.75rem; max-width: 70vw; }
}