/***** rtl css ****/
.js-form-wrapper label, .views-exposed-form label {
  width: 30% !important;
  float: right !important;
  line-height: 1.5;
}
.main-menu .navigation > li > ul {
	left:unet;
	right:0px;
}
.main-menu .navigation > li > ul > li > ul {
	left:unset;
	right: 100%;
	margin-right: 10px;
	margin-left: unset;
}
.main-menu .navigation>li>ul>li>a {text-align: right;}
.main-menu .navigation li ul>li.dropdown:after {left: 30px;right: unset;}
.main-menu .navigation > li > ul > li > ul > li > a {text-align: right;}
.main-menu .navigation>li>ul>li>ul:before {right: -10px;left: unset; }