/*******************************************************************************
 * 4col-stacked.layout.scss
 *
 * Styling of the "4col-stacked" 4 column-stacked layout.
 ******************************************************************************/
@media (min-width: 436px) {
  /* line 15, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-top-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 18, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-first-r {
    width: 47.82609%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 22, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-r {
    width: 47.82609%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 25, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col2-r {
    width: 47.82609%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 29, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-last-r {
    width: 47.82609%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 32, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-bottom-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 960px) {
  /* line 39, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-top-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 42, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-first-r {
    width: 23.40426%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 46, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-r {
    width: 23.40426%;
    float: left;
    margin-right: -100%;
    margin-left: 25.53191%;
    clear: none;
  }
  /* line 49, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col2-r {
    width: 23.40426%;
    float: left;
    margin-right: -100%;
    margin-left: 51.06383%;
    clear: none;
  }
  /* line 52, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-last-r {
    width: 23.40426%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 55, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-bottom-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 1324px) {
  /* line 62, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-top-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 65, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-first-r {
    width: 23.40426%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 69, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-r {
    width: 23.40426%;
    float: left;
    margin-right: -100%;
    margin-left: 25.53191%;
    clear: none;
  }
  /* line 72, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col2-r {
    width: 23.40426%;
    float: left;
    margin-right: -100%;
    margin-left: 51.06383%;
    clear: none;
  }
  /* line 75, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-last-r {
    width: 23.40426%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 78, sass/layouts/4-col-stacked/4-col-stacked.scss */
  .panel-4col-bottom-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

/*# sourceMappingURL=4-col-stacked.css.map */