#rt-main-toggle-menu,
.responsive-menu-wrap {
display: none;
}
.mobile-menu-icon {
position: fixed;
float: right;
left: 0;
top: 0;
height: 55px;
width: 55px;
line-height: 50px;
text-align: center;
cursor: pointer;
color: #000;
-webkit-transition: left 0.3s ease-in, background 0.3s ease-in;
-moz-transition: left 0.3s ease-in, background 0.3s ease-in;
transition: left 0.3s ease-in, background 0.3s ease-in;
z-index: 1000;
}
.rt-mobile-menu-toggle {
-webkit-transition: left 0.3s ease-in;
-moz-transition: left 0.3s ease-in;
transition: left 0.3s ease-in;
left: 0;
}
.rt-dashboard-push-left .rt-mobile-menu-toggle {
left: 0;
}
.mobile-menu-icon {
font-size: 24px;
}
.minimal-logo-overlay,
.minimal-menu-overlay,
.rt-menu-overlay {
position: fixed;
right: 0;
top: 0;
float: left;
z-index: 99;
width: 50%;
height: 100%;
display: none;
}
body:not(.mobile-mode-active) .rt-mobile-menu-outer:after {
content: " ";
position: fixed;
right: 0;
top: 0;
opacity: 0;
float: left;
z-index: 98;
width: 0%;
height: 100%;
display: block;
background-color: transparent;
}
.rt-mobile-menu-outer:after {
width: 0%;
}
.rt-menu-overlay {
height: 100%;
width: 0%;
}
body:not(.mobile-mode-active) .rt-mobile-menu .rt-dashboard-columns {
margin: 0;
}
body .rt-mobile-menu-outer,
body .minimal-logo-overlay,
body .rt-menu-overlay {
-webkit-transition: width 0.3s ease-in;
-moz-transition: width 0.3s ease-in;
transition: width 0.3s ease-in;
}
body .rt-mobile-menu-outer:after {
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.menu-is-onscreen .rt-mobile-menu-outer,
.menu-is-onscreen:not(.mobile-mode-active) .minimal-logo-overlay {
width: 580px;
}
.menu-is-onscreen .rt-menu-overlay {
width: 35%;
}
.menu-is-onscreen:not(.mobile-mode-active) .rt-mobile-menu-outer:after {
width: 100%;
opacity: 1;
}
.menu-is-onscreen:not(.mobile-mode-active).menu-is-closing .rt-mobile-menu-outer:after {
opacity: 0;
}
.menu-is-onscreen:not(.mobile-mode-active) .minimal-logo-overlay {
opacity: 1;
}
.minimal-logo:not(.mobile-mode-active) .rt-mobile-menu {
width: 100%;
left: 0;
right: auto;
top: 0;
}
.menu-is-onscreen:not(.mobile-mode-active) .minimal-logo-overlay {
width: 600px;
left: 0;
right: auto;
top: 0;
}
.minimal-logo-overlay {
display: block;
}
.menu-is-onscreen .minimal-logo:not(.mobile-mode-active) .minimal-logo-overlay {
left: 0;
width: 610px;
}
.menu-is-closing .rt-mobile-menu-toggle,
.menu-is-onscreen .rt-mobile-menu-toggle {
background: none;
}
.minimal-menu-overlay,
.minimal-logo-overlay,
.rt-menu-overlay { background: #030315;
}
.rt-menu-bg {
height: 100%;
display: block;
}
.simple-menu,
.theme-is-light .simple-menu {
background: rgba(55, 55, 55, 1);
}
.rt-mobile-menu,
.theme-is-light .rt-mobile-menu {
width: 100%;
}
.header-is-simple .rt-mobile-menu {
right: 0;
top: 0;
}
.simple-menu.menu-push-onscreen,
.rt-mobile-menu.menu-push-onscreen {
visibility: visible;
opacity: 1;
right: 0;
-webkit-transition: right 1s, opacity 1s;
transition: right 1s, opacity 1s;
}
.display-menu-item-image {
border-radius: 100%;
position: absolute;
left: -79px;
width: 50px;
height: 50px;
top: 50%;
margin-top: -28px;
-webkit-transform: scale(0.7);
transform: scale(0.7);
opacity: 0;
-webkit-transition: height 300ms ease-out, width 300ms ease-out, border 300ms ease-out, opacity 0.8s, transform 0.5s;
-moz-transition: height 300ms ease-out, width 300ms ease-out, border 300ms ease-out, opacity 0.8s, transform 0.5s;
-ms-transition: height 300ms ease-out, width 300ms ease-out, border 300ms ease-out, opacity 0.8s, transform 0.5s;
transition: height 300ms ease-out, width 300ms ease-out, border 300ms ease-out, opacity 0.8s, transform 0.5s;
border: 5px solid rgba(255, 255, 255, 0.15);
}
.menu-item small {
font-size: 10px;
font-weight: 500;
letter-spacing: 4px;
margin-bottom: 7px;
color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
display: block;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.rt-tree-open.menu-item small {
opacity: 0;
}
ul.rt-tree {
margin-left: 0;
padding: 18px 35px;
}
ul.rt-tree ul {
margin-left: 1em;
}
ul.rt-tree li {
list-style: none;
position: relative;
}
ul.rt-tree a {
display: block;
font-size: 14px;
font-weight: 400;
letter-spacing: -0.25px;
text-decoration: none;
}
ul.rt-tree ul li a {
display: block;
font-size: 12px;
letter-spacing: -0.25px;
text-decoration: none;
}
ul.rt-tree a {
-webkit-transition: color 300ms ease-out, border-color 300ms ease-out;
-moz-transition: color 300ms ease-out, border-color 300ms ease-out;
-ms-transition: color 300ms ease-out, border-color 300ms ease-out;
-o-transition: color 300ms ease-out, border-color 300ms ease-out;
transition: color 300ms ease-out, border-color 300ms ease-out;
text-decoration: none;
}
ul.rt-tree ul {
margin-left: 0;
}
ul.rt-tree li.rt-tree-node {
position: relative;
}
ul.rt-tree li.rt-tree-node > a:after {
color: #fff;
font-size: 12px;
font-weight: 100;
position: absolute;
right: 0;
top: 50%;
font-family: "fontawesome";
}
ul.rt-tree ul.sub-menu li:last-child {
padding-bottom: 28px;
}
ul.rt-tree li.rt-tree-open > a:after {
content: "\f107";
-webkit-transform: translateY(0) rotate(180deg);
transform: translateY(0) rotate(180deg);
right: 3px;
}
ul.rt-tree li {
padding-bottom: 0;
opacity: 0;
-webkit-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
-moz-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
-ms-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
-o-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
position: relative;
bottom: 0;
}
.vertical-menu ul.rt-tree li {
opacity: 1;
}
ul.rt-tree > li {
bottom: -5px;
}
ul.rt-tree > li::before {
position: absolute;
content: " ";
width: 7px;
height: 1px;
background: rgba(255, 255, 255, 1);
left: -22px;
top: 23px;
border-radius: 100%;
opacity: 0.3;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
ul.rt-tree > li.rt-tree-open::before {
opacity: 1;
}
ul.rt-tree li.rt-tree-closed > a:after {
content: "\f107";
}
ul.rt-tree li > a:after {
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
ul.rt-tree ul > li:first-child {
margin-top: 1px;
}
ul.rt-tree li > a:hover {
color: #fff;
}
.rt-mobile-menu ul.rt-tree ul > li ul li a {
padding-left: 20px !important;
font-size: 14px !important;
line-height: 24px !important;
}
ul.rt-tree a {
padding: 5px 0px 5px 0;
color: #fff; }
ul.rt-tree a:hover {
color: #fff;
}
ul.rt-tree ul.sub-menu {
display: none;
}
.vertical-menu nav,
.simple-menu nav,
.rt-mobile-menu nav,
.header-is-simple .rt-mobile-menu nav {
text-align: left;
}
.simple-menu ul.rt-tree,
.header-is-simple .rt-mobile-menu ul.rt-tree,
.mobile-social-header .social-header-wrap {
width: 360px;
margin: 0;
margin-top: 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rt-mobile-menu ul.rt-tree {
width: auto;
max-width: 290px;
margin: 0 auto;
}
.simple-menu ul.rt-tree a,
.rt-mobile-menu ul.rt-tree a {
font-size: 18px;
line-height: 20px;
letter-spacing: 2px;
font-weight: 400;
padding: 12px 0;
position: relative;
}
.simple-menu ul.rt-tree .sub-menu a,
.rt-mobile-menu ul.rt-tree .sub-menu a {
padding: 6px 0;
font-size: 15px;
line-height: 30px;
font-weight: 400;
letter-spacing: 1.6px;
color: #D9D8E1;
}
.simple-menu ul.rt-tree .sub-menu .sub-menu a,
.header-is-simple .rt-mobile-menu ul.rt-tree .sub-menu .sub-menu a {
font-size: 12px;
line-height: 12px;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
}
.vertical-menu ul.rt-tree ul.sub-menu,
.simple-menu ul.rt-tree ul.sub-menu,
.rt-mobile-menu ul.rt-tree ul.sub-menu,
.header-is-simple .rt-mobile-menu ul.rt-tree ul.sub-menu {
margin: 0;
}
.simple-menu ul.rt-tree li.rt-tree-node > a::after,
.rt-mobile-menu ul.rt-tree li.rt-tree-node > a::after,
.header-is-simple ul.rt-tree li.rt-tree-node > a::after {
top: 30px;
line-height: 0;
}
.rt-mobile-menu ul.rt-tree a {
padding: 14px 0;
position: relative;
}
.simple-menu ul.rt-tree li li.rt-tree-node > a::after,
.rt-mobile-menu ul.rt-tree li li.rt-tree-node > a::after,
.header-is-simple ul.rt-tree li li.rt-tree-node > a::after {
top: 18px;
}
.theme-is-light .simple-menu ul.rt-tree a {
color: #000;
}
.theme-is-light .rt-mobile-menu .simple-menu ul.rt-tree a {
color: #000;
}
.theme-is-light .simple-menu ul.rt-tree li li a {
color: #fff;
}
.theme-is-light .rt-mobile-menu ul.rt-tree a,
.header-is-simple.theme-is-light .rt-mobile-menu ul.rt-tree a {
color: rgba(255, 255, 255, 0.9);
}
.theme-is-light .rt-mobile-menu ul.rt-tree li li a,
.header-is-simple.theme-is-light .rt-mobile-menu ul.rt-tree li li a {
color: rgba(255, 255, 255, 0.9);
}
.theme-is-light .rt-mobile-menu ul.rt-tree li li a:hover,
.header-is-simple.theme-is-light .rt-mobile-menu ul.rt-tree li li a:hover,
.theme-is-light .rt-mobile-menu ul.rt-tree li > a:hover,
.theme-is-light .rt-mobile-menu ul.rt-tree a:hover {
color: rgba(255, 255, 255, 1);
}
.rt-mobile-menu,
.simple-menu {
padding-top: 0;
}
.simple-menu,
.rt-mobile-menu {
background: #fff;
color: #000;
width: 35%;
position: fixed;
right: 0;
top: 0;
padding-top: 130px;
float: left;
z-index: 1001;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
height: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: right 0.5s, opacity 0.5s, visibility 0.5s;
transition: right 0.5s, opacity 0.5s, visibility 0.5s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rt-mobile-menu-outer {
width: 590px;
position: fixed;
left: 0;
top: 0;
float: left;
z-index: 1001;
overflow: hidden;
height: 0%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.minimal-logo:not(.mobile-mode-active) .rt-mobile-menu {
position: absolute;
}
.rt-mobile-menu {
color: #fff;
background: none;
}
.rt-mobile-menu-inner-wrap {
margin: 0 auto;
padding: 110px 0;
}
.rt-mobile-menu ul.rt-tree {
padding: 0;
} #toggle-menu {
display: block;
}
.minimal-menu .social-sharing-toggle {
right: 50px;
}
.minimal-menu.minimal-menu-fadein .social-sharing-toggle,
.minimal-menu.minimal-menu-fadein .social-header-wrap,
.minimal-menu.minimal-menu-fadein .homemenu {
-webkit-animation: minimalmenu-fadein 1s;
-moz-animation: minimalmenu-fadein 1s;
-ms-animation: minimalmenu-fadein 1s;
-o-animation: minimalmenu-fadein 1s;
animation: minimalmenu-fadein 1s;
opacity: 1;
}
@keyframes minimalmenu-fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes minimalmenu-fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes minimalmenu-fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes minimalmenu-fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.minimal-menu.minimal-menu-fadeout .social-sharing-toggle,
.minimal-menu.minimal-menu-fadeout .social-header-wrap,
.minimal-menu.minimal-menu-fadeout .homemenu {
-webkit-animation: minimalmenu-fadeout 1s;
-moz-animation: minimalmenu-fadeout 1s;
-ms-animation: minimalmenu-fadeout 1s;
-o-animation: minimalmenu-fadeout 1s;
animation: minimalmenu-fadeout 1s;
opacity: 0;
}
@keyframes minimalmenu-fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-moz-keyframes minimalmenu-fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes minimalmenu-fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-o-keyframes minimalmenu-fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.toggle-menu-trigger {
position: absolute;
top: 35px;
left: 35px;
display: block;
width: 25px;
height: 50px;
cursor: pointer;
z-index: 130;
}
.sticky-menu-on .toggle-menu-trigger {
display: none;
}
.toggle-menu-trigger span {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 3px;
margin-top: -3px;
font-size: 0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s;
}
.toggle-menu-open .toggle-menu-trigger span,
.fullscreen-slide-dark .toggle-menu-open .toggle-menu-trigger span,
.fullscreen-slide-light .toggle-menu-open .toggle-menu-trigger span {
background-color: transparent;
}
.toggle-menu-trigger span:before,
.toggle-menu-trigger span:after {
position: absolute;
left: 0;
width: 100%;
height: 100%;
content: '';
-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s;
}
.toggle-menu-trigger span:before,
.toggle-menu-trigger span:after,
.toggle-menu-open .toggle-menu-trigger span:before,
.toggle-menu-open .toggle-menu-trigger span:after,
.toggle-menu-trigger span {
background: #000;
}
.toggle-menu-trigger span:before {
-webkit-transform: translateY(-350%);
transform: translateY(-350%);
}
.toggle-menu-trigger span:after {
-webkit-transform: translateY(350%);
transform: translateY(350%);
}
.toggle-menu-open .toggle-menu-trigger span:before {
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
.toggle-menu-open .toggle-menu-trigger span:after {
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
} #simple-toggle-menu .rt-main-toggle-menu-trigger {
left: 32px;
}
.rt-main-toggle-menu-trigger {
position: fixed;
top: 0;
right: 5px;
display: block;
width: 65px;
height: 65px;
cursor: pointer;
z-index: 1010;
-webkit-transition: top 0.3s;
transition: top 0.3s;
}
#minimal-toggle-menu .rt-main-toggle-menu-trigger {
top: 144px;
left: 50px;
}
.top-header-present #minimal-toggle-menu .rt-main-toggle-menu-trigger {
top: 59px;
}
.menu-is-onscreen #minimal-toggle-menu .rt-main-toggle-menu-trigger {
top: 14px;
}
.sticky-menu-on #minimal-toggle-menu .rt-main-toggle-menu-trigger {
top: 14px;
}
.rt-main-toggle-menu-trigger span {
position: absolute;
top: 50%;
left: 18px;
display: block;
width: 23px;
height: 4px;
font-size: 0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s;
}
.rt-main-toggle-menu-open .rt-main-toggle-menu-trigger span,
.fullscreen-slide-dark .rt-main-toggle-menu-open .rt-main-toggle-menu-trigger span,
.fullscreen-slide-light .rt-main-toggle-menu-open .rt-main-toggle-menu-trigger span {
background-color: transparent;
}
.rt-main-toggle-menu-trigger span:before,
.rt-main-toggle-menu-trigger span:after {
position: absolute;
left: 0;
width: 100%;
height: 100%;
content: '';
-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s;
}
.rt-main-toggle-menu-trigger span:before,
.rt-main-toggle-menu-trigger span:after,
.rt-main-toggle-menu-trigger span,
.rt-main-toggle-menu-open .rt-main-toggle-menu-trigger span:after {
background: #FC1542;
}
.minimal-logo:not(.mobile-mode-active).fullscreen-header-dark:not(.menu-is-onscreen) .rt-main-toggle-menu-open .rt-main-toggle-menu-trigger span {
background: transparent;
}
.rt-main-toggle-menu-trigger span:before,
.rt-main-toggle-menu-trigger span:after,
.rt-main-toggle-menu-trigger span,
.rt-main-toggle-menu-open .rt-main-toggle-menu-trigger span:after {
background: #FC1542;
}
.rt-main-toggle-menu-open .rt-main-toggle-menu-trigger span {
background: transparent !important;
}
.menu-is-onscreen .rt-main-toggle-menu-open .rt-main-toggle-menu-trigger span {
background: transparent;
}
.rt-main-toggle-menu-trigger span:before {
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
}
.rt-main-toggle-menu-trigger span:after {
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
.rt-main-toggle-menu-open .rt-main-toggle-menu-trigger span:before {
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
.rt-main-toggle-menu-open .rt-main-toggle-menu-trigger span:after {
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
.rt-mobile-menu .rt-dashboard-columns {
max-width: 450px;
width: 100%;
margin: 0 auto;
float: right;
}
.rt-mobile-menu ul.rt-tree {
margin-bottom: 48px;
}
.toggle-main-menu:not(.mobile-mode-active) .rt-menu-overlay,
.toggle-main-menu:not(.mobile-mode-active) #rt-main-toggle-menu,
.toggle-main-menu:not(.mobile-mode-active) .rt-main-toggle-menu-trigger {
display: block;
}
.toggle-main-menu:not(.mobile-mode-active) .rt-main-toggle-menu-trigger {
position: absolute;
right: 25px;
top: 14px;
left: auto;
}
.vertical-menu ul.rt-tree ul.sub-menu li:last-child a {
border: 0;
}
.vertical-menu ul.rt-tree .sub-menu li.rt-tree-node > a::after {
top: 13px;
}
.vertical-menu ul.rt-tree li > a:hover,
.vertical-menu ul.rt-tree a:hover {
color: #fff;
}
.vertical-menu ul.rt-tree a {
color: rgba(255, 255, 255, 0.8);
}
.vertical-menu ul.rt-tree .sub-menu .sub-menu a {
color: rgba(255, 255, 255, 0.5);
}
.vertical-menu ul.rt-tree li.rt-tree-open > a {
color: rgba(255, 255, 255, 1);
}
.rt-mobile-menu .vertical-menu ul.rt-tree a {
color: rgba(255, 255, 255, 0.5);
}
.vertical-menu ul.rt-tree li li a {
color: rgba(255, 255, 255, 0.5);
}
.vertical-menu ul.rt-tree > li::before {
height: 1px;
left: -22px;
top: 16px;
}
.vertical-menu ul.rt-tree a {
font-size: 13px;
line-height: 13px;
letter-spacing: 1.5px;
font-weight: 400;
padding: 10px 0;
position: relative;
}
.vertical-menu ul.rt-tree ul.sub-menu {
margin: 0;
}
.vertical-menu ul.rt-tree .sub-menu a {
padding: 6px 0;
}
.vertical-menu ul.rt-tree ul.sub-menu a {
padding: 7px 0;
}
.vertical-menu ul.rt-tree li li.rt-tree-node > a::after {
top: 18px;
}
.vertical-menu-wrap ul.rt-tree {
padding: 0 55px 40px 40px;
}
.vertical-menu ul.rt-tree li.rt-tree-node > a::after {
top: 16px;
line-height: 0;
}
.vertical-menu-wrap ul.rt-tree li > a:after {
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transform-origin: center center;
}
.rt-menu-background-image {
position: relative;
bottom: -40px;
right: 0;
float: right;
}
.rt-menu-btm-area {
position: relative;
bottom: -40px;
left: 60px;
right: 0;
float: left;
}
.rt-menu-logo {
margin-bottom: 20px;
width: 100%;
}
.rt-menu-logo img {
width: 30%;
}
.rt-menu-text {
margin-bottom: 20px;
font-size: 18px;
}
.rt-social-link {
margin: 0;
padding: 0;
}
.rt-social-link ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.rt-social-link ul li {
float: left;
padding-right: 10px;
}
.rt-social-link ul li i {
color: #fff;
}#rt-main-toggle-menu,
.minimal-menu-overlay,
.rt-menu-overlay,
.rt-menu-wrap {
display: block;
}
.menu-is-vertical {
top: 0;
}
.responsive-titles {
display: block;
}
@media only screen and (max-width: 767px) {
.menu-is-onscreen .rt-menu-overlay {
width: 100%;
}
#rt-main-toggle-menu,
.minimal-menu-overlay,
.rt-menu-overlay,
.rt-menu-wrap {
display: block;
}
.rt-mobile-menu ul.rt-tree {
width: 100% !important;
}
.rt-menu-btm-area {
left: 0 !important;
}
.rt-mobile-menu ul.rt-tree {
width: auto;
max-width: 350px !important;
}
.rt-mobile-menu {
width: 100% !important;
padding: 110px 30px 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.menu-is-onscreen .rt-menu-overlay {
width: 100%;
}
#rt-main-toggle-menu,
.minimal-menu-overlay,
.rt-menu-overlay,
.rt-menu-wrap {
display: block;
}
.rt-menu-btm-area {
left: 0;
}
.rt-mobile-menu ul.rt-tree {
width: 100% !important;
}
.rt-menu-btm-area {
left: 30% !important;
}
.rt-mobile-menu ul.rt-tree {
width: auto;
max-width: 350px !important;
}
.rt-mobile-menu {
width: 55% !important;
}
}