.main-menu{display: none;}
.nav-menu, .nav-menu * {margin: 0;padding: 0;list-style: none}
.nav-menu ul {position: absolute;display: none;top: 100%;right: 0;z-index: 99}
.nav-menu li {position: relative;white-space: nowrap}
.nav-menu li:hover > ul, .nav-menu li.sfHover > ul {display: block}
.nav-menu ul ul {top: 0;right: 100%}
.nav-menu ul li {min-width: 180px}
.sf-arrows .sf-with-ul {padding-right: 30px}
.sf-arrows .sf-with-ul:after {content: "\ea48";position: absolute;right: 15px;font-family: 'boxicons' !important;font-style: normal;font-weight: normal}
.sf-arrows ul .sf-with-ul:after {content: "\ea4f"}
@media (min-width: 768px) {
  .nav-menu{
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
  }
  .nav-menu .m-only{display: none;}
}
.nav-menu a {padding: 10px;text-decoration: none;display: inline-block;color: #fff;font-size: 1.3125rem;outline: none;letter-spacing: 2px;}
.nav-menu li:hover > a {}
.nav-menu ul {margin: 14px 0 0 0;padding: 10px;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);background: #fff}
.nav-menu ul li {transition: 0.3s}
.nav-menu ul li a {padding: 5px 10px;color: #353e60;transition: 0.3s;display: block;font-size: 16px;text-transform: none}
.nav-menu ul li:hover > a {color: #ddd}
.nav-menu ul ul {margin-right: 10px;margin-top: 0}
#mobile-nav-toggle {border: 0;background: none;font-size: 36px;display: none;transition: all 0.4s;outline: none;cursor: pointer;position: absolute;right: 0;}
#mobile-nav-toggle i {color: #fff;}
@media (max-width: 767.98px) {
  #mobile-nav-toggle {display: inline} 
  #nav-menu-container {display: none}
}
#mobile-nav {position: fixed;top: 0;padding-top: 0px;bottom: 0;z-index: 998;right: -280px;width: 280px;overflow-y: auto;transition: 0.4s;background:#000 url(../images/bg1.jpg) no-repeat;padding-top: 30px;background-position: top;}
#mobile-nav ul {padding: 0;margin: 0;list-style: none}
#mobile-nav ul li {position: relative}
#mobile-nav ul li a {color: #fff;font-size: 1.5rem;text-transform: uppercase;overflow: hidden;padding: 15px;position: relative;text-decoration: none;width: 100%;display: block;outline: none;font-weight: 400;text-align: center;letter-spacing: 2px;font-weight: 700;}
#mobile-nav ul li a:hover {color: #fff}
#mobile-nav ul li li {padding-left: 30px}
#mobile-nav ul .menu-has-children i {position: absolute;right: 0;z-index: 99;padding: 15px;cursor: pointer;color: #fff}
#mobile-nav ul .menu-has-children i.fa-chevron-up {color: #ddd}
#mobile-nav ul .menu-has-children li a {text-transform: none}
#mobile-nav ul .menu-item-active {color: #ddd}
#mobile-body-overly {width: 100%;height: 100%;z-index: 997;top: 0;left: 0;position: fixed;background: rgba(6, 9, 26, 0.9);display: none}
body.mobile-nav-active {overflow: hidden;height: 100vh;}
body.mobile-nav-active #mobile-nav {right: 0}
body.mobile-nav-active #mobile-nav-toggle {color: #fff}

.nav-head{background-image: url(../images/header-bg.jpg);background-size: cover;background-position: center;padding: 1rem 0;margin-bottom: 30px;}
.nav-head img{max-width: 120px;}