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

#c_menu{
float:right;
border: 0px solid blue;
height: 75px;
background:# ;
margin-top: 45px;
width: 645px;
}

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

#menu{
height: 58px;
margin: 0;
/*float: right;*/
text-align: left;
border:0px solid #f00;
font-family: 'Poppins', 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: 5px 0;
margin:15px 15px;
//margin: 0;
border: purple solid 0px;
text-decoration: none;
text-align: center;
color: #fff;
background:# ;
font-size:20px;
font-weight:500;
list-style-type:square;
}

#menu li:hover {color:#fff; background:#; }
#menu li a:hover {color:#fff; background:#; border-bottom:2px solid #3E88D8;font-weight:500; }
#menu li a:active {color:#fff; border-bottom:2px solid #3E88D8 }
#menu li a.menu-logo{padding: 0px 15px;}
#menu li a.menu-logo:hover{  padding: 0px 15px;}

#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-family: 'Pragati Narrow', sans-serif;
	font-size: 0.8em;
	border:1px solid #000; margin-top:12px
    }  
	

 
 
@media screen and (min-width: 1024px) and (max-width: 1199px) {
#c_menu{
float:right;
border: 0px solid blue;
height: 75px;
background:# ;
margin-top: 5px;
width: 612px;
}

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

#menu{
height: 58px;
margin: 0;
/*float: right;*/
text-align: left;
border:0px solid #f00;
font-family: 'Poppins', 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: 5px 0;
margin:15px 15px;
//margin: 0;
border: purple solid 0px;
text-decoration: none;
text-align: center;
color: #fff;
background:# ;
font-size:20px;
font-weight:500;
list-style-type:square;
}

#menu li:hover {color:#fff; background:#; }
#menu li a:hover {color:#fff; background:#; border-bottom:2px solid #3E88D8;font-weight:500; }
#menu li a:active {color:#fff; border-bottom:2px solid #3E88D8 }
#menu li a.menu-logo{padding: 0px 15px;}
#menu li a.menu-logo:hover{  padding: 0px 15px;}

#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;
}

}
 
@media screen and (min-width: 800px) and (max-width: 1024px) {
#c_menu{
float:right;
border: 0px solid blue;
height: 75px;
background:# ;
margin-top: 5px;
width: 568px;
}

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

#menu{
height: 58px;
margin: 0;
/*float: right;*/
text-align: left;
border:0px solid #f00;
font-family: 'Poppins', 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: 5px 0;
margin:15px 15px;
//margin: 0;
border: purple solid 0px;
text-decoration: none;
text-align: center;
color: #fff;
background:# ;
font-size:18px;
font-weight:500;
list-style-type:square;
}

#menu li:hover {color:#fff; background:#; }
#menu li a:hover {color:#fff; background:#; border-bottom:2px solid #3E88D8;font-weight:500; }
#menu li a:active {color:#fff; border-bottom:2px solid #3E88D8 }
#menu li a.menu-logo{padding: 0px 15px;}
#menu li a.menu-logo:hover{  padding: 0px 15px;}

#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;
}
	}



@media screen and (min-width: 600px) and (max-width: 799px) {
#menu_responsive{display:block; float:right;   margin-top:90px; margin-right:-150px; margin-bottom:20px; border: 0px solid #f00;}
#divmenu{  width:100%; border: 0px solid#3F3; margin-top:50px; height:67px;}
    
#c_menu{
	 margin-top:136px;
    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: 'Poppins', sans-serif;
	padding: 0;
	width: 100%;
}

 #menu li a{
	width: 100%;
	background:#fff;
	color:#000000 ;
    padding:10px 0px;
	border-bottom:1px dashed #ddd;
	font-size:18px;
	font-weight:500;
	margin:0 0;
 }
		
#menu li {
	width: 100%;
	background: #006187;
	color:#fff ;
 }
 
   
#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
	background: #54B948;
	color: #fff ;
	margin-top:0px;
	margin-left:0px
}

#menu .submenu li{
    width: 100%;
    background:#54B948;
    color:  #fff ;
	font-size:18px;
	font-weight:300;
}

#menu .submenu  li  a{
  	background:#54B948;
	font-size: 15px; text-align:center;
    color:  #fff ;
    padding:18px 0px;
	border-bottom: 1px dashed #fff;
	border-top:0px solid #EDEDED;
	font-size:18px;
	font-weight:300;
	width:100%;
	margin-left:10px
}

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

#menu .submenu  li:hover a{
	font-size: 15px; text-align:center;
    background:#07386C;
	color:#fff;
    padding:18px 0px;
	border-bottom: 1px solid #A50079;
	width:100%;
	margin-left:10px;
	font-size:18px;
font-weight:300;
}
  
#menu li a.free{background:#ff6600; font-size:17px; font-weight:500; color:#fff}
#menu li a.free:hover{background:#A50079; font-size:17px; font-weight:500; color:#fff}

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

@media screen and (min-width: 320px) and (max-width: 599px) {
#menu_responsive{display:block; float:right;   margin-top:60px; margin-right:-110px; margin-bottom:20px; border: 0px solid #f00;}
#divmenu{  width:100%; border: 0px solid#3F3; margin-top:50px; height:67px;}
    
#c_menu{
	 margin-top:106px;
    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: 'Poppins', sans-serif;
	padding: 0;
	width: 100%;
}

 #menu li a{
	width: 100%;
	background:#fff;
	color:#000000 ;
    padding:10px 0px;
	border-bottom:1px dashed #ddd;
	font-size:18px;
	font-weight:500;
	margin:0 0;
 }
		
#menu li {
	width: 100%;
	background: #006187;
	color:#fff ;
 }
 
   
#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
	background: #54B948;
	color: #fff ;
	margin-top:0px;
	margin-left:0px
}

#menu .submenu li{
    width: 100%;
    background:#54B948;
    color:  #fff ;
	font-size:18px;
	font-weight:300;
}

#menu .submenu  li  a{
  	background:#54B948;
	font-size: 15px; text-align:center;
    color:  #fff ;
    padding:18px 0px;
	border-bottom: 1px dashed #fff;
	border-top:0px solid #EDEDED;
	font-size:18px;
	font-weight:300;
	width:100%;
	margin-left:10px
}

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

#menu .submenu  li:hover a{
	font-size: 15px; text-align:center;
    background:#07386C;
	color:#fff;
    padding:18px 0px;
	border-bottom: 1px solid #A50079;
	width:100%;
	margin-left:10px;
	font-size:18px;
font-weight:300;
}
  
#menu li a.free{background:#ff6600; font-size:17px; font-weight:500; color:#fff}
#menu li a.free:hover{background:#A50079; font-size:17px; font-weight:500; color:#fff}

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