#nav-wrap nav #menu-toggle {display:none;}
#nav-wrap nav .main-menu {display:block;}

@media only screen and (max-width: 767px) {

#nav-wrap nav #menu-toggle {display:block; padding:0 10px; text-align:center; color:#986e31; line-height:30px; font-size:16px; text-decoration:none;}

#nav-wrap nav {width:auto; max-width:480px;}
#nav-wrap nav .main-menu {display:none; text-align:center;}
#nav-wrap nav .main-menu li {display:block; margin:0; font-size:16px; border-top:1px solid #FFF;}
#nav-wrap nav .main-menu li a {display:block; padding:0 10px; background: #ddd;}

#nav-wrap nav .main-menu li a .bg {display:none;}
#nav-wrap nav .main-menu li .sub-menu {display:block; position:static; top:auto; left:auto; right:auto; padding:0; background:none;}
#nav-wrap nav .main-menu li .sub-menu .col-wrap {width:auto !important; padding:0 !important; }
#nav-wrap nav .main-menu li .sub-menu .col-wrap .col {display:block; width:auto;}
#nav-wrap nav .main-menu li .sub-menu .col-wrap .col h3 {float:none; width:auto; margin:0; font-size:15px; border-top:1px solid #FFF;}
#nav-wrap nav .main-menu li .sub-menu .col-wrap .col h3 a {display:block; padding:0 20px; line-height:40px; color:#5c5c5c; text-align: center;}
#nav-wrap nav .main-menu li .sub-menu .col-wrap .col h3 a:hover, #nav-wrap nav .main-menu li .sub-menu .col-wrap .col h3 a:active, #nav-wrap nav .main-menu li .sub-menu .col-wrap .col h3 a:focus {color:#986e31;}
#nav-wrap nav .main-menu li .sub-menu .col-wrap .col ul {display:none; width:auto;}
#nav-wrap nav ul li a {line-height: 32px;}
#nav-wrap nav .main-menu li .sub-menu .col-wrap .col h3 a {line-height: 32px;}
#nav-wrap .bg {display: none!important;}
#nav-wrap .main-menu li .sub-menu a {background: #ededed;}

}