.mob-menu-toggle-btn{
    width:40px; height:40px; display: block; position:relative;
    right:auto; bottom:auto;top:auto; background: #252525; color: #fff; line-height:40px;
    font-size: 20px;text-align: center;z-index: 9999;cursor: pointer;display: none;margin:10px 0px auto auto;-webkit-border-radius: 6px;border-radius: 6px;}
#menuopen{}
#menuclose{display: none;}
/*#mob-site-navigation{display: none;}
#mob-site-navigation ul li {position: relative;background: #b89c86;border-bottom: 1px solid #d7d7d7;
-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:hover, #mob-site-navigation ul li:focus{background:#21323F;
-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{
    width:85%;
    width:-webkit-calc(100% - 30px); width:calc(100% - 30px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px; display: block;line-height: 30px;
    color:#fff;
}
#mob-site-navigation ul li a:focus, #mob-site-navigation ul li a:hover{text-decoration: none;}
#mob-site-navigation ul li ul li {border: 0px; background: #dddddd;-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 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;}
#mob-site-navigation ul li ul li:hover, #mob-site-navigation 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;}
#mob-site-navigation ul li ul li a{line-height: 20px;color:#222;}

.accordiandown{position: absolute; display:block;color:#fff;
right:10px; top:5px;z-index: 99999;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;
}
.accordiandown span{}
.accordiandown:focus, .accordiandown:hover{}
#mob-site-navigation .sub-menu{display:none;}
@media only screen and (max-width: 769px){
.mob-menu-toggle-btn{display: block;}    
}*/

@media only screen and (max-width: 767px){
#site-navigation-wrap{top: 100%;width: 100%;left: 0;z-index: 5; position: absolute;bottom: auto;}
#site-navigation-wrap .sf-menu{float:none;width:100%;}
#site-navigation-wrap ul li {position: relative;background: #252525;border-bottom: 1px solid #000;
-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:#21323F;
-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 10px; 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; background: #dddddd;-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: #ffe9d0;}
#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;}

.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: 28px;height: 30px;-webkit-border-radius:6px;border-radius:6px;
}
.accordiandown em{line-height:28px;font-size: 20px;}

#site-navigation-wrap .sub-menu{display:none;}

.mob-menu-toggle-btn{display: block;}    
}

/*---------------------*/
#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;}