@media(max-width:991px) {

    .page-header {
        padding: 25px;
    }

    .page-title {
        font-size: 28px;
    }

    .dashboard-card {
        margin-bottom: 20px;
    }
}

@media(max-width:767px) {

    .page-title {
        font-size: 24px;
    }

    .page-header {
        text-align: center;
        padding: 20px;
    }
}