.megaflyout-3-col {

  .chuppies-widget-wrapper {
    padding:25px 16px;
    &.shade { background-color: _lighten($neutral-color, 0.45); }
  }

  > .columns {
    display:table;
    table-layout:fixed;
    width:100%;

    .col {
      display:table-cell;
      vertical-align:top;
      width:33.33%;
    }

  }

  @include phone {
    > .columns {
      display:block;
      .col {
        display:block;
        width:100%;
      }
    }
  }

}

.megaflyout-2-col {

  .chuppies-widget-wrapper {
    padding:25px 16px;
    &.shade { background-color: _lighten($neutral-color, 0.45); }
  }

  > .columns {
    display:table;
    table-layout:fixed;
    width:100%;

    .col {
      display:table-cell;
      vertical-align:top;
      width:50%;
    }

  }

  &.col-30-60 {
    > .columns .col1 { width:33.33%; }
    > .columns .col2 { width:66.67%; }
  }
  &.col-60-30 {
    > .columns .col1 { width:66.67%; }
    > .columns .col2 { width:33.33%; }
  }

  @include phone {
    > .columns {
      display:block;
      .col {
        display:block;
        width:100%;
      }
    }
  }

}