.page-header {
    margin-bottom: 1rem;
}

@media (max-width: 480px) {
    .page-header {
        flex-direction: column;
        align-items: flex-start;
    }

        .page-header h1 {
            font-size: 1.50rem !important;
            margin-bottom: 0.25rem;
        }

    .page-breadcrumb {
        font-size: 0.85rem;
        margin-top: 0.25rem;
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 0;
    }

        .page-breadcrumb .breadcrumb {
            flex-wrap: nowrap;
        }
}