:root {
  --row-width: auto;
  --md-row-width: 699px;
  --lg-row-width: 979px;
  --xl-row-width: 1090px;
  --bodyrow-margin-inline: 0;
}

/* logobar */
.header-wrapper {
  width: var(--row-width);
}

/* horizontal menu */
body:not(.menu-open) {
  .nav-items-wrap,
  .sub-nav-list-drpdwn.dropdown-menu > * {
    width: calc(var(--row-width) + 30px);
    margin-inline: auto;
  }
}

/* main content row */
.main > .container-fluid > .row {
  width: var(--row-width);
  margin-inline: var(--bodyrow-margin-inline);
}

/* footer */
.footer-container {
  width: var(--row-width);
  margin-inline: auto;
  padding-inline: 15px;
}

@media (min-width: 744px) {
  :root {
    --row-width: var(--md-row-width);
    --bodyrow-margin-inline: auto;
  }
  .footer-container {
    padding-inline: 0;
  }
}

@media (min-width: 1024px) {
  :root {
    --row-width: var(--lg-row-width);
  }
}

@media (min-width: 1200px) {
  :root {
    --row-width: var(--xl-row-width);
  }
}