.mobileLable, .mbDeleteBtn {
    display: none;
}

@media (min-width: 992px) {
    .MobileViewBiList {
        display: none;
    }
}

@media (max-width: 991.98px) {

    .MobileViewBiList {
        display: block;
    }

    .normalViewBiList {
        display: none !important;
    }
}

@media (max-width: 992px) {
    .clsSingleAddBtn {
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dvBtn {
        margin-top: 0px;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .mobileLable, .mbDeleteBtn {
        display: block;
    }

    .table-bordered > :not(caption) > * > * {
        border-width: 1px !important;
    }

    .tblMobileView thead {
        display: none;
    }

    .tblMobileView tr, .tblMobileView td {
        /*width:100%;*/
        display: block;
    }

    .tblMobileView tbody tr td span {
        position: relative;
        display: block;
    }

    .tblMobileView tr {
        margin-bottom: 16px;
    }

    /*.tblMobileView td::before {
        content: attr(data-Lable);
        position: absolute;
        left: 0;
        width: 50%;
        text-align: left;
        padding-left: 5px;
        font-weight: 600;
    }*/
    .tblMobileView td {
        display: flex;
    }
        /*serial number*/
        .tblMobileView td:nth-child(1) span,
        .tblMobileView .clsSrNo span {
            background: #3e3e3e;
            border: 1px solid;
            border-radius: 3px;
            width: fit-content;
            padding: 5px 10px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .tblMobileView td:nth-child(1) .chkBox {
            height: 20px;
            width: 20px;
          
        }
        /*serial number*/
        .tblMobileView td span:nth-child(1) label {
            font-weight: 600;
            color: #3e3e3e;
            
        }
       

    .tblMobileView td span:nth-child(2) {
        color: #3e3e3e;
        padding-left: 5px;
    }



    .tblMobileView tr:nth-child(even) {
        background-color: #f8f9fa !important;
    }

    .table tr:nth-child(even) {
        --bs-table-bg: #f8f9fa !important;
    }

    /*table button*/

    .tblMobileView .tblButtons a div, .tblMobileView .tblButtons .deskDeleteBtn {
        display: none /*hide edit delete icons*/
    }
    .tblMobileView .tblButtons a div, .tblMobileView .tblButtons .deskEditBtn {
        display: none /*hide edit delete icons*/
    }
    .tblMobileView .tblButtons {
        display: block;
    }

        .tblMobileView .tblButtons label {
            color: #fff !important;
            letter-spacing: 0.5px;
        }

        .tblMobileView .tblButtons .delete_icon span {
            background: red;
            color: #fff !important;
            font-weight: 600;
        }


        .tblMobileView .tblButtons .edit_icon span {
            background: green;
        }

        .tblMobileView .tblButtons .view_icon span {
            background: blue;
        }

        .tblMobileView .tblButtons span {
            padding: 5px 15px;
            border: 1px solid;
            border-radius: 3px;
        }


       

    

    /*table button*/
}