.mob-menu-toggle-btn{
    width:36px; height:36px; display: block; position:absolute;
    right:0px; bottom:auto;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); color: #fff;text-align: center;z-index: 9999;cursor: pointer;display: none;}
#mob-menu-toggle .bar-wrapper{position: relative;height: 100%;}
#mob-menu-toggle *{-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }
#mob-menu-toggle .bar-wrapper span{background-color: #fff;}
#mob-menu-toggle .bar1, #mob-menu-toggle .bar2-1, #mob-menu-toggle .bar2-2, #mob-menu-toggle .bar2,#mob-menu-toggle .bar3 {width:36px; border-radius: 10px; -webkit-border-radius: 10px; height:2px; display: block; position: absolute;left:0%;}
#mob-menu-toggle .bar2{width:26px;left:auto; right:0px; margin-left: 0px;}
#mob-menu-toggle .bar3 {width:16px;left:auto; right:0px; margin-left: 0px;}

#mob-menu-toggle .bar1{top:0px; }
#mob-menu-toggle .bar2{top:50%; margin-top: -2px; transition: 0.4s; -webkit-transition: 0.4s;}
#mob-menu-toggle .bar2-1,
#mob-menu-toggle .bar2-2{opacity: 0;top:50%;}
#mob-menu-toggle .bar3{bottom:0;}
#mob-menu-toggle.change .bar1 {opacity: 0;}
#mob-menu-toggle.change .bar2 {opacity: 0;}
#mob-menu-toggle.change .bar2-1 {-webkit-transform: rotate(-45deg) translate(0px, 0px);transform: rotate(-45deg) translate(0px, 0px);opacity: 1;}
#mob-menu-toggle.change .bar2-2 {-webkit-transform: rotate(45deg) translate(0px, 0px);transform: rotate(45deg) translate(0px, 0px);opacity: 1;}
#mob-menu-toggle.change .bar3 {width:36px; opacity: 0;}

@media only screen and (max-width: 767px){
#site-navigation-wrap{top: 100%;width: 100%;left: 0;z-index: 1005; position: absolute;bottom: auto;}
#site-navigation-wrap .sf-menu{float:none;width:100%;}
#site-navigation-wrap ul li {position: relative;background-color: #1a1a1a; border-bottom: 1px solid rgba(59,59,59,1);
-webkit-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;float:none;}
#site-navigation-wrap ul li:hover, #site-navigation-wrap ul li:focus{background:#131313;
-webkit-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;}
#site-navigation-wrap ul li a{-webkit-box-sizing: border-box;box-sizing: border-box; padding: 10px 50px 10px 20px; display: block;line-height: 30px; color:#fff;}
#site-navigation-wrap ul li a:focus, #site-navigation-wrap ul li a:hover{text-decoration: none;}
#site-navigation-wrap .sf-menu ul.sub-menu{position: relative;}
#site-navigation-wrap .sf-menu li{white-space: normal;}
#site-navigation-wrap ul li ul li {border: 0px; -webkit-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;background:#74c7ef;}
#site-navigation-wrap ul li ul li span{border-bottom: 1px  solid #21323F; border-top: 1px  solid #21323F;display: block; cursor: auto;  padding: 5px 20px; font-weight: bold; text-transform: uppercase;line-height: 30px;}
#site-navigation-wrap ul li ul li:hover, #site-navigation-wrap ul li ul li:focus {background: #fff;-webkit-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;}
#site-navigation-wrap ul li ul li a{line-height: 20px;color:#222;padding:10px 10px 10px 30px;}
.mob-nav-wrap{position:inherit;}
.accordiandown{position: absolute; display:block;color:#000;
right:10px; top:10px;z-index: 99999;cursor:pointer;text-align: center;
width:30px; background:#fff; line-height:30px;height: 30px;-webkit-border-radius:6px;border-radius:6px;
}
.accordiandown span{line-height:30px;font-size: 20px;}
#site-navigation-wrap .sub-menu{display:none;}
.mob-menu-toggle-btn{display: block;}    
#site-navigation  .dropdown-menu1 > li i{display: none;}
#site-navigation .menu-header-container{width:100%;}
}


/*---------------------*/
#mob-site-navigation{display:none;}
#mob-site-navigation .sub-menu{display:none;}
#mob-site-navigation > ul{margin:0px 25px;}
#mob-site-navigation ul li{position:relative;border-bottom:1px solid rgba(18,49,93,0.3);}
#mob-site-navigation ul li:hover, #mob-site-navigation ul li:focus{-webkit-transition:background 0.3s ease-in-out;-o-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out;}
#mob-site-navigation ul li a{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 15px;display: inline-block;line-height:30px;color:#fff;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#mob-site-navigation ul li a:focus, #mob-site-navigation ul li a:hover{text-decoration:none;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; color: #d0e5fa;}
#mob-site-navigation ul li ul li{border:0px; border-top:1px solid #19365f; display:block;background: #252525;-webkit-transition:background 0.3s ease-in-out;-o-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out;}
#mob-site-navigation ul li ul li:hover, #mob-site-navigation ul li ul li:focus{-webkit-transition:background 0.3s ease-in-out;-o-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out;}
#mob-site-navigation ul li a{font-size: 1rem; display: block;}
#mob-site-navigation ul li ul li a{ position: relative; padding: 0.6rem 2rem;}
#mob-site-navigation ul li ul li a:before{content: "";}
#mob-site-navigation ul li ul li ul li a{padding-left:2rem;}
#mob-site-navigation ul li ul li ul li a:before{content: "";}
#mob-site-navigation ul li ul li ul li{ background-color: #680105; border-color: #89080d;  }
#mob-site-navigation ul li ul li ul li ul li{ background-color: #447de9; }
#mob-site-navigation ul li ul li ul li ul li a{ padding-left: 2.5rem;  }
#mob-site-navigation .accordiandown{position:absolute; z-index: 10; display:inline-block;color:#fff;right:10px;top:5px;width: 40px; height: 40px;line-height: 40px; font-size: 1.5rem; cursor:pointer;text-align:center;-webkit-transition:background 0.3s ease-in-out;-o-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out;}
#mob-site-navigation ul li.btheme-btn{background: none;padding: 0px;border: 0px;}
#mob-site-navigation ul li.btheme-btn a:hover{background-color: transparent;}