/* Extra Small Devices (phones) */
@media (min-width: 400px)and (max-width: 420.98px) {
    .chat_image{
        width: 30px;
        height: 30px;
    }
    .axil-product{
        min-height: 280px !important;
        max-height: 280px;
        overflow: hidden;
    }
}
@media (min-width: 575px) {
    .chat_image{
        width: 30px;
        height: 30px;
    }
    .axil-product{
        min-height: 380px !important;
        max-height: 380px;
        overflow: hidden;
    }
}


/* Small Devices (tablets and larger phones) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .chat_image{
        width: 30px;
        height: 30px;
    }
    .axil-product{
        min-height: 350px !important;
        max-height: 350px;
        overflow: hidden;
    }
}

/* Medium Devices (tablets and small laptops) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .chat_image{
        width: 30px;
        height: 30px;
    }
     .axil-product{
        min-height: 440px !important;
        max-height: 440px;
        overflow: hidden;
    }
}

/* Large Devices (desktops and larger screens) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .chat_image{
        width: 30px;
        height: 30px;
    }
     .axil-product{
        min-height: 430px !important;
        max-height: 430px;
        overflow: hidden;
    }
}

/* Extra Large Devices (large desktops and extra-large screens) */
@media (min-width: 1200px) {
  .chat_image{
        width: 30px;
        height: 30px;
    }
    .axil-product{
        min-height: 400px !important;
        max-height: 400px;
        overflow: hidden;
    }
}