Move WooCommerce side bar to the top on Mobile View

I would like to move the ‘WooCommerce Side Bar’ to the TOP on mobile view instead of it being at the bottom.

I’ve tried a number of methods and also applied the following CSS but it doesn’t seem to work. It would be really great if you could help me out.

@media (max-width: 768px){
  .ast-left-sidebar #content>.ast-container{
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
  }
}

The page I need help with: [log in to see the link]