Hi there,
try this CSS:
@media (max-width: 768px) {
/* reduce space between cart title and content */
.woocommerce-checkout .entry-content {
margin-top: 0.5em;
}
/* Display thumbnail align right of remove button */
.woocommerce-page table.cart .product-thumbnail {
display: block !important;
}
.woocommerce-page table.cart .product-thumbnail:before {
display: none;
}
.woocommerce-page table.cart .product-remove {
float: left;
border-bottom: 0;
}
/* Force inputs to stack */
.woocommerce #content table.cart td.actions .coupon .button,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon input,
.woocommerce table.cart td.actions .coupon .button,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon input,
.woocommerce-page #content table.cart td.actions .coupon .button,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon input,
.woocommerce-page table.cart td.actions .coupon .button,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon input {
width: 100%;
}
/* Stack Tables */
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
display: block;
width: 100%;
}
}