@media screen and (max-width: 767px) {
    .container {
        flex-direction: column; /* Stack chatbox and content vertically on mobile */
    }

    .chat-container {
        width: 100%; /* Make the chat container full width on mobile */
        max-width: none; /* Remove the max-width constraint */
        margin: 0; /* Remove margin on mobile */
    }

    .chat-input {
        flex-direction: column; /* Stack input and button vertically on mobile */
    }

    #send-button {
        border-radius: 4px; /* Remove button border radius */
    }
}