.heading-box {
        padding: 5px;
        text-align: center;
        background: #3f51b5;
    }
    .heading-text {
        font-weight: 700;
        font-size: 23px;
        
        color: #ffffff;
    }
    table {
        display: table;
        border-collapse: separate;
        box-sizing: border-box;
        text-indent: initial;
        unicode-bidi: isolate;
        border-spacing: 2px;
        border-color: gray;
        border: 1px solid #03a9f4a8;
        border-collapse: collapse;
        
    }
    

    thead {
        background-color: #ffc107;
        
    }
    tbody {
        display: table-row-group;
        vertical-align: middle;
        unicode-bidi: isolate;
        border-color: inherit;
    }
   
    tr {
        border-right-width: 0px;
        display: table-row;
        vertical-align: inherit;
        unicode-bidi: isolate;
        border-color: inherit;
    }
    th {
        text-align: center;
        display: table-cell;
        font-weight: bold;
        text-align: -internal-center;
        unicode-bidi: isolate;
    }
    td {
        border: 1px solid #03a9f4a8;
        padding: 3px;
    }

    .bg {
        background-color: #ffffff;
    }
    .box {
        width: 50%;
        margin: 0 auto 0;
    }
    .datefont {
        font-weight: 600;
        font-size: 13px;
        color: #000000;
    }
    .pana-number {
        font-weight: 700;
        font-size: 13px;
        color: #000000;
        
          
    }
   
    .jodi-number {
        font-weight: 700;
        font-size: 20px;
        color: #000000;
    }
    @media (min-width: 481px) and (max-width: 767px) {
        .box {
            width: 100%;
           
        }
        .datefont {
            font-size: 7px;
        }
        .pana-number {
            font-size: 8px;
        }
        .jodi-number {
            font-size: 12px;
        }
        th {
   
            font-size: 13px;
        }
    }

    

    @media (min-width: 320px) and (max-width: 480px) {
        .box {
             width: 100% ;
        }
        .datefont {
            font-size: 7px;
        }
        .pana-number {
            font-size: 8px;
           
        }
        .jodi-number {
            font-size: 12px;
        }
        th {
   
            font-size: 13px;
             padding: 0px;
        }
        td {
        padding: 0px;
    
    }