Mobile list view custom style

style.css

@media (max-width: 767px) {
    .product-list-view-inner {
        display: flex;
        flex-wrap: wrap;
        padding: 20px;
        align-items: center;
    }
    
    .product-list-view-inner .product-list-view-body .title-area {
        border: none;
    }
    
    .product-list-view-inner .product-list-view-body .title-area .woocommerce-loop-product__title {
        text-align: left;
    }
    
    .product-list-view-inner .product-list-view-header {
        width: 30%;
        padding-right: 10px;
    }
    
    .product-list-view-inner .product-list-view-body {
        width: 40%;
    }
    
    .product-list-view-inner .list-view-footer {
        width: 30%;
        padding-left: 0;
        text-align: right;
    }
    
    .product-list-view-inner .list-view-footer .availability,
    .product-list-view-inner .list-view-footer .button,
    .product-list-view-inner .product-list-view-body .excerpt,
    .product-list-view-inner .list-view-footer .action-buttons{
        display: none;
    }
}