

.sf-menurtl { clear:both; width:100%; display:block; position:relative; text-align:right; padding:0;  }
.sf-menurtl * { color:#000;      }
.sf-menurtl ul {  list-style: none outside none; margin:0; transition:all 0.4s ease; }
.sf-menurtl li { display: inline; padding: 0 0 0 3em; position: relative; }
.sf-menurtl li img { vertical-align: middle; max-height: 45px; max-width: 45px; }
.sf-menurtl ul { 	box-shadow: 2px 2px 6px rgba(0,0,0,.2);	min-width: 15em; padding:0;
	position: absolute; top: 40px; z-index: 99; width:100%; right:0; left:0; margin:auto; display:none; 
	}
.sf-menurtl ul > li > a { font-size:1.1vw; padding:10px 0; }
.sf-menurtl > li a { font-size:1.1vw; transition:all 0.4s ease; color:#fff;  }
.sf-menurtl > li ul a {  color:#000;  }
.sf-menurtl a:hover { color:#888; }
.sf-menurtl .activmenu ul { display:block; }
.activmenu > ul > li.activmenu a {   color:#888; }
.activmenu > ul > li a:hover {  color:#888; }
.sf-menurtl li:hover > ul,
.sf-menurtl li.sfHover > ul { display: block; }
.sf-menurtl ul li {	padding:10px 0; background: rgba(255, 255, 255, 0.75); width:100%; display:block; }

@media (max-width:600px){
	.sf-menurtl * { text-align:center; }
	.sf-menurtl ul > li > a { font-size:4vw;  }
	.sf-menurtl a, .sf-menurtl > li a { font-size:4vw; padding:10px 0; display:block; width:100%; }		
	.sf-menurtl li { display:table; width:100%;  }
	.sf-menurtl {  margin:0px 0 40px 0;  }
	.activmenu > ul > li.activmenu a {    }
	.sf-menurtl ul { position:relative; top: 0; }
}



