nav{
    background: transparent;
    padding: 0;
    margin: 0;
}

.mobile-nav{display:none}
.menu{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menu li{
    float: left;
}
.menu li a{
  display: inline-block;
  padding: 10px 15px;
  color: #fff;
  text-decoration: none;
}

.wrapper{
    max-width: 1024px;
    padding: 10px;
    margin: 0px auto; 
}


.menuToggle{  
    color: #fff;
    /*padding: 10px 15px;*/
    cursor: pointer;
    display: none;
}
body{
    height: 100%;
}

@media( max-width: 640px){
header .nav .phone{margin-top: -10px;}
header{    margin-top: 0px; position:fixed; left:0; top:0; background: #000; padding:10px 0 0 0; z-index: 9999;}
header .nav{    padding: 0px 0.77rem 0;}
.mobile-nav {display:block; /*position:fixed; top:0; left:0; width:100%;*/ height: 35px; float:left;
    background: #000;
    z-index: 99999;}
.mobile-nav .wrapper{padding: 0px;}

    .menuToggle{
        display: block;
    }
    .menu{
        display: none;
        position: absolute;
        background: #000;
        width: 100%;
        margin-left: -10px;
        padding-left: 10px;
    top: 35px;
    }
    .menu li{
        float: none;
    }


/*гамбургер */
#menuToggle {
  overflow: hidden;
/*  position: absolute;
left:5px;
top:5px; */
 /* width: 100%;
  height: 100%; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#menuToggle input {
  display: flex;
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer;
  opacity: 0; /* hide input */
  z-index: 1; /* top of the menu */
}

#menuToggle span{
  width: 40px;
  height: 4px;
  margin-bottom: 6px;
  background: #fff;
  border-radius: 4px;
  -webkit-transition: all .5s cubic-bezier(.08,.81,.87,.71);
  -moz-transition: all .5s cubic-bezier(.08,.81,.87,.71);
  -ms-transition: all .5s cubic-bezier(.08,.81,.87,.71);
  -o-transition: all .5s cubic-bezier(.08,.81,.87,.71);
  transition: all .5s cubic-bezier(.08,.81,.87,.71);
}

#span1 {
  transform-origin: 4px 0px;
}

#span3 {
  transform-origin: bottom right;
}

#menuToggle input:checked ~ #span1 {
  background-color: #fff;
  transform: rotate(45deg) translate(8px);
}
#menuToggle input:checked ~ #span2 {
  background-color: #fff;
  transform: rotate(495deg) translate(4px);   
}
#menuToggle input:checked ~ #span3 {
  background-color: #fff;
  transform: rotate(45deg);
  opacity: 0;
}




}