.rtl .main-nav .btn.caret-arrow {
	float: left !important;
}

.rtl .main-nav .btn.caret-arrow i {
	color: #222;
}

.rtl .main-nav .sub-menu .btn.caret-arrow i:before {
	content: "\f0d9" !important;
}

.rtl .main-nav .sub-menu .sub-menu {
	left: 0;
	right: 100%;
}

.rtl .main-nav .sub-menu .menu-item {
	padding-right: 15px;
}

.rtl nav.main-nav.active .btn {
	padding-left: 30px !important;
}

.rtl nav.main-nav.active {
	background: #fff;
	background: linear-gradient(180deg, #fff 0, rgba(244, 244, 244, .8) 100%);
}