.show-menu {
	text-decoration: none;
	color: #fff;
    font-size: 1.2em;
	background-image: url(../pics/menu.png);
    background-position: 90% center;
    background-repeat: no-repeat;
    background-color: #333;
	padding: 0 8px  ;
    height: 37px;
    line-height: 37px;
	display: none;
    opacity:1;
    border: 1px solid #fff;
    width: 120px;
    border-radius: 4px;
   
}


#navi  input#show-menu:checked ~ .show-menu {
    background-image: url(../pics/close.png);
    color: #fff;
    opacity:1;
    border: 0;
    margin-bottom: 10px;
    background-color: #666;
    padding-left: 0;
    
}

.show-menu:hover,
#navi  input#show-menu:checked ~ .show-menu:hover {
   opacity:.7;
   cursor: pointer;
    
}

#navi input#show-menu {
    display: none;
    height: 10px;
}




/*Responsive Styles*/

@media screen and (max-width : 850px){
    
    #header {
        
        padding-top: 60px;
    }
    
    #navi { 
        text-align: left;  
        font-size: 1.1em; 
        position: absolute !important;
        top: 0;
        background: #666;
        padding: 7px 2%;
        width: 100%;
        
        
    }
    
    #menu {
        
        margin-left: -2%;
        padding-left: 2%;
		display: none;
        height: 0;
        border-top: 5px solid #666;
        border-bottom: 20px solid #666;  
        background: #666;
       
    }
    
    #navi  input#show-menu:checked ~ #menu {
        display: block;
        height: auto;
        
    }
    
    
    #navi .headersearch  input { 
        background-color: #666; 
        border: 0;
        background-image: url(../pics/search-header-resp.png);
        
    }
    
    #navi .headersearch input:focus,#navi .headersearch input:active { 
        max-width: 250px; 
        min-width: 200px;
        width: 90%;
        top: 50px;  
    }
        
	#navi  #menu li {
		border: 1px dotted #eee;
        display: block;
        border-width: 1px 0 0 0;
        float: none;   
        padding: 0 15px 0 0;
        line-height: 1.3em;
        font-size: 1.1em;
        clear: left;
        text-transform: uppercase;
           
	}
    
     #navi #menu ul li {
        
        padding-left: 15px;
        border: 0;
        font-size: .9em;
        line-height: 1.3em; 
        text-transform: none;
    }
    #navi  #menu li a {
        
        font-weight: normal;
        color: #fff;
       
	}
    
   
    
    #navi #menu .current-menu-item .sub-menu a { 
        color: #fff ;
    
    }
    
     #navi #menu li, #navi  #menu li a {
		display: block;
        white-space: normal !important;
        line-height:auto; 
        height:auto;
       
         
	}

    .show-menu {
		display:block;
       
	}
}