/* Give the horizontal brand lockup room without compressing navigation. */
.header.pyramid-brand-header .header-wrapper { background: #fff !important; }
.header.pyramid-brand-header .header-wrapper > .container > .row > div {
  float: none;
  width: 100%;
}
.header.pyramid-brand-header .logo {
  display: block;
  margin: 0 auto;
  padding: 12px 0 4px;
  width: 359px;
  max-width: 100%;
  height: auto !important;
  line-height: 1;
}
.header.pyramid-brand-header .logo a { display: block; }
.header.pyramid-brand-header .logo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  max-height: none;
}
.header.pyramid-brand-header .right-box-wrapper {
  float: none;
  display: block;
  width: 100%;
}
.header.pyramid-brand-header .primary { float: none; text-align: center; }
@media (min-width: 992px) {
  .header.pyramid-brand-header .navbar-nav { float: none; display: inline-block; vertical-align: top; }
}
@media (max-width: 991px) {
  .header.pyramid-brand-header .logo { width: 320px; padding: 12px 10px 4px; }
  .header.pyramid-brand-header .primary { display: block; width: 100%; margin: 0; text-align: left; }
  .header.pyramid-brand-header .primary .navbar { width: 100%; margin-top: 0; }
  .header.pyramid-brand-header .primary .navbar-collapse { width: 100% !important; left: 0 !important; right: 0 !important; margin-left: 0; margin-right: 0; }
  .header.pyramid-brand-header .navbar-toggle { margin-top: 6px; margin-bottom: 8px; }
}