body{
    text-align: right;
    direction: rtl;
}


@media (min-width: 992px) and (max-width: 1280px){

}
@media (max-width: 991px) {
    .main-menu{
        right: 0;
    }
    header .main-menu ul li .sub-menu, header .main-menu ul li .sub-menu .sub-child-menu{
        right: 0 !important;
    }
    .menu-bg{
        left: 0;
    }
}