@media (max-width: 768px) {

  /* رفع زر القائمة فوق الاسم */
  .app-header .navbar-toggler.sidebar-toggler{
      position: relative;
      z-index: 9999;
  }

  /* منع اسم الطبيب من تغطية زر القائمة */
  .app-header .navbar-brand{
      max-width: calc(100% - 70px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }

}