/* Verberg het desktop-menu onder 1181px */
@media only screen and (min-width: 981px) and (max-width: 1180px)  {
  #desktop-menu {
      display: none !important; /* Desktop-menu verbergen */
  }
  #mobiel-menu {
      display: block !important; /* Mobiel menu tonen */
  }
  #menu-home-1 {
      display: none;
  }

  .mobile_menu_bar {
      display: block !important; /* Zorg dat het icoon zichtbaar is */
      width: 20px; /* Breedte van de hamburger */
      height: 2px; /* Hoogte van elke balk */
      background-color: #4B4B4B; /* Zwarte kleur */
      margin: 10px auto;
      position: relative;
      top: -5px;

  }

  .mobile_menu_bar::before,
  .mobile_menu_bar::after {
      content: "";
      display: block;
      width: 20px;
      height: 2px;
      background-color: #4B4B4B; /* Zelfde kleur als het icoon */
      position: absolute;
      left: 0;
      transition: all 0.3s ease;
  }

  .mobile_menu_bar::before {
      top: 5px !important; /* Bovenste balk */
  }

  .mobile_menu_bar::after {
      top: 10px; /* Onderste balk */
  }

  .et_mobile_nav_menu {
      display: flex !important;
      align-items: center;
  }

  .et_mobile_nav_menu li {
      list-style-type: none;
      text-align: start;
  }

  #mobiel-menu .et_pb_menu__wrap {
      justify-content: end;
  }

  #mobiel-menu .et_pb_menu__logo-wrap {
      width: 140px;
  }

  #AdressRowNavbar h4 {
      color: white !important;
  }
  
}

/* Verberg het mobiele menu boven 1180px */
@media (min-width: 1181px) {
  #mobiel-menu {
      display: none !important; /* Mobiel menu verbergen */
  }
  #desktop-menu {
      display: block !important; /* Desktop-menu tonen */
  }
}