.menu-wrapper-mobile {

  display: none;

}

.navigation {

    width: 100%;
    padding:30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 900;
    transition: 300ms;
    background-color: var(--color-primair) !important;
	background-image:url('../../../images/bg-pattern-transparent.png');background-size:1920px auto;background-position:top center;
    top: 0px;left:0;

}


.logo-nav-top {    width: 278px;    display: block;}

.navigation .navigation-row {

    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;

}

.navigation .menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 30px;
}

.navigation ul  li {
    display: inline-block;
}

.navigation ul > li > a {
    font-size: 17px;
    color: var(--color-secundair);
    font-weight: 500;
    font-family: var(--font-gotham-narrow);
    transition: 300ms;

}

.navigation ul > li > a:hover {
    color: var(--color-light);
}



.nav-left, .nav-right {
    width: auto;
}

.nav-right {

   margin-left:auto;align-items:center;

}


/* mobile menu */

.burger-icon {

  display: none;
  background-image: url('../../../images/icons/menu-icon.svg');
  width: 25px;
  height: 25px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

}

.menu-close-btn {

  display: none;
  background-image: url('../../../images/icons/menu-close.svg');
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 100%;
  top: 30px;
  margin-left: -55px;

}

.mobile-lang {

  display: none;

}

.pll-parent-menu-item a {

  width: 30px;
  height: 20px;
  display: block;

}

.pll-parent-menu-item > a img {

  display: none;

}

.lang-duits {

  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../../../images/icons/country-flags/germany.svg');

}

.lang-en {

  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../../../images/icons/country-flags/united-kingdom.svg');

}

.lang-nl {

  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../../../images/icons/country-flags/netherlands.svg');

}


@media only screen and (max-width: 938px) {
	
	.logo-nav-top {		width: 170px;}
	.navigation {padding:20px 0;}
	

	.navigation ul > li.pll-parent-menu-item > a {display:none}
	
	
	
  #menu-main-menu .pll-parent-menu-item {

    display: none !important;

  }

  .menu-wrapper-mobile {

    display: block;

  }

  .menu-wrapper-desktop {

    display: none;

  }

  .menu-main-container {

    margin-bottom: 50px;
    transform: translateX(0px);

  }

  .menu-wrapper-mobile .input-wrapper {

    margin-bottom: 50px;

  }

  .mobile-menu-contacts {

    width: 80%;
    margin: 20px auto;
    position: relative;

  }

  .mobile-menu-contacts li {

    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-left: 0px !important;
    margin-bottom: 10px;

  }

  .mobile-menu-contacts li a {

    font-size: 18px;
    color: white;
    font-weight: 700;

  }

  .mobile-menu-contacts li a.icon-facebook {

    width: 40px;
    height: 40px;
    display: inline-block;
    background-image: url('../../../images/icons/facebook.svg');
    background-position: center;
    background-size: 150%;
    background-repeat: no-repeat;
    transform: translate(50px, 5px);

  }

  .mobile-menu-contacts li a.icon-linkedin {

    width: 40px;
    height: 40px;
    display: inline-block;
    background-image: url('../../../images/icons/linkedin.svg');
    background-position: center;
    background-size: 150%;
    background-repeat: no-repeat;
    transform: translate(37px, 5px);

  }

  .menu-wrapper {

    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: var(--color-dark);
    z-index: 9999;
    left: 0px;
    top: -120%;
    transform: translateX(0px) !important;

  }

  .menu-close-btn {

    display: block;
    top: 50px;

  }

  .menu-item a {

    color: white !important;

  }
	.menu-item li:hover >a {color:var(--color-light)!important}

  .menu-wrapper .menu-main-menu-container {

    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;

  }

  .menu-wrapper .menu-main-menu-container ul {

    width: 100%;display:block

  }

  .menu-wrapper .menu-main-menu-container ul li {

    display: block !important;
    text-align: center;
    margin-bottom: 20px;
    margin-left: 0px;

  }

  .menu-wrapper .menu-main-menu-container ul li a {

    font-size: 20px;

  }

  .burger-icon {

    display: inline-block;

  }

  .menu-privacy {

    margin: 25px auto;
    text-align: center;
    color: white;
    font-weight: 700;
    font-size: 20px;
    display: block;

  }

  .mobile-lang {

    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 25px;

  }

  #menu-mobile-lang {

    transform: translateY(0px);
    height: 25px;

  }

  .menu-mobile-lang-container {

    height: 25px;

  }

  .pll-parent-menu-item {

    margin-left: 0px !important;
    width: 25px !important;
    height: 25px;
    position: relative !important;
    left: 0px !important;
    transform: translateY(0px);

  }

  .pll-parent-menu-item a {

    width: 25px;
    height: 25px;
    display: block;

  }

  .pll-parent-menu-item a img {

    min-width: 100%;
    max-height: auto;

  }

  .sub-menu {

    width: 45px !important;
    margin-left: -10px !important;
    height: 65px !important;

  }

  .sub-menu li {

    width: 25px !important;
    height: 25px !important;

  }

  .sub-menu li a {

    width: 25px !important;
    height: 25px !important;

  }


}
