body {
	direction: rtl;
	unicode-bidi: embed;
}
nav li {  
	float: right;  
} 
av li a {  
	border-right: 1px solid #576979;  
	border-left: 0;  
}  
nav li:last-child a {  
	border-left: 0;  
}  	
@media screen and (max-width: 900px) {  
	nav li {  
		float: right;  
	}  
	nav li a {  
		border-bottom: 1px solid #576979;  
		border-left: 1px solid #576979;  
		border-right: 0;  
	}  
	nav a {  
		text-align: right;  
	}  
}  	
@media only screen and (max-width : 480px) {  
	nav a#pull:after {  
		left: 15px;  
		right:auto;
	}  
}  	
.topnav a.icon {
  left: 5px;
  right: auto;
}
.text-start {
	text-align: right !important;
  }
  
  .text-end {
	text-align: left !important;
  }