.mob_nav_btn {
	display:none;
}
@media (max-width:1030px) {
  #nav {
      position:fixed;
      background:#fff;
      z-index:2;
      top:0;
      left:0;
      bottom:0;
	  overflow:auto;

	  pointer-events:none;
	  opacity:0;
      transform:translate(-120%, -10px) scale(1.6);
	  will-change:opacity, transform;

      transition:transform .3s ease-in-out;
	  transition-property:transform, opacity;
      will-change: transform;
	  padding:15px;
  }
	#head #nav li.cmsLink2 {
		display:none;
	}
	#head #nav nav li {
		display:block;
	}
	#head #nav li > ul {
		position:static;
		width:auto;
		opacity: 1;
    	transform: none;
		visibility:visible;
		box-shadow:none;
		padding:0;
		margin-bottom:15px;
		background-color:transparent;
	}
	#head #nav nav > ul > li > a.cmsInside {
		border:none;
	}
	#head #nav ul ul a {
		padding:0 5px;
		padding-left:30px;
	}
	#head #nav > nav > ul > li {
		border-bottom:1px solid currentColor;
	}
	#head #nav > nav > ul > li:last-child {
		border-bottom:none;
	}

	#head #nav {
		background:transparent;
	}
	#head #nav > nav {
	    box-shadow: rgba(0,0,0,.5) 3px 3px 15px;
		background-color: rgba(255,255,255,1);
		padding:1px 15px;
	}

  #nav li {
	  float:none;
  }
  #nav ul {
	  display:block;
	  position:static;
  }
  html.mob_nav_open #nav {
	  pointer-events:auto;
	  opacity:1;
      transform:translateX(0) scale(1);
  }

  /* overlay */
  #head::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.5);
      pointer-events: none; /* ? */
      transition:opacity .7s;
      transition-property:opacity, visibility;
      transition-duration:.7, 0;
  }
  html.mob_nav_open #head::after {
      opacity:1;
      visibility:visible;
      transition-duration:.7, .8;
  }

  /* change the button */
  .mob_nav_btn {
	display:block;
  	transition: transform .2s;
  	will-change:transform;
	position: relative;
    z-index: 1;  /* performance! */
  }
  html.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;
  }
  html.mob_nav_open .mob_nav_btn .-close {
    stroke-width:inherit;
  }
  html.mob_nav_open .mob_nav_btn .-menu {
    stroke-width:0;
  }

	html.mob_nav_open #logo_wrapper {
		z-index: 4;
	}
}