/* Branding responsive styles */
/* Breakpoints: xxs max 415px | xs 416-568px | sm 640px | md 767px | lg 1023px | 1064px | xl 1280px | xxl 1880px | 2xl 1920px | 3xl 2500px */

/* Headline responsive */
@media (min-width: 640px) {
  .headline,
  h1.headline {
    letter-spacing: -1px;
  }
}

@media (min-width: 767px) {
  .headline,
  h1.headline {
    font-size: 44px;
    line-height: 54px;
    max-width: 100%;
  }
}

@media (min-width: 1023px) {
  .headline,
  h1.headline {
    text-align: left;
  }
}

@media (min-width: 1880px) {
  .headline,
  h1.headline {
    font-size: 60px;
    line-height: 1.1;
  }
}

/* Header responsive */
@media (min-width: 640px) {
  .header-vue .header-nav.autocontent {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 639px) {
  .header-logo-svg {
    height: 22px;
  }
}

@media (max-width: 1022px) {
  .header-hamburger {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .header-nav-desktop {
    display: flex;
  }

  .header-mega-inner {
    padding-top: 48px;
    padding-bottom: 0;
  }

  .header-mega-grid {
    grid-template-columns: 1fr 3fr;
    gap: 24px;
  }

  .header-mega-right {
    border-left: 1px solid var(--header-border);
    padding-left: 24px;
  }

  .header-mega-nav-list {
    min-height: 435px;
  }

  .header-mega-child-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .header-mobile-panel {
    display: none;
  }
}