@media (min-width: 320px) and (max-width: 991.98px) {
    .page-wrapper {
        margin: 0 !important;
        padding: 50px 0 0 !important;
    }
    .myheadermid {
display: none !important;
    }
}




@media (min-width: 992px) and (max-width: 1728px) {
    .step-circle2::before {
        width: 400px !important;
        left: -211px !important;
    }


    /* .header .input-group {
        width: 400px !important;
    } */

    .myheadermid {
        width: 40% !important;
    }
}


@media (min-width: 992px) and (max-width: 1637px) {

    .workflow_card .card-body {
        position: relative;
        max-height: 376px !important;
        overflow: auto;
        min-height: 100%;
        height: 470px;
        padding: 19px 20px;
    }
}

@media (min-width: 992px) and (max-width: 1476px) {

    .role-header .avatar {
display: none !important;
    }
}