Please check now. Added this css code inside the custom.css file.
div#sp-menu {
display: flex;
flex: auto;
justify-content: flex-end;
}
@media screen and (max-width: 900px) and (min-width: 320px) {
div#menu-right {
padding-left: 0px;
}
.menu-with-offcanvas.d-flex.justify-content-between.flex-auto {
display: none !important;
}
#sp-logo.has-border {
padding-right: 0px;
}
div#sp-menu {
display: flex;
justify-content: flex-end;
}
}
@media screen and (max-width: 1366px){
#sp-header.full-header-left .menu-with-offcanvas #offcanvas-toggler, #sp-header.full-header-center .menu-with-offcanvas #offcanvas-toggler, #sp-header.header-with-modal-menu .menu-with-offcanvas #offcanvas-toggler, #sp-header.lg-header .menu-with-offcanvas #offcanvas-toggler, #sp-header.header-with-social .menu-with-offcanvas #offcanvas-toggler {
display: flex !important;
}
ul.sp-megamenu-parent.menu-animation-fade-up.d-none.d-lg-block {
display: none !important;
}
div#sp-menu {
display: flex;
flex: auto;
justify-content: flex-end;
}
}