/* Build time:: Wed, Apr 15, 2020, 9:00 AM CDT from dev branch */
@media screen and (min-width: 768px) {
  .iw_viewport-wrapper > .container-fluid > .row > .iw_columns > .row {
    display: flex;
  }
}

.iw_viewport-wrapper > .container-fluid .iw_columns.col-lg-3 {
  display: none;
  width: 250px;
  padding-left: 0px;
  padding-right: 0px;
  border-right: 1px solid #d6dce0;
}

@media screen and (min-width: 768px) {
  .iw_viewport-wrapper > .container-fluid .iw_columns.col-lg-3 {
    display: block;
  }
}

@media screen and (min-width: 1200px) {
  .iw_viewport-wrapper > .container-fluid .iw_columns.col-lg-3 {
    width: 300px;
  }
}

@media screen and (min-width: 768px) {
  .iw_viewport-wrapper > .container-fluid .iw_columns.col-lg-9 {
    width: calc(100vw - 250px);
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 992px) {
  .iw_viewport-wrapper > .container-fluid .iw_columns.col-lg-9 {
    max-width: 742px;
    margin-left: calc((100vw - 992px) / 2);
    margin-right: calc((100vw - 992px) / 2);
  }
}

@media screen and (min-width: 1200px) {
  .iw_viewport-wrapper > .container-fluid .iw_columns.col-lg-9 {
    max-width: 900px;
    margin-left: calc((100vw - 1200px) / 2);
    margin-right: calc((100vw - 1200px) / 2);
  }
}

@media screen and (min-width: 1440px) {
  .iw_viewport-wrapper > .container-fluid .iw_columns.col-lg-9 {
    max-width: 1140px;
    margin-left: calc((100vw - 1440px) / 2);
    margin-right: calc((100vw - 1440px) / 2);
  }
}

@media screen and (min-width: 768px) {
  .iw_viewport-wrapper > .container-fluid .iw_columns.col-lg-9 .selectorguide #product-selector-component {
    width: calc(100%);
    margin-left: 5px;
  }
}

@media screen and (min-width: 992px) {
  .iw_viewport-wrapper > .container-fluid .iw_columns.col-lg-9 .selectorguide #product-selector-component {
    width: calc(100% + (100vw - 1002px));
    margin-left: calc(((100vw - 962px) / 2 * -1) + 20px);
  }
}

@media screen and (min-width: 1200px) {
  .iw_viewport-wrapper > .container-fluid .iw_columns.col-lg-9 .selectorguide #product-selector-component {
    width: calc(100% + (100vw - 1210px));
    margin-left: calc(((100vw - 1170px) / 2 * -1) + 20px);
  }
}

@media screen and (min-width: 1440px) {
  .iw_viewport-wrapper > .container-fluid .iw_columns.col-lg-9 .selectorguide #product-selector-component {
    width: calc(100% + (100vw - 1450px));
    margin-left: calc(((100vw - 1410px) / 2 * -1) + 20px);
  }
}