#navi-mob {
  display: inline-block;
}
.navi-mobhide { display:none!important}



#navi-mob .custom-mobnav > li {border-bottom:1px solid #2fc357;}
#navi-mob .custom-mobnav li { }
#navi-mob .custom-mobnav li a { color:#fff;}
#navi-mob .custom-mobnav li ul li { position:relative; border-bottom:1px solid #333}
#navi-mob .custom-mobnav li ul li a { text-transform:initial; padding:10px 30px!important; font-size:12px; border:0!important;}
#navi-mob .custom-mobnav li ul li a::before {
    content:'';
    width:5px;
    height:5px;
    background: #fff;
    display:block;
    position:absolute;
    left:13px;
    top:16px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    -ms-border-radius:100px;
    -o-border-radius:100px;
    border-radius:100px;
}
#navi-mob .custom-mobnav li ul > li:hover > a {}
#navi-mob .custom-mobnav li ul li ul li {}
#navi-mob .custom-mobnav li ul li ul li a { padding:10px 50px}
#navi-mob .custom-mobnav li ul li ul li a::before { left:30px}

#navi-mob .custom-mobnav li ul li ul li ul li a { padding:10px 70px}
#navi-mob .custom-mobnav li ul li ul li ul li a::before { left:50px}

#navi-mob .custom-mobnav li:hover > a {  color:#fff}
#navi-mob .menupop { display:none }
.mnav-menu { background:#27b24d;
    margin: 0;
    width:100%;
    display: block;
    padding-left: 0;
    list-style-type: none;
    position:absolute;
    z-index:91;
    right:0;
    top:80px;
}
.mnav-menu-item {
    display: inline-block;
}
.mnav-menu-item a { font-size:13px;
    text-transform:uppercase;
    display: block;
    padding: 10px 10px;
}
.mnav-submenu {  background:#222!important;
    position: absolute;
    padding-left: 0;
    z-index: 9999;
    display: none;
    list-style-type: none;
}
.mnav-submenu-item a {
    padding-left: 20px;
}
.mnav-mobile-btn { margin-right:4%;
    height: 35px;
    width: 35px;
    display: none;
    cursor: pointer;
    position: absolute;
    top: 6px;
    background-image: url('../images/mobile-nav-icon.svg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #27b24d;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.mnav-open-close {
    display: none;
    float: right;
}
.mnav-mobile-arrow::before {
    content: "\f0d7";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    background:#222;
    width:25px;
    height:30px;
    cursor:pointer;
    text-align:center;
    line-height:29px;
    padding:4px;
}

.mnav-mobile-arrow-mirror {
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}

@media only screen and (max-width:  1024px) { /* Set to width according to BASE */
    #navi-mob {
    }

    .navi-mobhide { display:block!important}
    .mnav-mobile-btn {
        display: block;
    }

    .mnav-menu {
        display: none;
        padding: 0;
    }

    .mnav-menu-item {
        float: none;
        position: relative;
        display: block;
        width: 100%;
    }

    .mnav-open-close {
        display: block;
    }

    .mnav-submenu {
        width: 100%;
        position: relative;
    }

    .mnav-submenu-item a {
        display: block;
    }
}

/* for 415px or less */
@media screen and (max-width: 415px) {
    #navi-mob { top:15px; width:100%;}
    .mnav-menu {width:100%;position:absolute;/* top:70px */}
}