body{margin:0;background:var(--color-bg);color:var(--color-text);font-family: "Archivo", sans-serif;-webkit-font-smoothing:antialiased}



.mobile_view, .mobile_nav {display:none}
.menu_overlay {display:none}
.menu_overlay.show {display:block}

@media (max-width: 1023px) {
  .desktop_nav {display:none}
  .mobile_view {display:block}

  .mobile_nav {display:flex; justify-content: flex-end; align-items: center; margin-left:auto; }



  

ul.mobile_list {list-style: none;padding: 0; margin: 0; display: flex; align-items: center; gap: 14px; justify-content: flex-end;}
ul.mobile_list  li { display: inline-block;}


  .menu_open {display: inline-block; vertical-align: middle;}
  a.menu_open i {font-size: 36px;}
  
  .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
  .menu_toggler {margin:15px 0 0;}
  .menu_toggler .icons {font-size:26px; color:#212121}
  .menu_head {background:#000;text-align: center; position: relative;color:#fff;}
  .menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
  .menu_close {position: absolute; left:-40px; top:20px;}
  .menu_close i {font-size:30px; color: #fff;}
  .mobile_menu_wrap {position: fixed; top:0; bottom: 0; right:-100%; z-index:99999; background:#212121; padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 280px; height: 100vh;}
  .mobile_menu_wrap.menu_show {right:0;}
  .mobile_menu_wrap ul {padding:0; margin:0; list-style:none; font-size: 15px}
  .mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 0 120px;}
  .mobile_menu_wrap ul.main_menu li {border-bottom: 1px solid #333; padding:0 15px 0 15px;}
  .mobile_menu_wrap ul.main_menu li a {font-size:15px; text-decoration: none;}
  .mobile_menu_wrap ul li a {display: block; padding:15px 0;color: #fff !important;}
  .mobile_menu_wrap ul li.hassub {position: relative; padding:0 50px 0 15px;}
  .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute; right:0; top:0; font-size:14px; line-height: 1; padding:19px 20px; border-left:1px solid #333;}
  .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 280px; background:#212121; margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility: hidden;}
  .mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #444;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #bbb; padding:10px 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa {margin:2px 5px 0 0; font-size:20px;}
}

@media (max-width: 604px) {
  .inner_nav {display:block; width:100%; margin-top:10px; margin-bottom:10px; }
}

@media (max-width: 414px) {
.mob_none {display:none !important}
.inner_nav {}
}