@media (min-width: 576px) {
  .sub-nav {
      .container {
          max-width: 540px !important;
      }
  }
  .yellow-main-nav {
    .container {
        max-width: 540px !important;
    }
  }
  .container.bread-move {
    max-width: 540px !important;
  }
  .container.hide-not {
    max-width: 540px !important;
  }
}

@media (min-width: 768px) {
  .sub-nav {
      .container {
          max-width: 720px !important;
      }
  }
  .yellow-main-nav {
    .container {
        max-width: 720px !important;
    }
  }
  .container.bread-move {
    max-width: 720px !important;
  }
  .container.hide-not {
    max-width: 720px !important;
  }
}

@media (min-width: 992px) {
  .yellow-main-nav {
    .container {
        max-width: 900px !important;
    }
  }
  .sub-nav {
      .container {
          max-width: 900px !important;
      }
  }
  .container.bread-move {
    max-width: 900px !important;
  }
  .container.hide-not {
    max-width: 900px !important;
  }
}

@media (min-width: 1200px) {
  .yellow-main-nav {
    .container {
        max-width: 1140px !important;
    }
  }
  .sub-nav {
      .container {
          max-width: 1140px !important;
      }
  }
  .container.bread-move {
    max-width: 1140px !important;
  }
  .container.hide-not {
    max-width: 1140px !important;
  }
}

@media (min-width: 1475px) {
  .yellow-main-nav {
    .container {
        max-width: 1400px !important;
    }
  }
  .sub-nav {
      .container {
          max-width: 1400px !important;
      }
  }
  .container.bread-move {
    max-width: 1400px !important;
  }
  .container.hide-not {
    max-width: 1400px !important;
  }
}