/*******************************************************************************
 * 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: 436px) {
  /* line 30, 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 33, 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 37, 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 40, 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 47, 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 50, 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 54, 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 57, 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 64, 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 67, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-first66 {
    width: 70.21277%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 71, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-last33 {
    width: 27.65957%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 74, 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 81, 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 84, 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 88, 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 91, 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 100, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 103, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-first66 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 107, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-last33 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 110, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 768px) {
  /* line 116, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 119, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-first66 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 123, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-last33 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 127, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 960px) {
  /* line 133, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 136, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-first66 {
    width: 59.14894%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 140, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-last33 {
    width: 38.7234%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 143, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 1324px) {
  /* line 150, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 153, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-first66 {
    width: 65.95745%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 157, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-last33 {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 160, sass/layouts/twocol-66-33/twocol-66-33.scss */
  #mini-panel-new_home_page_slider .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

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