.header_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: auto;
}
.header-main {
    height: auto !important;
}
div#logo {
    display: none;
}
.header_logo img {
    width: 27px;
}
.header_logo p {
    align-items: center;
    color: var(--color-white,#fff);
    display: flex;
    font-size: 15px;
    height: 100%;
    letter-spacing: .05em;
    text-decoration: none;
}

ul.box_menu_top {
    list-style: none;
    padding:0;
    margin:0;
    display: flex;
    align-items: center;
}
.app__header__discord {
    align-items: center;
    border-right: 1px solid #26272d;
    color: hsla(0, 0%, 100%, .6);
    display: flex;
    font-size: 14px;
    margin-left: auto;
    padding-right: 10px;
}
.app__header__discord .app__header__discord__icon {
    margin-right: 5px;
    opacity: .8;
    width: 24px;
}
.app__header__profile {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 100%;
    margin-left: 10px;
    position: relative;
    background: unset;
    text-transform: capitalize;
    padding: 0;
}
.app__header__profile .app__header__profile__link {
    align-items: center;
    color: var(--color-tim,#7a83bb);
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0 10px;
    font-size: 14px;
}
.app__header__profile .app__header__profile__link--mobile {
    display: none;
}
.header-nav .menu-item a.nav-top-link {
    color: var(--color-white,#fff);
}
.header-main .nav>li>a {

    padding: 17px 14px;
}
.header-main ul.header-nav.header-nav-main.nav.nav-left  >li>a{
    font-size: 14px;
}
.header-main .nav > li:hover > a {
    background: #26272d;
}
@media screen  and (max-width:1024px){
    div#logo {
        display: block;
    }
    .icon-menu:before {
        content: "";
        color: var(--color-white, #fff);
    }
    body .off-canvas-left .mfp-content {
        background-color: #1a1b1f;
    }
    body .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        color: var(--color-white, #fff);
    }
    .app__header__discord .app__header__discord__icon {
        max-width: unset;
    }
    ul.box_menu_top > li {
        margin-bottom: 0;
    }
    .app__header__discord {
        padding-right: 0px;
    }
    .app__header__profile {
        margin-left: 0;
        margin-right: 0px;
    }
    .app__header__profile .app__header__profile__link {
        padding-left: 3px;
        padding-right: 0;
    }
    #logo img {
        max-height: 24px !important;
        margin-left: 0;
        margin-right: 3px !important;
    }
    #logo > a {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #logo > a:after {
        content: "TieuDiemTuong";
        font-size: 15px;
        color: var(--color-whitem, #fff);
    }
    
}
@media screen  and (max-width:767px){
    div#logo {
        order: 0;
        margin-left: 0;
        display: flex;
        justify-content: flex-start;
    }
    
    .flex-col.show-for-medium.flex-left {
        order: 1;
    }
    
    .flex-col.show-for-medium.flex-right {
        order: 2;
    }
}