div.mnavbar{float: left; position: relative; display: none;}
div.mnavbar button{float: left; color: black; cursor: pointer; border: 0;padding: 5px 10px 5px 10px; background-color: transparent;}
div.mnavbar button i.fa{font-size:25px; margin-top:3px;} 
div.mnavbar div.bnavbar{
	background-color: rgba(255,255,255,0.8); display: none; position: fixed; top: 0px; left:0px; z-index: 1000; height: 100%;width: 100%; padding: 0px; border-top: #dadada 1px solid;
}

div.mnavbar ul{width: calc(100% - 4px); background-color: white; padding: 0px; max-width: 350px; border-right: #DFDFDF 4px solid;}
div.mnavbar ul,
div.mnavbar ul li{float: left; list-style: none;margin: 0px;}
div.mnavbar ul li{padding: 10px;border-bottom: #DFDFDF 1px solid; width: calc(100% - 20px);}
div.mnavbar ul li a{text-decoration: none; color: #2F2F2F;float: left;  font-size: 18px;}
div.mnavbar ul li div.mblink a{color: #156f50;}
div.mnavbar ul li.active{background-color: #156f50;}
div.mnavbar ul li.active a{color:white;} 

div.mnavbar ul li h3{float: left; width:100%; margin:0; background-color: #D3CAAA; padding: 5px 0 5px 0;border-bottom: #B6A772 4px solid; text-align: center; font-size: 16px;}
div.mnavbar ul li h3 a{float: none; display:inline-block; font-size: 16px;}
div.mnavbar ul li h4{float: left; width: calc(100% - 2px); text-align: center; background-color: #F0F0F0; margin: 0px; font-size: 15px; font-weight: normal; padding: 5px 0 5px 0;	border:  #DBDBDB  1px solid;}
div.mnavbar ul li ul{border: #DBDBDB 1px solid; border-top:0px;}
div.mnavbar ul li ul li ul{border: 0px;border-bottom:#DBDBDB 1px solid; margin-top: 10px;}
div.mnavbar ul li ul li{border: 0px; padding: 5px;}
div.mnavbar ul li ul li a{font-weight: bold;}
div.mnavbar ul li ul li ul li{width: 25%; list-style: disc border: 0px; padding: 5px 0 5px 0;}
div.mnavbar ul li ul li ul li a{font-size: 16px; font-weight: normal;}
div.mnavbar ul li:last-child{padding: 0px; width: 100%;}
div.mnavbar div.mblink{border-bottom: #d7d7d7 4px solid; background-color: #f2f2f2;}

div.mobile-footer{
	position: fixed; bottom: 0px; left: 0px;
	width: 100%; max-width: 1280px;
	background-color: rgba(255,255,255,0.9); 
	padding: 8px 0 8px 0; border-top: #9a9a9a 1px solid; z-index: 100;
	float: left;display: none;
}
div.mobile-footer span{
	float: left; width: 25%; text-align: center;
}
div.mobile-footer span button,
div.mobile-footer span a{
	text-decoration: none; color: black;position: relative;
	display: inline-table; margin: auto; width:auto; background-color: transparent; border: 0px; cursor: pointer; font-size: 18px;
	
}
div.mobile-footer i{
	font-size: 35px; 
}
div.mobile-footer span sup{
	font-size: 16px; position: absolute; top: -5px; left: 60%;
	background-color: red; color: white; width:20px; height: 20px; border-radius: 50%;  text-align: center;
}