.menu1{
	list-style-type:none;
	background-color:#fff;
	padding:10px;
	margin:0px;
	position:absolute;
	display:none;
	width:250px;
	min-width: auto;
    box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.2);
    z-index: 1;

}
.menu2{
	list-style-type:none;
	display:none;
	padding:0px;
	margin-left:200px;
	top:0px;
	position:absolute;
	width:250px;
	padding:10px;
	background-color:#fff;
	 box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.2);
    z-index: 1;
	text-decoration:none;
	
	
}
ul li:hover .menu1{
	display:block;
}
.menu1 li:hover .menu2{
	display:block;
	color:#548235;
}
ul li {
	position:relative;
}
.menu1 li{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}
.menu1 li a{
	text-decoration:none;
}
.menu1 li :hover{
	color:#548235;
}
hr{
		margin:5px;
}
.menu1 > .menu-font > .a1 {
	    font-family: 'Open Sans', helvetica, arial, sans-serif;
    color: #5b5b5b;
    font-size: 10px;
    line-height: 10px;
	   font-weight: lighter;
	 
}
.menu2 > .menu-font > .a1 {
color: #5b5b5b;
    font-size: 10px;
    line-height: 20px;
	font-weight: lighter;
}
@media screen and (max-width: 400px) {
    ul.sidenav li a {
        text-align: center;
        float: none;
    }
}
@media screen and (max-width: 480px) {
 ul.sidenav li a {
        text-align: center;
        float: left;
    }
}