.smartx-mobile-menu { background-color:rgb(8 55 93 / 90%); width:450px; right:-450px; position:absolute; top:0; height:100vh; overflow:auto; max-width:100%; } .smartx-mobile-menu-wrap { background:rgba(0, 0, 0, 0.5); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999999999999; overflow:auto; } .close-smartx-mobile-menu { color:white; font-size:2em; right:15px; position:absolute; top:15px; font-family:'ElegantIcons'; } .smartx-mobile-menu .menu { margin:0; padding:50px 2.5em 1em; list-style:none; } .smartx-mobile-menu .menu li{ padding:10px 0; border-bottom:1px solid rgba(255, 255, 255, 0.5); } .smartx-mobile-menu .menu li a{ color:#ffffff; text-transform:uppercase; font-weight:normal; } .smartx-mobile-menu .menu li.current-menu-item > a, .smartx-mobile-menu .menu li.current-menu-parent > a, .smartx-mobile-menu .menu li.current-menu-ancestor > a{ color:#FFCC00FF; } .smartx-mobile-menu .menu li.menu-item-home > a{ font-size:0; } .smartx-mobile-menu .menu li.menu-item-home > a::before{ font-family:'ElegantIcons'; content:"\e074"; color:#ffffff; margin-right:10px; font-size:20px; } .smartx-mobile-menu .menu li.menu-item-home.current-menu-item > a::before{ color:#FFCC00FF; } .smartx-mobile-menu .menu li ul{ padding:0px 14px!important; background:rgb(21 83 131); margin:5px 0; } .smartx-mobile-menu .menu li ul ul{ background:rgb(54 106 147); margin:20px 0 0 0; } .smartx-mobile-menu .menu li ul li{ border:none; width:100%!important; } .smartx-mobile-menu .menu li ul a{ text-transform:capitalize; } .smartx-mobile-menu .menu ul{ display:none; list-style:none; } .smartx-mobile-menu .menu li.menu-item-has-children{ position:relative; } .smartx-mobile-menu .menu li.menu-item-has-children::before{ font-family:'ElegantIcons'; content:"\4c"; color:#ffffff; position:absolute; right:0; font-size:1.25em; } .smartx-mobile-menu .menu li.menu-item-has-children.opened::before{ transform:rotate(45deg); transition:1s; } .smartx-mobile-menu-wrap .widget{ padding:5px 2.5em; } .smartx-mobile-menu-wrap .widget p, .smartx-mobile-menu-wrap .widget a{ line-height:normal; color:#ffffff; font-size:1em; font-weight:500; } .smartx-mobile-menu-wrap .widget_custom_html i{ font-family:'ElegantIcons'; font-style:normal; font-size:1em; margin-right:10px; } .smartx-mobile-menu-wrap .widget_socials a.socials-item{ margin-right:10px; padding-left:10px; } .smartx-mobile-menu-wrap .widget_socials a.socials-item:first-child{ padding-left:0; } .smartx-mobile-menu-wrap .widget_socials a.socials-item i, .smartx-mobile-menu-wrap .widget_socials a.socials-item:active i{ color:rgba(255,255,255,0.8)!important; } .smartx-mobile-menu-wrap .widget_socials a.socials-item:hover i{ color:#FFCC00FF!important; } .smartx-mobile-menu-wrap .widget a.btn{ color:#0e304b; font-weight:bold; padding:10px 20px; text-transform:uppercase; background:rgba(255, 255, 255, 0.7); border-radius:4px; margin:5px 0 15px; display:inline-block; font-size:1.2em; } .smartx-mobile-menu li.megamenu-has-icon,.smartx-mobile-menu li.megamenu-first-element{position:relative;} .smartx-mobile-menu a.megamenu-has-icon{ padding-left:25px; } .smartx-mobile-menu a.megamenu-has-icon:before { position:absolute; left:0; display:inline-block; font-weight:normal; font-family:'FontAwesome'; content:attr(data-icon); font-size:14px; vertical-align:baseline; } .menu-toggle.dl-trigger span { width:30px!important; height:6px!important; } .menu-toggle.dl-trigger .menu-line-1 { top:0px!important; } .menu-toggle.dl-trigger .menu-line-2 { top:12px!important; } .menu-toggle.dl-trigger .menu-line-3 { top:24px!important; } @media screen and (min-width:979px) and (max-width:1212px) { div#metaslider-id-32140 { margin:-100px 0 0 0 !important; } } @media screen and (min-width:1213px) and (max-width:1366px){ div#site-header-wrapper { margin:30px 0 0 0!important; } } @media screen and (max-width:1366px){ .dl-menu{ display:none!important; } .megamenu-new-row{ display:none!important; } } @media screen and (max-width:425px){ .smartx-mobile-menu-wrap .widget p{ font-size:15px; } .smartx-mobile-menu-wrap .widget_socials a.socials-item{ margin-right:0; } .smartx-mobile-menu .menu li a{ font-size:12px; } .smartx-mobile-menu .menu li{ padding:5px 0; } .smartx-mobile-menu .menu li ul ul{ margin:10px 0 0 0; } .menu-toggle.dl-trigger span { width:20px!important; height:3px!important; } .menu-toggle.dl-trigger .menu-line-1 { top:0px!important; } .menu-toggle.dl-trigger .menu-line-2 { top:6px!important; } .menu-toggle.dl-trigger .menu-line-3 { top:12px!important; } }