NOTE: No custom CSS has been added (besides width of main div)

500px => Show 5 variations

Added div "single_product" as parent and style to "var-wrap" => width:500px

Price 1
Price 2
Price 3
Price 4
Price 5
Price 6
Price 7
Price 8
Price 9

300px => Show 2 variations

Added div "archive_product" as parent and style to "var-wrap" => width:300px

Price 1
Price 2
Price 3
Price 4
Price 5
Price 6
Price 7
Price 8
Price 9

<300px => Show 1 variation

Added div "detox_product" as parent and style to "var-wrap" => width:100px

Price 1
Price 2
Price 3
Price 4
Price 5
Price 6
Price 7
Price 8
Price 9