@media (max-width: 576px) {
    ol.breadcrumb {
        height: 25px;
        overflow: hidden;
    }
    ol.breadcrumb > li:first-child {
        display: inline;
        white-space: nowrap;
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    ol.breadcrumb > li:not(:first-child):not(:last-child){
      visibility: hidden;
      width: 0;
      padding: 0;
    }
    ol.breadcrumb > li:last-child:before {
      content: var(--bs-breadcrumb-divider, "/ ... /");
    }
    ol.breadcrumb > li:last-child {
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }