@font-face { font-family: 'Montserrat', sans-serif;  src: url("Montserrat-Medium.otf");}

#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:5%;
    margin-top: 0px;
    width: 600x;
}
   

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

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

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

#menu li a{
	display: block;
	padding: 39px 14px;
	margin: 0;
	border: purple solid 0px;
	text-decoration: none;
	text-align: center;
	color:#000;
	font-size:18px;
	font-weight:600;
}


#menu li a:hover {color:#850202; background:# }


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


#menu .submenu  li{
	text-align:left;
	display:block;
	width:170px;
	color:#7D7E7F;
	padding: 0px 10px;
	margin-left:-45px  
}

#menu .submenu  li  a{
    display:block;
    padding: 7px 10px;
    border-bottom:0px solid#ccc;
    text-decoration: none;    
    text-align:left;
	color:#fff;
	background:#;
	width:240px;   
}

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

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



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

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

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

   
 

@media screen and (min-width: 650px) and (max-width: 1055px) {
#menu_responsive{display:block; float:right; margin-top:28px ; margin-right:25px; border: 0px solid #f00;}
#divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#c_menu{
    background:#000;
    color: #fff ;
 	margin-top:100px;
    min-height:186px;
    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: 'Montserrat', sans-serif;
	padding: 0;
	width: 100%;
}

#menu li a{
    width: 100%;
    background:#850202;
	color: #FFF;
    padding:15px 0px;
	border-bottom:1px dashed #ccc;
	font-size:20px;
	font-weight:600
}
		
#menu li {
	width: 100%;
	background: #006187;
	color: #fff ;
 }
 
   
#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
	background: #fff;
	color:  #fff ;
	margin-top:0px;
	margin-left:-10px
}

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

#menu .submenu  li  a{
	background:#F9F9F9;
	font-size: 15px; text-align:center;
    color:  #232323 ;
    padding:18px 4px;
	border-bottom: 1px dashed #333;
	font-size:20px;
	width:100%;
}

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

   #menu .submenu  li  a:hover{
    background:#FFC900;
	font-size: 15px; text-align:center;
    color:  #FFF;
	font-size:20px;
    padding:18px 4px;
	border-bottom: 1px dashed #333;
}
   
#menu{ width:100%; height:auto;}

    }
    

@media screen and (min-width: 480px) and (max-width: 649px) {
#menu_responsive{display:block; float:right; margin-top:28px ; margin-right:25px; border: 0px solid #f00;}
#divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#c_menu{
    background:#000;
    color: #fff ;
 	margin-top:100px;
    min-height:186px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:40%;  
	width: 60%;
}

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

#menu li a{
    width: 100%;
    background:#850202;
	color: #FFF;
    padding:15px 0px;
	border-bottom:1px dashed #ccc;
	font-size:18px;
	font-weight:600
}
		
#menu li {
	width: 100%;
	background: #006187;
	color: #fff ;
 }
 
   
#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
	background: #fff;
	color:  #fff ;
	margin-top:0px;
	margin-left:-10px
}

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

#menu .submenu  li  a{
	background:#F9F9F9;
	font-size: 15px; text-align:center;
    color:  #232323 ;
    padding:15px 4px;
	border-bottom: 1px dashed #333;
	font-size:18px;
	width:100%;
}

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

   #menu .submenu  li  a:hover{
    background:#FFC900;
	font-size: 15px; text-align:center;
    color:  #FFF;
	font-size:18px;
    padding:15px 4px;
	border-bottom: 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:28px ; margin-right:25px; border: 0px solid #f00;}
#divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#c_menu{
    background:#000;
    color: #fff ;
 	margin-top:100px;
    min-height:186px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:30%;  
	width: 70%;
}

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

#menu li a{
    width: 100%;
    background:#850202;
	color: #FFF;
    padding:15px 0px;
	border-bottom:1px dashed #ccc;
	font-size:17px;
	font-weight:600
}
		
#menu li {
	width: 100%;
	background: #006187;
	color: #fff ;
 }
 
   
#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
	background: #fff;
	color:  #fff ;
	margin-top:0px;
	margin-left:-10px
}

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

#menu .submenu  li  a{
	background:#F9F9F9;
	font-size: 15px; text-align:center;
    color:  #232323 ;
    padding:15px 4px;
	border-bottom: 1px dashed #333;
	font-size:17px;
	width:100%;
}

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

   #menu .submenu  li  a:hover{
    background:#FFC900;
	font-size: 15px; text-align:center;
    color:  #FFF;
	font-size:17px;
    padding:15px 4px;
	border-bottom: 1px dashed #333;
}
   
#menu{ width:100%; height:auto;}


    }