@media (max-width: 767px) {

  .main-header {
    grid-template-columns: 5% 20% 1fr 20% 5%;
  }

  .header-burger {
    grid-column: 2;
  }

  .header-logo {
    grid-column: 3;
    margin-left: 20px;
  }

  .header-logo img {
    padding: 0.5em 0;
  }

  .header-actions {
    grid-column: 4;
  }

}

@media (max-width: 991px) {

  .language-selector.dropdown.js-dropdown {
    display: flex;
  }

  #language-selector-label {
    padding-right: 1em;
  }

}

@media (max-width: 1199px) {

  .overlay_global {
    display: block;
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0);
    pointer-events: none;
    transition: all 0.4s;
  }

  .bwa-menu__top__wrapper.is--active + .overlay_global,
  .overlay_global.is--active {
    background: rgba(0, 0, 0, 0);
    pointer-events: all;
  }

}

@media (max-width: 1599px) {

  .header-infos > .container-primary {
    display: flex;
  }

}

@media (min-width: 1200px) {

  /*
  --------------------------------------
  Style overlay
  --------------------------------------
  */

  .overlay_global {
    display: none !important;
  }

  .overlay-global-except-header {
    display: block;
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    pointer-events: none;
    transition: all 0.35s ease-in-out;
    transform: translate3d(0, 0, 0);
  }

  .overlay-global-except-header--is-shown {
    background: rgba(0, 0, 0, .4);
    opacity: 1;
    pointer-events: all;
  }

  /*
  --------------------------------------
  Actions
  --------------------------------------
  */

  .header-actions .link-icon__text {
    display: block;
  }

}