.menu{display:none; margin: 0!important;}

.menu li{display: inline-block;
position: relative;
z-index:100;}

.menu li:first-child{margin-left:0;}

.menu li a {font-weight:500;
text-decoration:none;
padding:8px 11px;
display:block;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;

-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.menu li ul li a{padding-left: 25px;} 

.menu li a:hover, .menu li:hover > a{color:#ffffff;
background:#9CA3DA;}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 43px;
left: 0px;
background: #ffffff;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {font-size:12px;
font-weight:normal;
display:block;
color:#fff;
background:#2e2c2c;}

.menu ul li a:hover, .menu ul li:hover > a{
background:#1d1a1a;
color:#fff;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}

.mobile-menu{display:none;
width:100%;
padding:10px 11px 10px 37px;
background:#202223 url('http://www.salonziba.com/templates/__custom/Styles/responsive-menu-icon.png') no-repeat 10px 11px;
box-sizing: border-box;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
text-align: left;


}




@media (max-width: 800px) {

.mainWrap{width:auto;padding:50px 20px;}

.menu{display:none;}

.mobile-menu{display:block;
margin-bottom:0px; text-decoration: none;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#333;
color:#fff;
border-top:1px solid #414141;
}

.menu li a:hover, .menu li:hover > a{
background:#000;
color:#fff;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

@media (max-width: 480px) {

}


@media (max-width:800px) {
  #Menu{display: none;}
.menu{display: none;}
}