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


   
#c_menu{
	border: 0px solid blue;
    float: right;
    width: 600;
	margin: 0px auto 0px;	
	overflow:hidden; 
	  height: 42px;
	  margin-top:60px;
	  margin-right:-245px;
}
   

#divmenu{   margin:0px auto;    background: #FFF;    }

#menu{
	list-style: none;
	height: 49px;
	margin: 0;
	text-align: left;
	border:0px solid #f00;
	 font-family: 'Open Sans', sans-serif;
	padding: 0;
}

#menu li{
    float:left;
    display:block;
    border-bottom:#000 solid 0px;  
}

#menu li a{
display: block;
padding: 10px 12px;
margin: 0;
border: purple solid 0px;
text-decoration: none;
text-align: center;
color: #FFF;
font-size:16px;
font-weight:500;
}
#menu li:hover {color:#232323; }
#menu li a:hover {color:#232323; }

#menu .submenu li:hover a{color:#232323;}

#menu li a:active {color:#232323; }

#menu .submenu{
    width:140px;
    text-align:left;
    display:none;
    z-index:99999;
    position:absolute;
    margin:0px;
    background:#1A6C73;
	margin-top:0px;

}


#menu .submenu  li{
 text-align:left;
display:block;
width:160px;
padding: 0px 10px;
margin-left:-45px
   
}
#menu .submenu  li  a{
    display:block;
    padding: 7px 10px;
    border:purple solid 0px;
    text-decoration: none;    
    text-align:left;
	color:#fff;
	margin-left:-5px;
	width:160px;   
}

#menu .submenu  li a:hover {
    padding: 7px 10px;
    color:#232323;
    background: #F4F4F4;
	margin-left:0px;
	width:160px;
	margin-left:-5px;
}



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



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

#menu_responsive {
	margin: 0px 0px 0px; 
	display: none;
	padding:0px;
	text-align: center;
	width:45px;
	 font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
	border:1px solid #000; margin-top:12px
    }  
	


@media screen and (min-width: 1100px) and (max-width: 1200px) {
#c_menu{
	border: 0px solid blue;
    float: right;
    width: 600;
	margin: 0px auto 0px;	
	overflow:hidden; 
	  height: 42px;
	  margin-top:60px;
	  margin-right:-160px;
}
   

#divmenu{   margin:0px auto;    background: #FFF;    }

#menu{
	list-style: none;
	height: 49px;
	margin: 0;
	text-align: left;
	border:0px solid #f00;
	 font-family: 'Open Sans', sans-serif;
	padding: 0;
}

#menu li{
    float:left;
    display:block;
    border-bottom:#000 solid 0px;  
}

#menu li a{
display: block;
padding: 10px 12px;
margin: 0;
border: purple solid 0px;
text-decoration: none;
text-align: center;
color: #FFF;
font-size:16px;
font-weight:500;
}
#menu li:hover {color:#333; }
#menu li a:hover {color:#333; }

#menu .submenu li:hover a{color:#333;}

#menu li a:active {color:#333; }

}
    
 
@media screen and (min-width: 900px) and (max-width: 1099px) {
#menu_responsive{display:block; width:60px; float:right; text-align:right; margin-right:-115px;  margin-top:75px; border:0px}
#divmenu{  width:60px; border: 0px solid#3F3; margin-top:50px; height:67px;}
    
#c_menu{
	 margin-top:125px;
    min-height:224px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:0px;  
	width: 50%;
	margin-left:50%
}

#menu{
	list-style: none;
	height: 100%px;
	margin: 0;
	float: left;
	text-align: left;
	border:0px solid #f60;
	font-family: 'Asap', sans-serif;
	padding: 0;
	width: 100%;
}

 #menu li a{
	width: 100%;
	background:#22949C ;
	color:#fff ;
    padding:18px 0px;
	font-weight:600;
	border-bottom:1px dashed #bbb;
	font-size:16px;
 }
		
#menu li {
	width: 100%;
	background: #fff;
	color:#fff ;
 }
 
   
#menu .submenu{
    width: 92%;
    display:none;
    position:relative;
	background: #fff;
	color: #fff ;
	margin-top:0px;
}

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

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

#menu li a:hover, #menu .submenu li:hover a{
background:#EDEDED;
color:#22949C;
width:100%;
}

#menu .submenu  li  a{	margin-left:5px; border-bottom: 1px dashed #bbb;}


#menu .submenu  li  a:hover{
	background:#fff;
	font-size: 15px; text-align:center;
    color:  #88737A;
	font-size:16px;
    padding:18px 0px;
	border-bottom: 1px dashed #bbb;
	margin-left:5px;
}
   
#menu{
 width:100%;
height:auto;
}
 }
 
@media screen and (min-width: 600px) and (max-width: 899px) {
#menu_responsive{display:block; width:60px; float:right; text-align:right; margin-right:-115px;  margin-top:75px; border:0px}
#divmenu{  width:60px; border: 0px solid#3F3; margin-top:50px; height:67px;}
    
#c_menu{
	 margin-top:125px;
    min-height:224px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:0px;  
	width: 50%;
	margin-left:50%
}

#menu{
	list-style: none;
	height: 100%px;
	margin: 0;
	float: left;
	text-align: left;
	border:0px solid #f60;
	font-family: 'Asap', sans-serif;
	padding: 0;
	width: 100%;
}

 #menu li a{
	width: 100%;
	background:#22949C ;
	color:#fff ;
    padding:18px 0px;
	font-weight:600;
	border-bottom:1px dashed #bbb;
	font-size:16px;
 }
		
#menu li {
	width: 100%;
	background: #fff;
	color:#fff ;
 }
 
   
#menu .submenu{
    width: 92%;
    display:none;
    position:relative;
	background: #fff;
	color: #fff ;
	margin-top:0px;
}

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

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

#menu li a:hover, #menu .submenu li:hover a{
background:#EDEDED;
color:#22949C;
width:100%;
}

#menu .submenu  li  a{	margin-left:5px; border-bottom: 1px dashed #bbb;}


#menu .submenu  li  a:hover{
	background:#fff;
	font-size: 15px; text-align:center;
    color:  #88737A;
	font-size:16px;
    padding:18px 0px;
	border-bottom: 1px dashed #bbb;
	margin-left:5px;
}
   
#menu{
 width:100%;
height:auto;
}
	}



@media screen and (min-width: 480px) and (max-width: 599px) {
#menu_responsive{display:block; width:60px; float:right; text-align:right; margin-right:-115px;  margin-top:55px; border:0px}
#divmenu{  width:60px; border: 0px solid#3F3; margin-top:50px; height:67px;}
    
#c_menu{
	 margin-top:103px;
    min-height:224px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:0px;  
	width: 75%;
	margin-left:25%
}

#menu{
	list-style: none;
	height: 100%px;
	margin: 0;
	float: left;
	text-align: left;
	border:0px solid #f60;
	font-family: 'Asap', sans-serif;
	padding: 0;
	width: 100%;
}

 #menu li a{
	width: 100%;
	background:#22949C ;
	color:#fff ;
    padding:18px 0px;
	font-weight:600;
	border-bottom:1px dashed #bbb;
	font-size:16px;
 }
		
#menu li {
	width: 100%;
	background: #fff;
	color:#fff ;
 }
 
   
#menu .submenu{
    width: 92%;
    display:none;
    position:relative;
	background: #fff;
	color: #fff ;
	margin-top:0px;
}

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

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

#menu li a:hover, #menu .submenu li:hover a{
background:#EDEDED;
color:#22949C;
width:100%;
}

#menu .submenu  li  a{	margin-left:5px; border-bottom: 1px dashed #bbb;}


#menu .submenu  li  a:hover{
	background:#fff;
	font-size: 15px; text-align:center;
    color:  #88737A;
	font-size:16px;
    padding:18px 0px;
	border-bottom: 1px dashed #bbb;
	margin-left:5px;
}
   
#menu{
 width:100%;
height:auto;
}
}


@media screen and (min-width: 320px) and (max-width: 479px) {
#menu_responsive{display:block; width:60px; float:none; text-align:right;  border:0px; margin: 0px auto 0px;	overflow:hidden; margin-top:10px; }
#divmenu{  width:60px; border: 0px solid#3F3; margin-top:50px; height:67px;}
    
#c_menu{
	 margin-top:13px;
    min-height:224px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:0px;  
	width: 70%;
	margin-left:15%
}

#menu{
	list-style: none;
	height: 100%px;
	margin: 0;
	float: left;
	text-align: left;
	border:0px solid #f60;
	font-family: 'Asap', sans-serif;
	padding: 0;
	width: 100%;
}

 #menu li a{
	width: 100%;
	background:#22949C ;
	color:#fff ;
    padding:14px 0px;
	font-weight:600;
	border-bottom:1px dashed #bbb;
	font-size:16px;
 }
		
#menu li {
	width: 100%;
	background: #fff;
	color:#fff ;
 }
 
   
#menu .submenu{
    width: 92%;
    display:none;
    position:relative;
	background: #fff;
	color: #fff ;
	margin-top:0px;
}

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

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

#menu li a:hover, #menu .submenu li:hover a{
background:#EDEDED;
color:#22949C;
width:100%;
}

#menu .submenu  li  a{	margin-left:5px; border-bottom: 1px dashed #bbb;}


#menu .submenu  li  a:hover{
	background:#fff;
	font-size: 15px; text-align:center;
    color:  #88737A;
	font-size:16px;
    padding:14px 0px;
	border-bottom: 1px dashed #bbb;
	margin-left:5px;
}
   
#menu{
 width:100%;
height:auto;
}
}