Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

$du-responsive-config: (
  (
    table-type: ".portfolio, .options, .currencies, .commodities, .losers, .gainers, .etfs",
    data-cols: ".data-col4",
    min: 300,
    max: 500
  ),
);

@mixin media-page($table-config) {
    $table-type: map-get($table-config, table-type);
    $data-cols: map-get($table-config, data-cols);
    $min: map-get($table-config, min);
    $max: map-get($table-config, max);

    @media screen
        and (min-width: $min)
        and (max-width: $max) {
        .home-page {
            #{$table-type} {
                #{$data-cols} {
                    display: table-cell;
                }
            }
        }
    }
}

@each $table-config in $du-responsive-config {
    @include media-page($table-config)
}

SassMeister-output.css

@media screen and (min-width: 300) and (max-width: 500) {
  .home-page .portfolio .data-col4, .home-page .options .data-col4, .home-page .currencies .data-col4, .home-page .commodities .data-col4, .home-page .losers .data-col4, .home-page .gainers .data-col4, .home-page .etfs .data-col4 {
    display: table-cell;
  }
}