#divmenu{
width:100%;
height:65px;
border-top:#6fceed solid 4px;
position:fixed;
z-index:9999999;
}

#c_menu{
float: left;
margin-left:14%;
border: 0px solid blue;
height: 58px;
background:# ;
margin-top:23px;
width: 615px;
}

#divmenu{
margin:0px auto;
background: ;
width: 800PX;
}

#menu{
height: 58px;
margin: 0;
/*float: right;*/
text-align: left;
border:0px solid #f00;
 font-family: "Nunito Sans", sans-serif;
padding: 0;
text-align: left;

}

#menu li{
float:left;
display:block;
/*margin:9px 5px;*/
border-bottom:#000 solid 0px; 
list-style-type:square; 
}

#menu li a{
display: block;
padding: 10px 10px;
margin: 0;
border: purple solid 0px;
text-decoration: none;
text-align: center;
color: #fff;
background: ;
font-size:14px;
font-weight:700;
}

#menu li:hover {color:#000000;  }
#menu li a:hover {color:#000000;  }
#menu li a:hover {color:#000000;  }
#menu li a:active {color:#000000;   }
#menu li a.menu-logo{padding: 13px 20px;}
#menu li a.menu-logo:hover{  padding: 13px 20px;}

#menu .submenu{
width:112px;
text-align:left;
display:none;
z-index:99999;
position:absolute;
margin:0px;
background:#fff;
color:#fff;
margin-top:0px;
}


#menu .submenu  li{
 text-align:left;
display:block;
width:112px;
color:#EDEDED;
padding: 0px 10px;
margin-left:-60px
}

#menu .submenu  li  a{
display:block;
padding: 7px 10px;
border:purple solid 0px;
text-decoration: none;
text-align:left;
color:#000000;
background:#FFF;
border-top:1px solid #EDEDED;
width:140px;
}

#menu .submenu  li a:hover {
padding: 7px 10px;
color:#A50079;
background: #;
margin-left:0px;
width:140px;
}

#menu li:hover > .submenu {
display:block;
}



/***********************************RESPONSIVE*****************************************=**********************/

#menu_responsive {
	margin: 0px 0px 0px; 
	display: none;
	padding:0px;
	text-align: center;
	width:45px;
	font-size: 0.8em;
	border:1px solid #000; margin-top:12px
    }  
	
#menu_responsive img {width:25px;}
 
 
@media screen and (min-width: 1050px) and (max-width: 1199px) {
#menu_responsive{display:block; float:right; margin-top:40px ; margin-bottom:0px;  border: 0px solid #9BB841; position:relative; z-index:100}
#divmenu{width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#c_menu{
background:#FFF ;
color: #317D59 ;
margin-top:79px;
min-height:200px;
overflow:auto;
position:absolute;
left:-100%;
z-index:9999; 
border:0px solid #EDEDED;
margin-left:50%;
width: 50%;
}

#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
 font-family: "Nunito Sans", sans-serif;

padding: 0;
width: 100%;
}

#menu li a{
 width: 100%;
background:#F19001 ;
color:#fff ;
padding:10px 0px;
font-weight:700;
border-bottom:0px dashed #ddd;
font-size:17px;
}

#menu li {
width: 100%;
background: #006187;
color: /*#0078ca*/ #fff ;
}
 
#menu .submenu{
width: 100%;
display:none;
position:relative;
background: #fff;
color: /*#0078ca*/ #fff ;
margin-top:0px;
margin-left:-10px
}

#menu .submenu li{
width: 100%;
background:#fff;
color:#333 ;
font-size:16px;
}

#menu .submenu  li  a{
background:#fff;
font-size: 15px; text-align:center;
color:  #9BB841 ;
padding:18px 0px;
border: 1px dashed #333;
font-size:16px;
width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{
background:#E6007F;
color:#fff ;
width:100%;
text-shadow: 0em 0em 0em ;
}

#menu .submenu  li  a:hover{
background:#EDEDED;
font-size: 15px; text-align:center;
color:  #9BB841;
font-size:16px;
padding:18px 0px;
border: 1px dashed #333;
}

#menu{
width:100%;
height:auto;
}
}
 
@media screen and (min-width: 800px) and (max-width: 1024px) {
#menu_responsive{display:block; float:right; margin-top:51px ; margin-bottom:0px;  border: 0px solid #9BB841; position:relative; z-index:100}
#divmenu{width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#c_menu{
background:#FFF ;
color: #317D59 ;
margin-top:94px;
min-height:200px;
overflow:auto;
position:absolute;
left:-100%;
z-index:9999; 
border:0px solid #EDEDED;
margin-left:50%;
width: 50%;
}

#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
 font-family: "Nunito Sans", sans-serif;

padding: 0;
width: 100%;
}

#menu li a{
 width: 100%;
background:#F19001 ;
color:#fff ;
padding:10px 0px;
font-weight:700;
border-bottom:0px dashed #ddd;
font-size:17px;
}

#menu li {
width: 100%;
background: #006187;
color: /*#0078ca*/ #fff ;
}
 
#menu .submenu{
width: 100%;
display:none;
position:relative;
background: #fff;
color: /*#0078ca*/ #fff ;
margin-top:0px;
margin-left:-10px
}

#menu .submenu li{
width: 100%;
background:#fff;
color:#333 ;
font-size:16px;
}

#menu .submenu  li  a{
background:#fff;
font-size: 15px; text-align:center;
color:  #9BB841 ;
padding:18px 0px;
border: 1px dashed #333;
font-size:16px;
width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{
background:#E6007F;
color:#fff ;
width:100%;
text-shadow: 0em 0em 0em ;
}

#menu .submenu  li  a:hover{
background:#EDEDED;
font-size: 15px; text-align:center;
color:  #9BB841;
font-size:16px;
padding:18px 0px;
border: 1px dashed #333;
}

#menu{
width:100%;
height:auto;
}
}


@media screen and (min-width: 600px) and (max-width: 799px) {
#menu_responsive{display:block; float:right; margin-top:51px ; margin-bottom:0px;  border: 0px solid #9BB841; position:relative; z-index:100}
#divmenu{width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#c_menu{
background:#FFF ;
color: #317D59 ;
margin-top:94px;
min-height:200px;
overflow:auto;
position:absolute;
left:-100%;
z-index:9999; 
border:0px solid #EDEDED;
margin-left:50%;
width: 50%;
}

#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
 font-family: "Nunito Sans", sans-serif;

padding: 0;
width: 100%;
}

#menu li a{
 width: 100%;
background:#F19001 ;
color:#fff ;
padding:10px 0px;
font-weight:700;
border-bottom:0px dashed #ddd;
font-size:17px;
}

#menu li {
width: 100%;
background: #006187;
color: /*#0078ca*/ #fff ;
}
 
#menu .submenu{
width: 100%;
display:none;
position:relative;
background: #fff;
color: /*#0078ca*/ #fff ;
margin-top:0px;
margin-left:-10px
}

#menu .submenu li{
width: 100%;
background:#fff;
color:#333 ;
font-size:16px;
}

#menu .submenu  li  a{
background:#fff;
font-size: 15px; text-align:center;
color:  #9BB841 ;
padding:18px 0px;
border: 1px dashed #333;
font-size:16px;
width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{
background:#E6007F;
color:#fff ;
width:100%;
text-shadow: 0em 0em 0em ;
}

#menu .submenu  li  a:hover{
background:#EDEDED;
font-size: 15px; text-align:center;
color:  #9BB841;
font-size:16px;
padding:18px 0px;
border: 1px dashed #333;
}

#menu{
width:100%;
height:auto;
}
	}

@media screen and (min-width: 480px) and (max-width: 599px) {
#menu_responsive{display:block; float:right; margin-top:51px ; margin-bottom:0px;  border: 0px solid #9BB841; position:relative; z-index:100}
#divmenu{width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#c_menu{
background:#FFF ;
color: #317D59 ;
margin-top:94px;
min-height:200px;
overflow:auto;
position:absolute;
left:-100%;
z-index:9999; 
border:0px solid #EDEDED;
margin-left:50%;
width: 50%;
}

#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
 font-family: "Nunito Sans", sans-serif;

padding: 0;
width: 100%;
}

#menu li a{
 width: 100%;
background:#F19001 ;
color:#fff ;
padding:10px 0px;
font-weight:700;
border-bottom:0px dashed #ddd;
font-size:17px;
}

#menu li {
width: 100%;
background: #006187;
color: /*#0078ca*/ #fff ;
}
 
#menu .submenu{
width: 100%;
display:none;
position:relative;
background: #fff;
color: /*#0078ca*/ #fff ;
margin-top:0px;
margin-left:-10px
}

#menu .submenu li{
width: 100%;
background:#fff;
color:#333 ;
font-size:16px;
}

#menu .submenu  li  a{
background:#fff;
font-size: 15px; text-align:center;
color:  #9BB841 ;
padding:18px 0px;
border: 1px dashed #333;
font-size:16px;
width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{
background:#E6007F;
color:#fff ;
width:100%;
text-shadow: 0em 0em 0em ;
}

#menu .submenu  li  a:hover{
background:#EDEDED;
font-size: 15px; text-align:center;
color:  #9BB841;
font-size:16px;
padding:18px 0px;
border: 1px dashed #333;
}

#menu{
width:100%;
height:auto;
}
	}
	
	
	
@media screen and (min-width: 320px) and (max-width: 479px) {
#menu_responsive{display:block; float:right; margin-top:51px ; margin-bottom:0px;  border: 0px solid #9BB841; position:relative; z-index:100}
#divmenu{width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#c_menu{
background:#FFF ;
color: #317D59 ;
margin-top:94px;
min-height:200px;
overflow:auto;
position:absolute;
left:-100%;
z-index:9999; 
border:0px solid #EDEDED;
margin-left:0%;
width: 100%;
}

#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
 font-family: "Nunito Sans", sans-serif;

padding: 0;
width: 100%;
}

#menu li a{
 width: 100%;
background:#F19001 ;
color:#fff ;
padding:10px 0px;
font-weight:700;
border-bottom:0px dashed #ddd;
font-size:17px;
}

#menu li {
width: 100%;
background: #006187;
color: /*#0078ca*/ #fff ;
}
 
#menu .submenu{
width: 100%;
display:none;
position:relative;
background: #fff;
color: /*#0078ca*/ #fff ;
margin-top:0px;
margin-left:-10px
}

#menu .submenu li{
width: 100%;
background:#fff;
color:#333 ;
font-size:16px;
}

#menu .submenu  li  a{
background:#fff;
font-size: 15px; text-align:center;
color:  #9BB841 ;
padding:18px 0px;
border: 1px dashed #333;
font-size:16px;
width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{
background:#E6007F;
color:#fff ;
width:100%;
text-shadow: 0em 0em 0em ;
}

#menu .submenu  li  a:hover{
background:#EDEDED;
font-size: 15px; text-align:center;
color:  #9BB841;
font-size:16px;
padding:18px 0px;
border: 1px dashed #333;
}

#menu{
width:100%;
height:auto;
}

#menu_responsive {
	width:30px
    }  
	
#menu_responsive img {width:25px;}
}




