nav {
    display: block;
    position: relative;
    padding: 0 10px;
}
    

    .showmenu {
        
    }

    nav ul {
        margin: 0;
        padding: 0;
    }
    
        nav ul li {
            display: inline-block;
            list-style-type: none;
            position: relative;
        }
            
            nav ul li a {
                color: #1b1c1d;
                display: inline-block;
                font-size: 15px;
                padding: 10px;
                text-transform: uppercase;
            }
                
                nav ul li:hover a, nav ul li.current-menu-item a, nav ul li.current-menu-parent a {
                    background-color: #f3f4f5;
                    color: #FFF;
                    text-decoration: none;
                }
            
                nav ul li a:focus {
			        text-decoration: none;
			        color: #fff;
            	}
            
            
            nav ul li .touch-button {
                display: none;
                cursor: pointer;
                padding: 10px 10px 10px 5px;
            }
            
            nav ul ul {
                display: none;
            }
            
/* BEGIN OF MOBILE STYLE */            
@media screen and (max-width: 5000px) {
    nav {
        display: block;
        float: none;
    }
        
    nav ul {
        border: 1px solid #e9eaeb;
        border-bottom: 0;
		text-align: left;
        display: block;
    }
    
        nav ul li {
            display: block;
            border-bottom: 1px solid #e9eaeb;
        }
        
        
        nav ul li .touch-button {
            display: block;
            position: absolute;
            top: 0px;
            right: 5px;
        }
        
            nav ul li .touch-button .navicon {
                font-style: normal;
            }
        
        nav ul ul {
            border: 0;
            display: none;
            margin: 0;
        }
        
            nav ul ul li {
                background-color: #FFF;
                border: 0;
                text-align: left;
            }
            
                nav ul ul li.current-menu-item {
                    background-color: #f3f4f5;
                }
            
                nav ul ul li a, nav ul li:hover ul li a {
                    background-color: #FFF;
                    color: #6e7882;
                    display: block;
                    font-size: 14px;
                    white-space: nowrap;
                }
            
    
    nav .menu {
        display: none;
    }
    
    .showmenu {
        color: #1b1c1d;
        display: block;
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
        padding: 15px;
    }
    
}
/* END OF MOBILE STYLE */   

/* BEGIN OF NON-MOBILE STYLE */   
@media screen and (min-width: 5000px) {
 
    
    nav ul ul {
        background-color: #FFF;
        border: 1px solid #e9eaeb;
        border-bottom: 0;
        min-width: 225px;
        position: absolute;
        text-align: left;
        z-index: 200;
    }
    
        nav ul ul li {
            display: block;
            border-bottom: 1px solid #e9eaeb;
        }
        
            nav ul li ul li a, nav ul li:hover ul li a {
                background-color: #FFF;
                color: #000;
                display: block;
                font-size: 14px;
                text-transform: capitalize;
                white-space: nowrap;
            }
            
                nav ul li:hover ul li a:hover {
                    background-color: #000;
                    color: #FFF;
                }
}
/* END OF NON-MOBILE STYLE */