Make 'order' and 'download' section responsive under My Account page

Add the below CSS code to the child theme's style.css file or built-in custom css section to make the 'order' and 'download' section responsive under 'my account' page - 

1. Order section -

@media screen and (max-width: 767px) {
.woocommerce table.shop_table thead {
    display: none;
}
.woocommerce table.shop_table td {
    display: block;
    text-align: right!important;
}
.woocommerce table.shop_table td::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
}
}

2. Download section - 

@media screen and (max-width: 767px) {
.woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {
    display: none;
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
    display: block;
    text-align: right!important;
}
}