.my-profile-task-req {
    display: none;
}

@media (max-width: 768px) {
    #TaskRequestIndexThead th:not(.display-smart-phone),
    #TaskRequestIndexTbody td:not(.display-smart-phone),
    #taskRequestArrow .bi-chevron-double-right {
        display: none;
    }

    .display-smart-phone{
        display: table-cell !important;
    }

    .my-profile-task-req {
        display: inline !important;
        display: flex;
    }

    #ReqInfo > div:not(.status-task-req),
    #taskRequestArrow .bi-chevron-double-down {
        display: block !important;
        float: none !important;
    }

    .status-task-req{
        display: none !important;
    }

    .status-task-req-sm {
        display: flex !important;
    }

    

    
}