#menu{
    right: 0;
    background-color: #20b8dc;
    font-size: 14px;
    display: none;
}
.slideout-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 221px;
    min-height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 1001;
    display: none;
    box-shadow: -18px 0 24px -16px #737373 inset;
}
.slideout-menu-left {
    left: 0;
}

.slideout-menu-right {
    right: 0;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden;
    box-shadow: 1000px 0 0 2000px rgba(0,0,0,.29);
}

.slideout-open .slideout-menu {
    display: block;
}

.panel-open:before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 99;
    content: " ";
}
.panel:before {
    content: '';
    display: block;
    background-color: rgba(0,0,0,0);
    transition: background-color 0.5s ease-in-out;
}
#page-header{
    /*z-index: 2;*/
}
.wrap{
    border-radius: 0;
}
#menu dl{
    color:#fff;
    font-size: 16px;
    margin-left: 19px;
    font-weight: normal;
}
#menu dl a{
    color: #fff;
    display: block;
    padding: 12px;
    text-decoration:none;
}
#menu dl a:active{
    text-decoration: underline;
}
#menu dl dt{
    text-transform:uppercase;
    border-bottom: 1px solid rgba(247, 247, 247, 0.28);
    padding:12px 0 12px 0;
}
#menu dl dt a {
    padding:0;
}
#menu dl dd{
    position: relative;
    margin-left: 9px;
    border-bottom: 1px solid rgba(247, 247, 247, 0.28);
    text-transform: capitalize;
}
#menu dl dd:hover{
    cursor: pointer;
}
.slide-notification .badge-red{
    margin-left: 10px;
}
ul.linklist li.mobile-slide-bar {
    float: right;
    margin-right: 0;
    margin-left: 15px;
    text-align: right;
    height: 30px;
    width: 30px;
    display: none;
}
.mobile-slide-bar .fa-bars{
    font-size: 1.6rem;
    margin-top:14px;
    margin-right:5px;
}
#menu a.icon-notification-dot:after {
    content:" ";
    width: 5px;
    height: 5px;
    background-color: red;
    border-radius: 50%;
    float: left;
}
#navbar_home .inner .nav-bar-left{
    float: left;
    max-width: 61%;
}

#navbar_home .inner .nav-bar-left .tapatalk-logo-box .navbar-forum-name{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    /*display: inline;  !*compatible phone*!*/
}

#navbar_home .inner .nav-bar-left .tapatalk-logo-box{
    max-width: 79%;
}
.uacp-umcp #navbar_home .inner .nav-bar-left .tapatalk-logo-box{
    max-width: 63%;
}
@media only screen and (max-width: 640px) {
    ul.linklist li.mobile-slide-bar {display: block;}
    ul.linklist > li.rightside{display: none;}
    #navbar_home .inner .nav-bar-left .manage-settings{display: none;}
    #navbar_home .inner .nav-bar-left{
        max-width: 89%;
    }
    .uacp-umcp #navbar_home .inner .nav-bar-left .tapatalk-logo-box, #navbar_home .inner .nav-bar-left .tapatalk-logo-box{
        max-width: 82%;
    }
}
@media only screen and (max-width: 420px) {
    #navbar_home .inner .nav-bar-left{
        max-width: 90%;
    }
    #navbar_home .inner .nav-bar-left .tapatalk-logo-box{
        max-width: 79%;
    }
}
@media only screen and (max-width: 330px) {
    #navbar_home .inner .nav-bar-left .tapatalk-logo-box{
        max-width: 76%;
    }
}
@media only screen and (min-width: 640px) and (max-width:860px){
    #navbar_home .inner .nav-bar-left{
        max-width: 53%;
    }
    .uacp-umcp #navbar_home .inner .nav-bar-left .tapatalk-logo-box{
        max-width: 50%;
    }
    .uacp-umcp #navbar_home .inner .nav-bar-left{
        max-width: 50%;
    }
}
@media only screen and (min-width: 700px) and (max-width:900px){
    /*#navbar_home .inner .nav-bar-left{*/
    /*max-width: 61%;*/
    /*}*/
    .uacp-umcp #navbar_home .inner .nav-bar-left .tapatalk-logo-box{
        max-width: 45%;
    }
    .uacp-umcp #navbar_home .inner .nav-bar-left{
        max-width: 55%;
    }
}
@media only screen and (min-width: 900px) and (max-width:1100px){
    #navbar_home .inner .nav-bar-left{
        max-width: 61%;
    }
    .uacp-umcp #navbar_home .inner .nav-bar-left .tapatalk-logo-box{
        max-width: 60%;
    }
    .uacp-umcp #navbar_home .inner .nav-bar-left{
        max-width: 62%;
    }
}
@media only screen and (min-width: 640px) and (max-width:700px){
    .uacp-umcp #navbar_home .inner .nav-bar-left .tapatalk-logo-box{
        max-width: 66%;
    }
    .uacp-umcp #navbar_home .inner .nav-bar-left{
        max-width: 50%;
    }
}
@media only screen and (min-width: 1100px) and (max-width:1300px){
    .uacp-umcp #navbar_home .inner .nav-bar-left .tapatalk-logo-box{
        max-width: 70%;
    }
    .uacp-umcp #navbar_home .inner .nav-bar-left{
        max-width: 70%;
    }
}
@media only screen and (min-width: 1300px){
    #navbar_home .inner .nav-bar-left{
        max-width: 76%;
    }
    .uacp-umcp #navbar_home .inner .nav-bar-left .tapatalk-logo-box{
        max-width: 75%;
    }
    .uacp-umcp #navbar_home .inner .nav-bar-left{
        max-width: 75%;
    }
}
.js-slideout-toggle, .js-slideout-toggle:focus{
    outline: none;
    -moz-outline: none;
}