/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    https://wordpress.org/themes/twentytwenty/
 Description:  Child theme for Twenty Twenty
 Author:       Harish
 Template:     twentytwenty
 Version:      1.0.0
*/

/* Put your child theme CSS below this line */


/* Two-column layout on WooCommerce archives */
.woocommerce.archive #primary {
/*   display: grid; */
  grid-template-columns: 280px 1fr;
  gap: 24px;
}

/* Sidebar area */
.woocommerce-shop-sidebar {
/*   order: 1; */
}

.woocommerce.archive .woocommerce-result-count,
.woocommerce.archive .woocommerce-ordering,
.woocommerce.archive ul.products {
/*   order: 2; */
}

/* Mobile: stack */
@media (max-width: 768px) {
  .woocommerce.archive #primary {
/*     grid-template-columns: 1fr; */
  }
}
.woocommerce #main {
    display: flex;
	flex-wrap:wrap;
	gap:20px;
}
nav.woocommerce-breadcrumb,header.woocommerce-products-header,
.woof_products_top_panel{
    flex: 1 100%;
}
aside.woocommerce-shop-sidebar {
    flex: 1 20%;
}
.awt-before-shop-loop-wrapper{
	 flex: 1 70%;
}