@media only screen and (min-width: 0px) and (max-width: 991px) {

  /* Masque la navigation desktop qui réapparaît à 320px */
  /*.main-navigation,
  #header .main-navigation,
  .primary-menu,
  .menubar .main-navigation {
    display: none !important;
  }*/

  #menu {
      position: fixed;
      top: 0;
      right: 0;
      width: 300px;
      height: 100%;
      background: #213047;
      z-index: 5;
      overflow: scroll;
      padding-top: 100px;
  }

  #menu ul {
      position: unset;
      background: unset;
      border: unset;
  }

  #menu ul {
      margin: 0;
      padding: 0;
      display: block;
      margin-top: 0;
  }

  .main-header ul {
      box-shadow: unset !important;
  }

  #menu ul li {
      margin: 0 10px;
      list-style: none;
      display: block;
      line-height: 30px;
  }

  .menu-box a i {
    color: #17A4D2;
    font-size: 28px;
  }


  /* Force l'affichage du offcanvas + icône */
  #menu,
  .menu_icon {
    display: block !important;
  }
}

@media only screen and (max-width: 1060px) {
  .main-header ul a {
    font-size: 12px !important;
  }
}