<style>
    #dashain-calendar table {
        border-collapse: collapse;
        width: 100%;
    }
    #dashain-calendar th,
    #dashain-calendar td {
        text-align: left;
        padding: 8px;
        border-bottom: 1px solid #ddd;
    }
    #dashain-calendar th {
        background-color: #f2f2f2;
    }
    #dashain-calendar tr:hover {
        background-color: #f5f5f5;
    }
    @media screen and (max-width: 600px) {
        #dashain-calendar table,
        #dashain-calendar thead,
        #dashain-calendar tbody,
        #dashain-calendar th,
        #dashain-calendar td,
        #dashain-calendar tr {
            display: block;
        }
        #dashain-calendar th {
            text-align: center;
        }
        #dashain-calendar td {
            text-align: center;
            border-bottom: none;
        }
        #dashain-calendar td:before {
            content: attr(data-label);
            display: inline-block;
            font-weight: bold;
            margin-right: 5px;
        }
    }
</style>