.logo-header {
    width: 56px;
    height: 56px;
}

.header-text {
    word-spacing: 2.3px;
    line-height: 1.5rem;
    /*text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
    1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;*/
}


.nav-link.menu-link {
    text-transform: uppercase;
    font-size: 12px !important;
}

.horizontal-logo {
    display: block;
}


@media screen and (min-width: 1024px) {
    #topnav-hamburger-icon {
        display: none;
    }

    #nav-height {
        height: 46.5px;
    }

    .horizontal-logo, #nav-portal {
        padding: 0 calc(1.5rem / 2);
    }
}

@media screen and (min-width: 800px) {
    #l-width {
        width: 535px;
    }
}

@media screen and (max-width: 800px) {
    #l-width {
        width: 340px;
    }

    .header-text {
        font-size: 14px;
        word-spacing: 0px;
        line-height: 1rem;
    }

    .logo-header {
        width: 40px;
        height: 40px;
    }
    #nav-portal {
        padding: 0 calc(1.5rem / 4);
    }
    .navbar-brand-box.horizontal-logo{
        padding:0;
    }
}

@media screen and (max-width: 400px) {
    #l-width {
        width: 280px;
    }

    .header-text {
        font-size: 12px;
    }

    .logo-header {
        width: 30px;
        height: 30px;
    }
    .horizontal-logo, #nav-portal {
        padding: 0;
    }
}

#list-info .element-item .card {
    min-height: 330px;
}

.start-end-content{
    min-height: 82px;
}

.lang__setup .nav li .nav-link {
    cursor: pointer;
}

.flag__us, 
.flag__vi {
    position: relative;
    align-self: center;
}

.lang__container {
    display: flex;
    align-items: center;
}
.flag__us a, 
.flag__vi a {
    padding: 12px 14px!important;
}

.flag__us img,
.flag__vi svg {
    width: 18px;
    height: 14px;
    position: absolute;
    object-fit: cover;
}

@media(max-width:800px) {
    .flag__vi, 
    .flag__us {
        display: inline-block;
    }

    .lang__container {
        padding: 12px ;
    }
}