@media (max-width: 1080px) {
   .header {
      height: 80px;
   }

   .header__dropdown {
      top: 80px;
   }

   .topBar {
      height: 80px;
      padding: 20px 40px;
   }

   .topBar__name {
      display: none;
   }

   .main {
      margin-left: 0;
   }

   .navBar {
      bottom: 0;
      width: 100%;
      height: 80px;
      padding-bottom: 0;
      justify-content: space-between;
      flex-direction: row;
   }

   .navBar__logo {
      display: none;
   }

   .logoIcon {
      display: none;
   }

   .logo__dark {
      width: 32px;
      display: flex;
   }

   .navBar__legalInformation {
      display: none;
   }

   .navBar__menu {
      padding: 0 20px;
   }

   .navBar__list {
      flex-direction: row;
   }

   .navBar__quicklink {
      width: 144px;
      height: 80px;
      padding: 8px 1px;
      justify-content: center;
      flex-direction: column;
      gap: 0;
      border-radius: 16px;
   }
}

@media (max-width: 820px) {
   .navBar__quicklink {
      width: 132px;
   }

   .page-back-btn--mobile-only {
      display: inline-flex;
   }
}

@media (max-width: 620px) {
   .topBar {
      padding: 20px 16px;
   }

   .help__icon {
      display: none;
   }

   .navBar__quicklink {
      width: 96px;
   }

   .header__dropdown {
      right: 16px;
   }

   .quicklink__icon {
      width: 24px;
      height: 24px;
   }
}

@media (max-width: 440px) {
   .navBar__quicklink {
      width: 80px;
   }
}

@media (max-width: 380px) {
   .navBar__menu {
      padding: 0 8px;
   }

   .navBar__list {
      gap: 6px;
   }

   .navBar__quicklink {
      width: 74px;
      gap: 2px;
      padding: 8px 0;
   }
}