#divmenu{
width:100%;
height:65px;
border-top:#6fceed solid 4px;
position:fixed;
z-index:9999999;
}
  
#c_menu{
border: 0px solid blue;
float: right;
height: 42px;
margin-bottom: 0px;
margin-right:0px;
margin-top: 21px;
width: 550px;
background:#FFF;
position:relative; z-index:100000; 
} 

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

#menu{
list-style: none;
height: 42px;
margin: 0;
text-align: left;
border:0px solid #f00;
font-weight:500;
font-family: 'Rubik', sans-serif;
padding: 0;
}

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

#menu li a{
display: block;
padding: 28px 12px;
margin: 0;
border: purple solid 0px;
text-decoration: none;
text-align: center;
color: #333;
font-size:20px;
font-weight:400;
}

#menu li:hover { background:#191250; color:#fff; }
#menu li a:hover { background:#191250; color:#fff; }
#menu li a:hover, #menu .submenu li:hover a{ background:#191250; color:#fff; }
#menu li a:active { background:#191250; color:#fff; }

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


#menu .submenu  li{
text-align:left;
display:block;
width:220px;
color:#666;
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:#666;
background:#;
width:220px;
    
}

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


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

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

#menu_responsive {
margin: 0px 0px 0px; 
display: none;
padding:0px;
text-align: center;
width:115px;
font-family: 'Rubik', sans-serif;
font-size: 0.8em;
border:0px solid #fff; margin-top:12px; background:#191250;
}  


@media (max-width: 1034px) {          
#c_menu{ left:none !important;}
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
    
#menu_responsive{ 
border: 0 solid #f00;
display: block;
float: right;
margin-bottom: 10px;
margin-right: 0%;
margin-top: 40px;
}
   
#divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#c_menu{
background:url(../img/index/bg.jpg) ;
color: #FFF ;
margin-top:118px;
min-height:200px;
overflow:auto;
position:absolute;
left:-100%;    
z-index:9999; 
border:0px solid #EDEDED;
margin-left:50%;  
width: 50%;
border-top: 0px solid #036
}
	
#menu{
list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
font-family: 'Rubik', sans-serif;
padding: 0;
width: 100%;
}

#menu li a{
width: 100%;
background:#333;
color:#fff ;
padding:15px 0px;
font-weight:500;
border-bottom:1px dashed #fff;
font-size:16px;
}
		
#menu li {
width: 100%;
background: #fff;
color:  #333 ;
}
  
#menu .submenu{
width: 100%;
display:none;
position:relative;
background: #EDEDED;
color:  #666 ;
margin-top:0px;
margin-left:-10px
}

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

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

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

#menu .submenu  li  a:hover{
background:#EDEDED;
font-size: 15px; text-align:center;
color:#1F5CA2; 
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{ 
border: 0 solid #f00;
display: block;
float: right;
margin-bottom: 10px;
margin-right: 0%;
margin-top: 40px;
}
   
#divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#c_menu{
background:url(../img/index/bg.jpg) ;
color: #FFF ;
margin-top:110px;
min-height:200px;
overflow:auto;
position:absolute;
left:-100%;    
z-index:9999; 
border:0px solid #EDEDED;
margin-left:50%;  
width: 50%;
border-top: 0px solid #036
}
	
#menu{
list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
font-family: 'Rubik', sans-serif;
padding: 0;
width: 100%;
}

#menu li a{
width: 100%;
background:#333;
color:#fff ;
padding:15px 0px;
font-weight:500;
border-bottom:1px dashed #fff;
font-size:16px;
}
		
#menu li {
width: 100%;
background: #fff;
color:  #333 ;
}
  
#menu .submenu{
width: 100%;
display:none;
position:relative;
background: #EDEDED;
color:  #666 ;
margin-top:0px;
margin-left:-10px
}

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

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

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

#menu .submenu  li  a:hover{
background:#EDEDED;
font-size: 15px; text-align:center;
color:#1F5CA2; 
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{ 
border: 0 solid #f00;
display: block;
float: right;
margin-bottom: 10px;
margin-right: 0%;
margin-top: 28px;
}
   
#divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#c_menu{
background:url(../img/index/bg.jpg) ;
color: #FFF ;
margin-top:93px;
min-height:200px;
overflow:auto;
position:absolute;
left:-100%;    
z-index:9999; 
border:0px solid #EDEDED;
margin-left:50%;  
width: 50%;
border-top: 0px solid #036
}
	
#menu{
list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
font-family: 'Rubik', sans-serif;
padding: 0;
width: 100%;
}

#menu li a{
width: 100%;
background:#333;
color:#fff ;
padding:15px 0px;
font-weight:500;
border-bottom:1px dashed #fff;
font-size:16px;
}
		
#menu li {
width: 100%;
background: #fff;
color:  #333 ;
}
  
#menu .submenu{
width: 100%;
display:none;
position:relative;
background: #EDEDED;
color:  #666 ;
margin-top:0px;
margin-left:-10px
}

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

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

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

#menu .submenu  li  a:hover{
background:#EDEDED;
font-size: 15px; text-align:center;
color:#1F5CA2; 
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{ 
border: 0 solid #f00;
display: block;
float: right;
margin-bottom: 10px;
margin-right: 0%;
margin-top: 28px;
}
   
#divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#c_menu{
background:url(../img/index/bg.jpg) ;
color: #FFF ;
margin-top:93px;
min-height:180px;
overflow:auto;
position:absolute;
left:-100%;    
z-index:9999; 
border:0px solid #EDEDED;
margin-left:30%;  
width: 70%;
border-top: 0px solid #036
}
	
#menu{
list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
font-family: 'Rubik', sans-serif;
padding: 0;
width: 100%;
}

#menu li a{
width: 100%;
background:#333;
color:#fff ;
padding:13px 0px;
font-weight:500;
border-bottom:1px dashed #fff;
font-size:15px;
}
		
#menu li {
width: 100%;
background: #fff;
color:  #333 ;
}
  
#menu .submenu{
width: 100%;
display:none;
position:relative;
background: #EDEDED;
color:  #666 ;
margin-top:0px;
margin-left:-10px
}

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

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

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

#menu .submenu  li  a:hover{
background:#EDEDED;
font-size: 15px; text-align:center;
color:#1F5CA2; 
font-size:16px;
padding:18px 0px;
border: 1px dashed #333;
}
   
#menu{
width:100%;
height:auto;
}
}