@media screen and (min-width: 321px) and (max-width: 768px) {
    table {
        width: 100%;
        font-size: 12px;
    }

    th, td {
        padding: 8px;
    }

    .profile-dropdown-main {
        display: none !important;
    }

    .profile-dropdown-sidenav {
        display: block !important;
    }

    .response-container {
        background-color: var(--light-gray2);
        padding: 15px;
        margin-bottom: 90px;
        font-size: 12px;
    }

    .inputarea-overlay {
        font-size: 12px;
    }

    .send-button, .stop-button {
        font-size: 18px !important;
    }

    .main-msg-size {
        width: 90% !important
    }

    .msger-inputarea {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: white;
        z-index: 10;
        padding: 10px;
    }

    .msger-chat {
        padding-bottom: 80px;
    }
}