.wp-jojo-affiliate__container {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}

.wp-jojo-affiliate__container *,
.wp-jojo-affiliate__product-list *,
.wp-jojo-affiliate-single__product-info * {
    box-sizing: border-box;
}
.wp-jojo-affiliate__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 100%;
    height: 100%;
}

.wp-jojo-affiliate__row.no-gutters {
    margin-left: 0;
    margin-right: 0;
}

.wp-jojo-affiliate__row.no-gutters > [class*="col-"],
.wp-jojo-affiliate__row.no-gutters > .col {
    padding: 0;
}

.wp-jojo-affiliate__row.flex-no-wrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.wp-jojo-affiliate__column-2 {
    padding: 0 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    -webkit-flex-basis: -webkit-calc(2/12 * 100%);
    -ms-flex-preferred-size: calc(2/12 * 100%);
    flex-basis: -moz-calc(2/12 * 100%);
    flex-basis: calc(2/12 * 100%);
    max-width: -webkit-calc(2/12 * 100%);
    max-width: -moz-calc(2/12 * 100%);
    max-width: calc(2/12 * 100%);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    flex-basis: calc(2/12 * 100%);
    max-width: calc(2/12 * 100%);
}

.wp-jojo-affiliate__column-3 {
    padding: 0 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    -webkit-flex-basis: -webkit-calc(3/12 * 100%);
    -ms-flex-preferred-size: calc(3/12 * 100%);
    flex-basis: -moz-calc(3/12 * 100%);
    flex-basis: calc(3/12 * 100%);
    max-width: -webkit-calc(3/12 * 100%);
    max-width: -moz-calc(3/12 * 100%);
    max-width: calc(3/12 * 100%);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    flex-basis: calc(3/12 * 100%);
    max-width: calc(3/12 * 100%);
}

.wp-jojo-affiliate__column-4 {
    padding: 0 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    -webkit-flex-basis: -webkit-calc(4/12 * 100%);
    -ms-flex-preferred-size: calc(4/12 * 100%);
    flex-basis: -moz-calc(4/12 * 100%);
    flex-basis: calc(4/12 * 100%);
    max-width: -webkit-calc(4/12 * 100%);
    max-width: -moz-calc(4/12 * 100%);
    max-width: calc(4/12 * 100%);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    flex-basis: calc(4/12 * 100%);
    max-width: calc(4/12 * 100%);
}

.wp-jojo-affiliate__column-6 {
    padding: 0 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    -webkit-flex-basis: -webkit-calc(6/12 * 100%);
    -ms-flex-preferred-size: calc(6/12 * 100%);
    flex-basis: -moz-calc(6/12 * 100%);
    flex-basis: calc(6/12 * 100%);
    max-width: -webkit-calc(6/12 * 100%);
    max-width: -moz-calc(6/12 * 100%);
    max-width: calc(6/12 * 100%);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    flex-basis: calc(6/12 * 100%);
    max-width: calc(6/12 * 100%);
}

.wp-jojo-affiliate__column-8 {
    padding: 0 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    -webkit-flex-basis: -webkit-calc(8/12 * 100%);
    -ms-flex-preferred-size: calc(8/12 * 100%);
    flex-basis: -moz-calc(8/12 * 100%);
    flex-basis: calc(8/12 * 100%);
    max-width: -webkit-calc(8/12 * 100%);
    max-width: -moz-calc(8/12 * 100%);
    max-width: calc(8/12 * 100%);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    flex-basis: calc(8/12 * 100%);
    max-width: calc(8/12 * 100%);
}

.wp-jojo-affiliate__column-12 {
    padding: 0 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    -webkit-flex-basis: -webkit-calc(12/12 * 100%);
    -ms-flex-preferred-size: calc(12/12 * 100%);
    flex-basis: -moz-calc(12/12 * 100%);
    flex-basis: calc(12/12 * 100%);
    max-width: -webkit-calc(12/12 * 100%);
    max-width: -moz-calc(12/12 * 100%);
    max-width: calc(12/12 * 100%);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    flex-basis: calc(12/12 * 100%);
    max-width: calc(12/12 * 100%);
}

@media all and (min-width: 500px) {
    .wp-jojo-affiliate__column-sm-2 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(2/12 * 100%);
        -ms-flex-preferred-size: calc(2/12 * 100%);
        flex-basis: -moz-calc(2/12 * 100%);
        flex-basis: calc(2/12 * 100%);
        max-width: -webkit-calc(2/12 * 100%);
        max-width: -moz-calc(2/12 * 100%);
        max-width: calc(2/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(2/12 * 100%);
        max-width: calc(2/12 * 100%);
    }
}

@media all and (min-width: 500px) {
    .wp-jojo-affiliate__column-sm-3 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(3/12 * 100%);
        -ms-flex-preferred-size: calc(3/12 * 100%);
        flex-basis: -moz-calc(3/12 * 100%);
        flex-basis: calc(3/12 * 100%);
        max-width: -webkit-calc(3/12 * 100%);
        max-width: -moz-calc(3/12 * 100%);
        max-width: calc(3/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(3/12 * 100%);
        max-width: calc(3/12 * 100%);
    }
}

@media all and (min-width: 500px) {
    .wp-jojo-affiliate__column-sm-4 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(4/12 * 100%);
        -ms-flex-preferred-size: calc(4/12 * 100%);
        flex-basis: -moz-calc(4/12 * 100%);
        flex-basis: calc(4/12 * 100%);
        max-width: -webkit-calc(4/12 * 100%);
        max-width: -moz-calc(4/12 * 100%);
        max-width: calc(4/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(4/12 * 100%);
        max-width: calc(4/12 * 100%);
    }
}

@media all and (min-width: 500px) {
    .wp-jojo-affiliate__column-sm-6 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(6/12 * 100%);
        -ms-flex-preferred-size: calc(6/12 * 100%);
        flex-basis: -moz-calc(6/12 * 100%);
        flex-basis: calc(6/12 * 100%);
        max-width: -webkit-calc(6/12 * 100%);
        max-width: -moz-calc(6/12 * 100%);
        max-width: calc(6/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(6/12 * 100%);
        max-width: calc(6/12 * 100%);
    }
}

@media all and (min-width: 500px) {
    .wp-jojo-affiliate__column-sm-8 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(8/12 * 100%);
        -ms-flex-preferred-size: calc(8/12 * 100%);
        flex-basis: -moz-calc(8/12 * 100%);
        flex-basis: calc(8/12 * 100%);
        max-width: -webkit-calc(8/12 * 100%);
        max-width: -moz-calc(8/12 * 100%);
        max-width: calc(8/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(8/12 * 100%);
        max-width: calc(8/12 * 100%);
    }
}

@media all and (min-width: 500px) {
    .wp-jojo-affiliate__column-sm-12 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(12/12 * 100%);
        -ms-flex-preferred-size: calc(12/12 * 100%);
        flex-basis: -moz-calc(12/12 * 100%);
        flex-basis: calc(12/12 * 100%);
        max-width: -webkit-calc(12/12 * 100%);
        max-width: -moz-calc(12/12 * 100%);
        max-width: calc(12/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(12/12 * 100%);
        max-width: calc(12/12 * 100%);
    }
}

@media all and (min-width: 768px) {
    .wp-jojo-affiliate__column-md-2 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(2/12 * 100%);
        -ms-flex-preferred-size: calc(2/12 * 100%);
        flex-basis: -moz-calc(2/12 * 100%);
        flex-basis: calc(2/12 * 100%);
        max-width: -webkit-calc(2/12 * 100%);
        max-width: -moz-calc(2/12 * 100%);
        max-width: calc(2/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(2/12 * 100%);
        max-width: calc(2/12 * 100%);
    }
}

@media all and (min-width: 768px) {
    .wp-jojo-affiliate__column-md-3 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(3/12 * 100%);
        -ms-flex-preferred-size: calc(3/12 * 100%);
        flex-basis: -moz-calc(3/12 * 100%);
        flex-basis: calc(3/12 * 100%);
        max-width: -webkit-calc(3/12 * 100%);
        max-width: -moz-calc(3/12 * 100%);
        max-width: calc(3/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(3/12 * 100%);
        max-width: calc(3/12 * 100%);
    }
}

@media all and (min-width: 768px) {
    .wp-jojo-affiliate__column-md-4 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(4/12 * 100%);
        -ms-flex-preferred-size: calc(4/12 * 100%);
        flex-basis: -moz-calc(4/12 * 100%);
        flex-basis: calc(4/12 * 100%);
        max-width: -webkit-calc(4/12 * 100%);
        max-width: -moz-calc(4/12 * 100%);
        max-width: calc(4/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(4/12 * 100%);
        max-width: calc(4/12 * 100%);
    }
}

@media all and (min-width: 768px) {
    .wp-jojo-affiliate__column-md-6 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(6/12 * 100%);
        -ms-flex-preferred-size: calc(6/12 * 100%);
        flex-basis: -moz-calc(6/12 * 100%);
        flex-basis: calc(6/12 * 100%);
        max-width: -webkit-calc(6/12 * 100%);
        max-width: -moz-calc(6/12 * 100%);
        max-width: calc(6/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(6/12 * 100%);
        max-width: calc(6/12 * 100%);
    }
}

@media all and (min-width: 768px) {
    .wp-jojo-affiliate__column-md-8 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(8/12 * 100%);
        -ms-flex-preferred-size: calc(8/12 * 100%);
        flex-basis: -moz-calc(8/12 * 100%);
        flex-basis: calc(8/12 * 100%);
        max-width: -webkit-calc(8/12 * 100%);
        max-width: -moz-calc(8/12 * 100%);
        max-width: calc(8/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(8/12 * 100%);
        max-width: calc(8/12 * 100%);
    }
}

@media all and (min-width: 768px) {
    .wp-jojo-affiliate__column-md-12 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(12/12 * 100%);
        -ms-flex-preferred-size: calc(12/12 * 100%);
        flex-basis: -moz-calc(12/12 * 100%);
        flex-basis: calc(12/12 * 100%);
        max-width: -webkit-calc(12/12 * 100%);
        max-width: -moz-calc(12/12 * 100%);
        max-width: calc(12/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(12/12 * 100%);
        max-width: calc(12/12 * 100%);
    }
}

@media all and (min-width: 1024px) {
    .wp-jojo-affiliate__column-lg-2 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(2/12 * 100%);
        -ms-flex-preferred-size: calc(2/12 * 100%);
        flex-basis: -moz-calc(2/12 * 100%);
        flex-basis: calc(2/12 * 100%);
        max-width: -webkit-calc(2/12 * 100%);
        max-width: -moz-calc(2/12 * 100%);
        max-width: calc(2/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(2/12 * 100%);
        max-width: calc(2/12 * 100%);
    }
}

@media all and (min-width: 1024px) {
    .wp-jojo-affiliate__column-lg-3 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(3/12 * 100%);
        -ms-flex-preferred-size: calc(3/12 * 100%);
        flex-basis: -moz-calc(3/12 * 100%);
        flex-basis: calc(3/12 * 100%);
        max-width: -webkit-calc(3/12 * 100%);
        max-width: -moz-calc(3/12 * 100%);
        max-width: calc(3/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(3/12 * 100%);
        max-width: calc(3/12 * 100%);
    }
}

@media all and (min-width: 1024px) {
    .wp-jojo-affiliate__column-lg-4 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(4/12 * 100%);
        -ms-flex-preferred-size: calc(4/12 * 100%);
        flex-basis: -moz-calc(4/12 * 100%);
        flex-basis: calc(4/12 * 100%);
        max-width: -webkit-calc(4/12 * 100%);
        max-width: -moz-calc(4/12 * 100%);
        max-width: calc(4/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(4/12 * 100%);
        max-width: calc(4/12 * 100%);
    }
}

@media all and (min-width: 1024px) {
    .wp-jojo-affiliate__column-lg-6 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(6/12 * 100%);
        -ms-flex-preferred-size: calc(6/12 * 100%);
        flex-basis: -moz-calc(6/12 * 100%);
        flex-basis: calc(6/12 * 100%);
        max-width: -webkit-calc(6/12 * 100%);
        max-width: -moz-calc(6/12 * 100%);
        max-width: calc(6/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(6/12 * 100%);
        max-width: calc(6/12 * 100%);
    }
}

@media all and (min-width: 1024px) {
    .wp-jojo-affiliate__column-lg-8 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(8/12 * 100%);
        -ms-flex-preferred-size: calc(8/12 * 100%);
        flex-basis: -moz-calc(8/12 * 100%);
        flex-basis: calc(8/12 * 100%);
        max-width: -webkit-calc(8/12 * 100%);
        max-width: -moz-calc(8/12 * 100%);
        max-width: calc(8/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(8/12 * 100%);
        max-width: calc(8/12 * 100%);
    }
}

@media all and (min-width: 1024px) {
    .wp-jojo-affiliate__column-lg-9 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(9/12 * 100%);
        -ms-flex-preferred-size: calc(9/12 * 100%);
        flex-basis: -moz-calc(9/12 * 100%);
        flex-basis: calc(9/12 * 100%);
        max-width: -webkit-calc(9/12 * 100%);
        max-width: -moz-calc(9/12 * 100%);
        max-width: calc(9/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(9/12 * 100%);
        max-width: calc(9/12 * 100%);
    }
}

@media all and (min-width: 1024px) {
    .wp-jojo-affiliate__column-lg-12 {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        -webkit-flex-basis: -webkit-calc(12/12 * 100%);
        -ms-flex-preferred-size: calc(12/12 * 100%);
        flex-basis: -moz-calc(12/12 * 100%);
        flex-basis: calc(12/12 * 100%);
        max-width: -webkit-calc(12/12 * 100%);
        max-width: -moz-calc(12/12 * 100%);
        max-width: calc(12/12 * 100%);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        flex-basis: calc(12/12 * 100%);
        max-width: calc(12/12 * 100%);
    }
}