.nav-menu{margin:70px 0 0 0; padding:0; list-style:none;  float:right; position:relative; text-align:left; z-index:10;}
.nav-menu li{display:inline-block; padding: 0 ; margin: 0 10px;}
.nav-menu li > a{text-decoration:none; font-size:15px; color:#604f3d; line-height:40px; font-weight:500; display:block; font-family:title-font,Roboto; text-transform:uppercase;}
.nav-menu li > ul{transition:.3s; padding:0 10px 15px 10px; margin-left:10px; position:absolute; top:100%; right:0; display:none; width:100%;
                background:rgba(255,255,255,.95); border-radius:5px;   transition:.3s;
}
.nav-menu li > ul > li{ width: 33.33333333%; float:left; margin:15px 0 0 0; padding:0 10px;}
.nav-menu li > ul > li a{text-transform:none; line-height:normal; color:#a15641; font-weight:bold; padding:0; display:block; padding-bottom:5px; font-size: 13px;
  font-family: "Roboto", "segoe ui", Helvetica, Arial, sans-serif;}
.nav-menu li:hover > ul{display:block;}
.nav-menu > li:hover{box-shadow:inset 0 -2px #a15641;}
.nav-menu > li:hover > a{color:#a25641}
.nav-menu li > ul > li > ul{display:block; position:inherit; width:100%; padding:0; margin:0; }
.nav-menu li > ul > li > ul > li{display:block; width:100%; margin:0; padding:0;}
.nav-menu li > ul > li > ul > li > a{color:rgba(0,0,0,.75); font-size:12px; font-weight:500; padding: 4px 0; transition:.3s; position:relative; padding-left:12px;}
.nav-menu li > ul > li > ul > li > a:hover{color:#a15641;}
.nav-menu li > ul > li > ul > li > a:before{content: "\f105";   font-family: 'FontAwesome'; float:left; margin-right:5px; font-size:13px; margin-top:3px; position:absolute; top:1px; left:0;}

/* Menu mobile */
.panel-menu{position:fixed; overflow-y:auto; overflow-x:hidden; text-align:center; top:0; left:-240px; height:100%; width:240px; background:#a25742; display:block; z-index:120; transition:.3s;  }
.panel-menu.active{left:0;}
header .nav-toggle-menu{width:35px; height:35px; display:none; margin: 16px 0 0 10px; float:left; line-height:33px; text-align:center; border: 1px solid rgba(0,0,0,.1); background:#a25641; color:rgba(255,255,255,.9); font-size:21px; text-decoration:none; position:absolute; right:15px; top:60px}
header .nav-toggle-menu:focus,
header .nav-toggle-menu:hover{color:#fff; text-decoration:none;}

.panel-menu .nav-toggle-menu{  text-align:center;  display:block; font-size:12px; font-weight:normal; float:left; position:absolute; top:0; right:0;}
.panel-menu .nav-toggle-menu i{font-weight:normal; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size:17px; font-weight:100; line-height:25px; width:25px; height:25px; display:block; float:left; color:#fff; 
}

.panel-menu a.logo{display:inline-block; margin-top:30px;}

@media (max-width: 991px) {
    .nav-menu{display:none;}
    
    header .nav-toggle-menu{display:block;}

    .nav-menu-mobile{text-align:left; color:#fff; padding:15px 20px; margin-top:20px; list-style:none}
    .nav-menu-mobile li{padding:0; margin:0;}
    .nav-menu-mobile li > a{color:#fff; text-transform:uppercase; text-decoration:none; padding: 9px 0; display:block; font-size:13px; font-weight:bold; border-bottom: 1px solid rgba(255,255,255,.15); width:100%; }
    .nav-menu-mobile li ul{list-style:none; margin:0 0 10px 0px; padding:0; width:100%; float:left; }
    .nav-menu-mobile li ul li a{color:#fff; margin-top:0; text-transform:none; font-weight:500; padding: 7px 18px; position:relative; float:left; }
    .nav-menu-mobile li ul li a:before{content: "\f196";   font-family: 'FontAwesome'; position:absolute; top:5px; left:0; font-size:14px; color:rgba(255,255,255,.7)}
    .nav-menu-mobile li ul li.active a:before{content: "\f147"; color:#fff; }
    .nav-menu-mobile li ul li ul{margin: 0 0 0 0px; list-style:none; padding:0; float:left; position:relative; width:100%;}
    .nav-menu-mobile li ul li ul li{float:left; display:block; width:100%; position:relative;}
    .nav-menu-mobile li ul li ul li a{font-size:12px; padding-left:10px; color:rgba(255,255,255,.8); font-weight:300;}
    .nav-menu-mobile li ul li ul li a:hover{color:#fff;}
    .nav-menu-mobile li ul li.active ul li a:before{content: "\f0da"; font-size:12px; top:6px;}
}

/* Medium Desktops  */
@media (min-width:992px) and (max-width:1199px) {
    .nav-menu li{margin: 0 5px;}
    .nav-menu li > ul{width:750px;}
}