@media (max-width: 600px) {
    table th, table.dataTable tbody td {
        display: table-cell;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    #logo img {
        height: 42px;
    }

    .category-box {
        flex: 0 0 42%;
    }

    .track-complaint-btn,
    .register-complaint-btn {
        margin-bottom: 30px;
    }

    table.dataTable thead th, 
    table.dataTable tbody td {
        padding: 10px 5px;
        width: 23% !important;
        text-align: center;
    }

    table.dataTable>tbody>tr.child span.dtr-title {
        min-width: 160px;
        text-align: left;
    }

    table.dataTable>tbody>tr.child span.dtr-data {
        min-width: 100px;
    }

    table.dataTable>tbody>tr.child ul.dtr-details>li {
        display: flex;
    }

    .welcome-text h3 {
        line-height: 30px;
    }

    .send-otp {
        margin-top: 0;
    }
}