/** OEW COLUMNS  **/

[class*="oew-col-"] ul.products {
    display: flex !important;
    justify-content: space-between;
    flex-flow: row wrap;
    column-gap: 0;
    margin: 0 -9px;
}

[class*="oew-col-"] ul.products li.product {
    margin-left: 0 !important;
}

.oew-col-6 ul.products li.product {
    float: left;
    margin-right: 30px !important;
    width: calc(16.66% - 30px) !important;
}

.oew-col-5 ul.products li.product {
    float: left;
    margin-right: 30px !important;
    width: calc(19% - 30px) !important;
}

.oew-col-4 ul.products li.product {
    float: left;
    margin-right: 30px !important;
    width: calc(25% - 30px) !important;
}

.oew-col-3 ul.products li.product {
    float: left;
    margin-right: 30px !important;
    width: calc(33.33% - 30px) !important;
}

.oew-col-2 ul.products li.product {
    float: left;
    margin-right: 30px !important;
    width: calc(50% - 30px) !important;
}

.oew-col-1 ul.products li.product {
    width: 100% !important;
}

[class*="oew-col-"] ul.products li.product.first {
    clear: none !important;
}

.oew-col-6 ul.products li.product:nth-child(6n),
.oew-col-5 ul.products li.product:nth-child(5n),
.oew-col-4 ul.products li.product:nth-child(4n),
.oew-col-3 ul.products li.product:nth-child(3n),
.oew-col-2 ul.products li.product:nth-child(2n),
.oew-col-1 ul.products li.product {
    margin-right: 0 !important;
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    [class*="oew-col-"] .woocommerce ul.products li.product {
        width: calc(50% - 15px) !important;
        margin-right: 15px !important;
    }

    .oew-col-tablet-1 .woocommerce ul.products li.product {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .oew-col-tablet-2 .woocommerce ul.products li.product {
        width: calc(50% - 15px) !important;
        margin-right: 15px !important;
        float: left;
    }

    .oew-col-tablet-3 .woocommerce ul.products li.product {
        width: calc(33.33% - 15px) !important;
        margin-right: 15px !important;
        float: left;
    }

    .oew-col-tablet-4 .woocommerce ul.products li.product {
        width: calc(25% - 15px) !important;
        margin-right: 15px !important;
        float: left;
    }

    .oew-col-tablet-5 .woocommerce ul.products li.product {
        width: calc(19% - 15px) !important;
        margin-right: 15px !important;
        float: left;
    }

    .oew-col-tablet-6 .woocommerce ul.products li.product {
        width: calc(16% - 15px) !important;
        margin-right: 15px !important;
        float: left;
    }

    [class*="oew-col-tablet-"] .woocommerce ul.products li.product.first {
        clear: none !important;
    }

    .oew-col-tablet-6 .woocommerce ul.products li.product:nth-child(6n),
    .oew-col-tablet-5 .woocommerce ul.products li.product:nth-child(5n),
    .oew-col-tablet-4 .woocommerce ul.products li.product:nth-child(4n),
    .oew-col-tablet-3 .woocommerce ul.products li.product:nth-child(3n),
    .oew-col-tablet-2 .woocommerce ul.products li.product:nth-child(2n),
    .oew-col-tablet-1 .woocommerce ul.products li.product {
        margin-right: 0 !important;
    }

}

/* small mobile :320px. */
@media (max-width: 767px) {

    [class*="oew-col-"] .woocommerce ul.products li.product {
        width: 100% !important;
    }

    .oew-col-mobile-1 .woocommerce ul.products li.product {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .oew-col-mobile-2 .woocommerce ul.products li.product {
        width: calc(50% - 15px) !important;
        margin-right: 15px !important;
        float: left;
    }

    .oew-col-mobile-3 .woocommerce ul.products li.product {
        width: calc(33.33% - 15px) !important;
        margin-right: 15px !important;
        float: left;
    }

    .oew-col-mobile-4 .woocommerce ul.products li.product {
        width: calc(25% - 15px) !important;
        margin-right: 15px !important;
        float: left;
    }

    .oew-col-mobile-5 .woocommerce ul.products li.product {
        width: calc(19% - 15px) !important;
        margin-right: 15px !important;
        float: left;
    }

    .oew-col-mobile-6 .woocommerce ul.products li.product {
        width: calc(16% - 15px) !important;
        margin-right: 15px !important;
        float: left;
    }

    [class*="oew-col-mobile-"] .woocommerce ul.products li.product.first {
        clear: none !important;
    }

    .oew-col-mobile-6 .woocommerce ul.products li.product:nth-child(6n),
    .oew-col-mobile-5 .woocommerce ul.products li.product:nth-child(5n),
    .oew-col-mobile-4 .woocommerce ul.products li.product:nth-child(4n),
    .oew-col-mobile-3 .woocommerce ul.products li.product:nth-child(3n),
    .oew-col-mobile-2 .woocommerce ul.products li.product:nth-child(2n),
    .oew-col-mobile-1 .woocommerce ul.products li.product {
        margin-right: 0 !important;
    }
}

