#tab-top-menu {display: none; cursor: pointer;}
#mobileToolbar { z-index: 9999;  display: none; float:left; width:100%; left:0; right:0; margin-top:41px  !important; position:absolute;}
.header.smaller #mobileToolbar { z-index: 9999;  display: none; float:left; width:100%; left:0; right:0; margin-top:35px !important; position:absolute;}
#mobileToolbar div { margin: 0px 0 0 0; position: relative; width: 100%;}
#mobileToolbar ul{ margin:0; padding: 0; background-color: #fff; text-align: left; font-size: 18px; line-height: 20px;}
#mobileToolbar ul li { border-bottom: 1px solid #fff;}
#mobileToolbar ul li:last-child { border-bottom: 1px solid transparent;}
#mobileToolbar ul li a { padding: 6px 15px; color: #fff !important; text-decoration: none !important; display: block; background: #5f0000; position: relative; font-size:14px; font-family: 'Poppins', sans-serif; }


#mobileToolbar ul li a:hover { padding: 6px 15px; color: #fff !important; text-decoration: none !important; display: block; background: #be7012; position: relative; -webkit-tap-highlight-color: rgba(0,0,0,0); }

.mob-subspace{padding-left:50px !important; width:auto; color:#fff !important;}

#mobileToolbar ul li:last-child { border-bottom: none; }
#mobileToolbar ul li ul { display:none;text-align: left; font-size: 15px; line-height: 20px; left:0 !important; position:relative; }
#mobileToolbar ul li ul li span { padding: 0 0 0 0; }
#mobileToolbar ul li ul li:last-child { border-bottom: none; }
#mobileToolbar ul li ul li a { padding: 6px 15px; color: #fff !important; text-decoration: none !important; display: block; background: #420000   !important; font-size: 13px;}
#mobileToolbar ul li ul li a:hover { padding: 6px 15px; color: #fff !important; text-decoration: none !important; display: block; background:#be7012 !important; font-family:'open sans semibold',Arial;}
#mobileToolbar ul li ul li a:after {  background:url(../images/downArrow.html) right no-repeat !important; color: #666; }
#mobileToolbar ul li ul li ul{max-height: 280px; overflow: hidden; overflow-y: auto;}
#mobileToolbar ul li ul li ul li a { padding: 6px 15px; color: #fff !important; text-decoration: none !important; display: block; background: #420000  !important; font-size: 13px;}
#mobileToolbar ul li ul li ul li a:hover { color: #fff !important; text-decoration: none !important; display: block; background: #be7012 !important; font-family:'open sans semibold',Arial;}
#mobileToolbar ul li{position: relative;}
#mobileToolbar ul li button{position: absolute; top: 0px; right: 0px; padding: 6px 15px; background: transparent;border: 0;}



@media only screen and (min-width:768px) and (max-width:979px) {

/*===== menu css ==============*/
#top-menu {display:none; }

#tab-top-menu {display: block; cursor: pointer;}
#mobileToolbar {display: none;}
#mobileToolbar {
    display: none;
    float: left;
    margin-top: 50px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    margin:0 0 0 0 !important;
    text-align:right;
}

#tab-top-menu {
    display: block !important;
    float: right;
    height: 30px;
    left: 0;
    margin: 0 auto !important;
    padding: 0;
    right: 0;
    text-align: left;
    width: auto;
    margin: 10px 15px 0 0;
}
#mobileToolbar {
    margin: 23px 0 0 0 !important;
    width: 100% !important;
}
/*===== menu css ==============*/

.topmenu{display:none;}
#tab-top-menu {margin: 0 19px 0 0 !important; float:left !important; margin-top:10px !important; top: 0;}
    #tab-top-menu {width:40px; height: 40px; line-height: 40px; text-align: center; margin-top:-44px; z-index:40000;right: 10px;z-index: 40000;position: absolute; background:#005884;}
    #tab-top-menu a{color: #fff; font-size:24px; }
    #tab-top-menu a i{line-height: 40px;}

.has-child .submenu-toogle {
    display: block !important;
}

}





@media only screen and (min-width:320px) and (max-width:767px) {
    .market-list li{
        width: 100% !important;
    }
/*===== menu css ==============*/
#top-menu {display:none;}
#tab-top-menu {display: block;}
#mobileToolbar {display: none;}
#mobileToolbar {
    display: none;
    float: left;
    position: absolute !important;
    width: 100%;
    z-index: 9999;
    text-align:right;
    top:55px;
}

#mobileToolbar ul {margin:0 0 0 0 !important;}
.sticky #tab-top-menu{top:-45px;}
.sticky #mobileToolbar{top:3px;}
#tab-top-menu {width:40px; height: 40px; line-height: 40px; text-align: center; z-index:40000;right: 15px;top:0px;z-index: 40000;position: absolute; background:#be7012;}
    #tab-top-menu a{color: #fff; font-size:24px; }
    #tab-top-menu a i{line-height: 40px;}
#mobileToolbar {
    width: 100% !important;
    margin:0 auto !important;

}
/*===== menu css ==============*/
.topmenu{display:none;}
#mobileToolbar ul {margin: 0 0 0 !important;}
#mobileToolbar ul li>ul {margin: 0 0 0 !important;}

.has-child .submenu-toogle {
    display: block !important;
}

}



@media only screen and (max-width:320px) {

.has-child .submenu-toogle {
    display: block !important;
}

#top-menu {display:none;}

#tab-top-menu {display: block;}
#mobileToolbar {display: none;}
#mobileToolbar {
    display: none;
    float: left;
    position: absolute !important;
    width: 100%;
    z-index: 9999;
    text-align:right;
}

#mobileToolbar ul {margin:0 0 0 0 !important;}

#tab-top-menu {/*width:auto;*/ float:right; /*height: 30px;*/ text-align:left; margin-top:4px; padding: 0px 0px 0 10px; display: block !important; margin:0 auto !important; left:0; right:0; z-index:40000; position:relative;}
#mobileToolbar {
    width: 100% !important;
margin: 30px auto 0 !important;

}

/*===== menu css ==============*/
#mobileToolbar ul li>ul {margin: 0 0 0 !important;}
}
.has-child .submenu-toogle {
    position: absolute !important;
    width: auto !important;
    right: 4px;
    top: 0px;
    color: #fff;
    background-color: transparent;
    z-index: 900;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
    display: none;
}
.menu-open{
    display: block !important;
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
}