/* Hide Dropdowns by Default */
nav ul ul {
	display: none;
	position: absolute;
	top: 85px;
	background-color:rgba(221, 220, 217, 0.8);
	right: -40px;
	
	color: #000;
	
		border-bottom-left-radius:10px;
	 border-bottom-right-radius:10px;
	 
}
 
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
    display:block;
}
     
/* Fisrt Tier Dropdown */
nav ul ul li{
    width:200px;
    float:none;
    position: relative;
    *border-bottom:none;
	text-align:center;
	border-bottom:groove 1px #FFFFFF;
	
}
 
/* Second, Third and more Tiers */
nav ul ul ul li {
    position: absolute relative;
    top:-58px; 
    right:170px;
}

/* Change this in order to change the Dropdown symbol */
li > a:before { content: ' ˅ '; font-size:6px;color: #999; margin:-20px 8px 0px 0px; } 
li > a:only-child:before { content: '';  } 

li > a.active:before {  font-size:6px;color: #fff;} 
li > a.active:only-child:before { content: '';  } 


nav ul ul ul{
    display: none;
    position: absolute;
	 top: 0px;
	 background-color: #000 transparent;
	 right:199px;
	 *border-bottom-reduis:5px;
	 *border-bottom-left-radius:10px;
	 *border-bottom-right-radius:10px;
	 *border-bottom:groove 1px #FFFFFF;
	 
}
nav ul ul  li:last{
   
	 *border-bottom-reduis:5px;
	 border-bottom-left-radius:10px;
	 border-bottom-right-radius:10px;
	 border-bottom:none;
	 
}
 
     
/* Display Dropdowns on Hover */
nav ul  ul li:hover > ul {
    display:block;
}
     
/* Fisrt Tier Dropdown */
nav ul ul ul li {
    width:200px;
    float:none;
    position: relative;
    border-bottom:none;
	text-align:center;
	border-bottom:groove 1px #FFFFFF;
}
  
/* Second, Third and more Tiers */
nav ul ul ul li {
    position:absolute relative;
    top:0px; 
    right:0px;
}

/* Change this in order to change the Dropdown symbol */
ul ul li > a:before { content: ' ˂ '; font-size:8px;color: #999; margin:-26px 15px 15px 10px; } 
ul ul li > a:only-child:before { content: '';  } 
@media(max-width:768px){
	
	nav ul ul {
	
	top: 25px;
	display: none;
	position: absolute;
	
	background-color:rgba(0, 0, 0, 0.8);
	right: -20px;
	
	color: #000;
	
		border-bottom-left-radius:10px;
	 border-bottom-right-radius:10px;
	 
}
	nav ul ul li{
    width:90px;
    
	
}
	nav ul ul ul li {
    width:90px;
    
}
nav ul ul ul{
    display: none;
    position: absolute;
	 top: 0px;
	 background-color: #000 transparent;
	 right:89px;
	
}
	
	ul ul li > a:before { content: ' ˂ '; font-size:8px;color: #999; margin:-16px 0px 5px 0px; } 
	
	}