@charset "UTF-8";

@media (min-width: 980px) {
  @container (max-width: 1068px) {
      .channel-html .section .section-content {
          width: 100%;
      }
      .channel-html .channel-compare .compare.compare-column-range-large-5 .compare-header-row, .channel-html .channel-compare .compare.compare-column-range-large-5 .compare-row {
      padding: 0 16px;
      --column-gap: 32px;
    }
  }
}

@media (max-width: 979px) {
  .channel-html {
    margin-left: -3%;
    margin-right: -3%;
  }
}



.channel-html .channel-compare .button {
  background-color: #000;
  color: #fff;
}
.channel-html .channel-compare .selector-dropdown {
  white-space: normal;
}
.channel-html .channel-compare .selector-dropdown:focus,
.channel-html .channel-compare .button:focus {
  box-shadow: none;
  outline: none;
}

.channel-html .channel-compare .selector-element::before {
  background: none;
}




/* @media only screen and (max-width:734px) {
  .channel-compare .selector-element::before {
    background: none;
  }
  .channel-compare .selector-dropdown {
    white-space: normal;
    word-wrap: break-word
  }
} */


/* -----------------------
comparison-main-footer
------------------------ */
.comparison-main-footer { 
  background-color: #f0f0f0;
  padding: 2%;
  font-size: 12px;
  color: #999;
  margin-top: 40px;
}

@media screen and (max-width:767px) {
  .comparison-main-footer {
    padding: 20px 4%;
  }
}