@media screen and (min-width: 0px) {

    /* Styles for sticky breadcrumb */
    .breadcrumb.sticky {
        position: fixed;
        top: 75px;
        /* Adjusted to sit closer overlap */
        /* Below fixed header */
        left: 0;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        padding: 10px 0;
        z-index: 990;
        /* Below header (1000) but above content */
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        text-align: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        animation: slideDown 0.3s ease;
    }

    @keyframes slideDown {
        from {
            transform: translateY(-100%);
            opacity: 0;
        }

        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
}