/*
 * Changes to pricingtable.min.css, which is kept as taken over from the WordPress site.
 */

/* Three boxes in a row as soon as they fit (3 x 280px + 2 x 30px), not only from 1366px on:
   between 768px and 1365px the third box wrapped below the others although there was enough space */
@media all and (min-width: 980px) and (max-width: 1365px) {
    .pricing-table .teaser > .container {
        max-width: calc((280px * 3) + 60px);
    }

    /* Same for the feature table: below 1366px it was limited to 776px with two product columns per row */
    .pricing-table .table > .container,
    .pricing-table .table > .container .fixed-header {
        max-width: 1200px;
    }

    .pricing-table .table > .container .intro {
        width: calc(25% - 1px);
    }

    .pricing-table .table > .container .data {
        width: calc(75% + 1px);
    }

    .pricing-table .table > .container .data .item {
        width: 33.3%;
    }
}