/******************************************************************************
 GRID VIEW
******************************************************************************/
html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_1 .ec-grid .grid-product {
    width: 100% !important;
}

html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_2 .ec-grid .grid-product {
    width: 50% !important;
}

html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_3 .ec-grid .grid-product {
    width: 33.3333333333% !important;
}

html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_4 .ec-grid .grid-product {
    width: 25% !important;
}

html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_5 .ec-grid .grid-product {
    width: 20% !important;
}

html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_6 .ec-grid .grid-product {
    width: 16.6666666666% !important;
}

html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_7 .ec-grid .grid-product {
    width: 14.2857142857% !important;
}

html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_8 .ec-grid .grid-product {
    width: 12.5% !important;
}

html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_9 .ec-grid .grid-product {
    width: 11.1111111111% !important;
}

html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_10 .ec-grid .grid-product {
    width: 10% !important;
}

html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_11 .ec-grid .grid-product {
    width: 9.09090909090% !important;
}

html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_12 .ec-grid .grid-product {
    width: 8.33333333333% !important;
}

@media (max-width: 768px) {
    html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_1 .ec-grid .grid-product,
    html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_2 .ec-grid .grid-product,
    html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_3 .ec-grid .grid-product,
    html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_4 .ec-grid .grid-product,
    html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_5 .ec-grid .grid-product,
    html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_6 .ec-grid .grid-product,
    html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_7 .ec-grid .grid-product,
    html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_8 .ec-grid .grid-product,
    html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_9 .ec-grid .grid-product,
    html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_10 .ec-grid .grid-product,
    html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_11 .ec-grid .grid-product,
    html#ecwid_html .asterion_ecwid_view_grid.asterion_ecwid_grid_cols_12 .ec-grid .grid-product {
        width: 100% !important;
    }
}

/******************************************************************************
 LIST VIEW - STILL A WORK IN PROGRESS. Just abandon?
******************************************************************************/
html#ecwid_html .asterion_ecwid_view_list .ec-grid .grid-product {
    display: block !important;
    width: 100% !important;
    height: 200px !important;
    position: relative !important;
}

html#ecwid_html .asterion_ecwid_view_list .ec-grid .grid-product .grid-product__image {
    width: 200px !important;
    height: 200px !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}