/*******************************************************************************
 * twocol-66-33.layout.scss
 *
 * Styling of the "TwoCol-66-33" 2 column stacked 66-33 layout.
 ******************************************************************************/
@media (min-width: 500px) and (max-width: 600px) {
  /* line 10, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .home-section-title .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 13, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .home-section-title .panel-col-first66 {
    width: 47.82609%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 17, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .home-section-title .panel-col-last33 {
    width: 47.82609%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 20, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .home-section-title .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 600px) {
  /* line 28, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-logo_header_region .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 31, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-logo_header_region .panel-col-first66 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 35, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-logo_header_region .panel-col-last33 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 38, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-logo_header_region .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 768px) {
  /* line 45, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-logo_header_region .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 48, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-logo_header_region .panel-col-first66 {
    width: 57.44681%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 52, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-logo_header_region .panel-col-last33 {
    width: 40.42553%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 55, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-logo_header_region .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 960px) {
  /* line 61, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-logo_header_region .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 64, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-logo_header_region .panel-col-first66 {
    width: 65.95745%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 68, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-logo_header_region .panel-col-last33 {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 71, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-logo_header_region .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 321px) {
  /* line 79, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 82, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-first66 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 86, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-last33 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 89, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 600px) {
  /* line 96, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 99, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-first66 {
    width: 65.21739%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 103, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-last33 {
    width: 30.43478%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 106, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 960px) {
  /* line 113, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 116, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-first66 {
    width: 65.95745%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 120, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-last33 {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 123, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 1324px) {
  /* line 130, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 133, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-first66 {
    width: 65.95745%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 137, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-last33 {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 140, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

/*# sourceMappingURL=twocol-66-33.css.map */