.tab-panels-section-layout {
  margin: 0 auto;
  width: 100%;
  max-width: 1160px;
  box-sizing: border-box; }
  @media screen and (min-width: 0rem) and (max-width: 79.9375rem) {
    .tab-panels-section-layout {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (min-width: 80rem) {
    .tab-panels-section-layout {
      padding-left: 40px;
      padding-right: 40px; } }
  .tab-panels-section-layout__container {
    display: flex; }
    @media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
      .tab-panels-section-layout__container {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start; } }
    @media screen and (min-width: 64rem) {
      .tab-panels-section-layout__container {
        align-items: flex-start;
        justify-content: space-between;
        margin: 0 -2rem; } }
    .tab-panels-section-layout__container .pro-callout {
      margin: 2rem auto; }
      @media screen and (min-width: 30rem) {
        .tab-panels-section-layout__container .pro-callout {
          width: 75%; } }
      @media screen and (min-width: 48rem) and (max-width: 63.9375rem) {
        .tab-panels-section-layout__container .pro-callout {
          width: calc(70% - 1.5rem);
          margin-left: 0;
          margin-right: 0;
          align-self: flex-end; } }
      @media screen and (min-width: 64rem) {
        .tab-panels-section-layout__container .pro-callout {
          width: 30%;
          margin: 0 2rem; } }
    @media screen and (min-width: 64rem) {
      .tab-panels-section-layout__container .tab-panels {
        width: 70%;
        margin: 0 2rem; } }

/*# sourceMappingURL=tab-panels-section-layout.css.map */