.recent-order__avatar+div p {
    display: -webkit-box;
    /* Sử dụng để hỗ trợ cắt văn bản */
    -webkit-line-clamp: 2;
    /* Giới hạn số dòng (ở đây là 2 dòng) */
    -webkit-box-orient: vertical;
    /* Thiết lập hướng của box */
    overflow: hidden;
    /* Ẩn phần văn bản vượt quá */
    text-overflow: ellipsis;
    /* Thêm dấu "..." */
    white-space: normal;
    /* Cho phép xuống dòng */
}

.recent-order__avatar img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin-right: 15px;
    margin-left: -9px;
}

i.fa.fa-times-circle {
    transform: translate(7px, -33px);
}

@media (max-width: 2560px) {
    .toastify {
        font-size: 12px;
    }

}

/* Media query cho màn hình nhỏ hơn 375px */
@media (max-width: 375px) {


    .recent-order__avatar img {
        width: 70px;
        /* Giảm kích thước hình ảnh */
        height: 70px;

        /* Thêm khoảng cách dưới hình ảnh */
    }

    .toastify div {
        text-align: left;
        /* Căn trái nội dung văn bản */
       
        /* Đảm bảo nội dung không tràn */
        overflow-wrap: break-word;
        /* Tự động xuống dòng nếu quá dài */
        font-size: 10px;
    }

    i.fa.fa-times-circle {
        transform: translate(7px, -34px);
    }
}

/* Media query cho màn hình rất nhỏ (dưới 320px) */
@media (max-width: 320px) {
    .recent-order__avatar img {
        width: 60px;
        /* Giảm kích thước hình ảnh */
        height: 60px;

        /* Thêm khoảng cách dưới hình ảnh */
    }

    .toastify div {

        font-size: 9px;
        max-width: 96%;

    }



    @media (max-width: 320px) {
        i.fa.fa-times-circle {
            position: absolute;
            right: 19px;
            font-size: 9px;
            bottom: 30px;
        }
    }
}