/*============================
	RTL CSS
============================*/

.wrapper {
    direction: rtl;
}

ul.main-menu {
    text-align: left;
}

ul.main-menu>li:after {
    left: -1px;
    right: auto;
}

ul.main-menu>li:last-child a {
    padding-right: 16px;
    padding-left: 10px;
}

.section-title .title,
.gmProduct .content {
    text-align: right;
    direction: rtl;
}

.gmProduct .rating-wrap {
    text-align: left;
}
.stars:before {
    left: auto;
    right: 0;
}
/*-------------- mobile menu -------------*/
@media only screen and (max-width: 1023px){
    .main-menu-top {
        text-align: left;
    }
    .main-menu-wrap {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }
}