.single-product-box .product-image {
    position: relative;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}



@media only screen and (min-width: 400px){
    .single-product-box .product-image {
        height: 300px;
    }
}

@media only screen and (min-width: 576px){
    .single-product-box .product-image {
        height: 340px;
        /* height: 430px; */
    }
}


@media only screen and (min-width: 767px){
    .single-product-box .product-image {
        height: 430px;
        /* height: 260px; */
    }
}

@media (min-width: 992px){
    .single-product-box .product-image {
        height: 290px;
    } 
}