.mob_nav_btn {
	display:none;
}
@media (max-width:1400px) {
	#logo > img { margin: 1rem 0; }
	#nav { margin-top:0; }
}

@media (max-width:1000px) {

	#service { display:none; }
	#mobHead#mobHead {
		display:flex;
		gap:.7rem;
		margin-left:auto;
		align-items: center;
		& u2-ico {
			--size: 2.1rem;
		}
	}
	#mob_langs {
		display:block;
		padding: 0 2rem 2rem 2rem;
	}
	#nav {
		position:fixed;
		background:#fff;
		z-index:2;
		inset:0;
		top: 4.4rem;
		overflow:auto;
		transform:translateX(-100%);
		transition:transform .2s;
		will-change: transform;
		align-items:center;
		justify-content:center;
	}
	#nav > nav {
		padding:2rem;
		max-width:max-content;
		margin:0;
		box-sizing: border-box;
	}
	#nav > nav > ul {
		display:block;
	}
	#nav nav li > ul {
		position:static;
		visibility: visible;
		transform:none;
		opacity:1;
		box-shadow:none;
		padding:0;
	}
	#nav > nav > ul > li > a {
		padding:.9rem 0 .4rem 0;
		border:0;
	}
	#nav > nav > ul > li > ul > li {
		padding:0 0 0 1rem;
		padding:0;
	}
	#nav ul {
	  display:block;
	  position:static;
	}
	body.mob_nav_open #nav {
	  transform:translateX(0);
	}

	/* overlay */
	zzz#container:after {
	  content:'';
	  opacity:0;
	  visibility:hidden;
	  position:fixed;
	  z-index:1;
	  top:0;left:0;right:0;bottom:0;
	  background:rgba(0, 0, 0, 0.4);
	  pointer-events: none; /* ? */
	  transition:opacity .7s;
	}
	body.mob_nav_open #container:after {
	  opacity:1;
	  visibility:visible;
	}

	/* change the button */
	.mob_nav_btn {
		display:block;
		transition: transform .2s;
		will-change:transform;
		position: relative;
		align-self:center;
		z-index: 2;
	}
	body.mob_nav_open .mob_nav_btn {
		transform:rotate(270deg);
	}
	.mob_nav_btn g {
		transition:stroke-width .1s;
		will-change:stroke-width;
	}
	.mob_nav_btn .-close {
		stroke-width:0;
	}
	body.mob_nav_open .mob_nav_btn .-close {
		stroke-width:inherit;
	}
	body.mob_nav_open .mob_nav_btn .-menu {
		stroke-width:0;
	}
}