@media (max-width: 576px) {
    .breadcrumb-custom {
        flex-wrap: wrap;
    }

    .breadcrumb-custom li {
        flex: 1 1 auto;
        min-width: 45%;
        margin: 5px;
    }

    .breadcrumb-custom li::after,
    .breadcrumb-custom li::before {
        display: none; /* Optional: hide chevrons for simplicity */
    }

    .breadcrumb-custom li:not(:first-child) {
        clip-path: none;
    }
}