#nav-mobile-btn {
    background-color: #293250;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    padding: 5px 10px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 35px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    z-index: 99;
}
.nav-mobile {
    background: #000;
    /*box-shadow: -5px 0 20px 0 rgba(0, 0, 0, 0.3) inset;*/
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 15px 0;
    position: fixed;
    top: 0;
    transform: translate3d(-100%, 0px, 0px);
    -webkit-transform: translate3d(-100%, 0px, 0px);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    visibility: visible;
    width: 280px;
    z-index: 99999;
}
.nav-mobile > i {
    border-radius: 4px;
    color: rgba(0,0,0,1);
    cursor: pointer;
    font-size: 24px;
    height: 30px;
    line-height: 28px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 22px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    width: 30px;
    color:337ab7;
    background: #ffffff;
}
.nav-mobile h2 {
    color: #000;
    font-size: 24px;
    margin: 10px 0 15px;
    padding-bottom: 15px;
    text-align: left;
    text-transform: uppercase;
    padding-left: 15px;
    font-family: 'Poppins', sans-serif;
}
.nav-mobile h2 i {
    font-size: 21px;
    margin-right: 10px;
}
.nav-mobile a {
    color: #000;
    font-size: 16px;
}
.nav-mobile a:hover, .nav-mobile a.active {
    color: #060301;
    background: none !important;
    text-decoration: none;
}
.nav-mobile a:focus {
    text-decoration: none;
}
.nav-mobile ul {
    list-style: outside none none;
}
.nav-mobile > ul {
    padding: 10px;
}
.nav-mobile > ul li {
    float: none;
    display: inline
}
.nav-mobile > ul li > a {
    display: inline-block;    
    font-size: 20px;
    margin: 10px 0;
    padding: 0;
    text-shadow: none;
    background: none !important;
    width: 100%;
    font-family: 'Poppins', sans-serif;
}
.nav-mobile .nav-header {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin: 5px 0
}
.nav-mobile > ul li > a .caret {
    color: #fff;
    float: right;
    margin: 8px 15px 0 0
}
.nav-mobile .dropdown-mobile li a {
    text-transform: none;
    font-size: 14px;
    margin: 5px 0
}
.nav-mobile > ul > li {
    margin-bottom: 20px;
    padding-left: 10px;
}
.nav-mobile > ul ul {
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    margin: 0;
    padding-left: 15px;
}
.nav-mobile::after {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    content: "";
    display: none;
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.2s ease 0s;
    -webkit-transition: opacity 0.2s ease 0s;
    width: 100%;
}
.nav-mobile.open {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    visibility: visible;
    background: #fff;
}
.nav-mobile.open::after {
    height: 100%;
    opacity: 0;
    transition: opacity 0.2s ease 0s, width 0.1s ease 0.5s, height 0.1s ease 0.5s;
 -webkit- transition: opacity 0.2s ease 0s, width 0.1s ease 0.5s, height 0.1s ease 0.2s;
    width: 0;
}
#nav-mobile-btn, .nav-mobile {
    display:none;
    
}
#wrapper.open {
    overflow: hidden;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    position: fixed;
}
#wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.wrapper.open:before{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;content:"";}
#wrapper.open::after {
    height: 100%;
    opacity: 1;
    transition: all 0.2s ease 0s;
    -ms-transition:all 0.2s ease 0s;
    -webkit-transition:all 0.2s ease 0s;
    width: 100%;
}
#wrapper::after {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.2s ease 0s, width 0.2s ease 0.5s, height 0.1s ease 0.2s;
    width: 0;
    z-index: 1002;
}
.menu ul li ul{background-color: transparent;}
.menu ul li .dropdown-menu{display: block;opacity: 0;border-radius: 0;transform: translateY(30px);transition: 0.5s all ease-in-out;
border: 0;width: 786px;display: flex;align-items: center;background-color: #fff;display: none;box-shadow: 0px 0px 6px 0 rgb(0 0 0 / 12%);
justify-content: center;visibility: hidden;}
.menu ul li .dropdown-menu .menu-links li a{
    font-size: 18px;color: #293250;
}
.menu ul li .dropdown-menu .menu-links{margin-left: 20px;}
.menu ul li .dropdown-menu:before{
    position: absolute;content: "";width: 0; top: -11px;left: 348px;height: 0; border-left: 10px solid transparent;
  border-right: 10px solid transparent;  border-bottom: 10px solid #1f3b9a;
}
.menu ul li:hover .dropdown-menu{opacity: 1;border: 0.1px groove #abaeb7;top: 56px;padding: 10px 0;transform: translateY(0px);display: flex;border-radius: 19px;left: -288px;visibility: visible;}
.menu ul li ul li{padding: 16px 0;display: block !important;width: 100%;transition: 0.3s ease-in-out;}
.menu ul li .dropdown-menu .menu-links li a:hover{color: #000000;}
.menu ul li ul li + li{border-top: 1px solid #888;}

@media(max-width: 1199px){
    #nav-mobile-btn, .nav-mobile{display: block;}
    .nav-mobile > ul li > a{font-size: 18px;}
    .menu ul li .dropdown-menu{padding-top: 0;}
    .menu ul li .dropdown-menu .mega-menu-icon{display: none;}
}
@media(max-width: 767px){
    #nav-mobile-btn{font-size: 26px;}
    .nav-mobile > ul li > a{font-size: 16px;}
}