/*******************************************************************************
 * threecol-r-stacked.layout.scss
 *
 * Styling of the "threecol-r-stacked" 3 column-stacked layout.
 ******************************************************************************/
@media (min-width: 321px) {
  /* line 17, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-top-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 20, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-first-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 24, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 27, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-last-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 30, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-bottom-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 600px) {
  /* line 36, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-top-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 39, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-first-r {
    width: 33.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 43, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-r {
    width: 33.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 33.33333%;
    clear: none;
  }
  /* line 46, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-last-r {
    width: 33.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 49, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-bottom-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 960px) {
  /* line 55, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-top-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 58, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-first-r {
    width: 33.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 62, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-r {
    width: 33.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 33.33333%;
    clear: none;
  }
  /* line 65, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-last-r {
    width: 33.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 68, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-bottom-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 1324px) {
  /* line 75, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-top-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 78, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-first-r {
    width: 33.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 82, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-r {
    width: 33.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 33.33333%;
    clear: none;
  }
  /* line 85, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-last-r {
    width: 33.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 88, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-bottom-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

/*# sourceMappingURL=threecol-r-stacked.css.map */