/* Responsive adjustments for tablets and smaller devices */
@media (max-width: 768px) {
    .chat {
        margin-top: 10px;
    }

    .card {
        height: auto;
        max-width: 100%;
        border-radius: 10px;
    }

    .user_info span {
        font-size: 20px;
    }
    
    .user_info p {
        font-size: 14px;
    }

    .msg_cotainer, .msg_cotainer_send {
        font-size: 14px;
        padding: 10px;
    }

    .form-control.type_msg {
        height: 50px;
        font-size: 14px;
    }

    .send_btn, .btn-info {
        height: 50px;
        padding: 0 10px;
        font-size: 14px;
    }

    .user_img, .user_img_msg {
        height: 50px;
        width: 50px;
    }
}

/* Responsive adjustments for phones and very small devices */
@media (max-width: 576px) {
    .chat {
        margin-top: 5px;
    }

    .card-header, .card-footer {
        height: 60px;
    }

    .msg_cotainer, .msg_cotainer_send {
        font-size: 12px;
    }

    #messageFormeight {
        height: auto;
        padding: 0;
    }

    .form-control.type_msg, .btn-info, .send_btn {
        height: 45px;
        font-size: 12px;
    }

    .user_img, .user_img_msg {
        height: 40px;
        width: 40px;
    }
}