.head-container{
    /* display: flex; */
}
.head-container .head-content{
    margin: 0 auto;
    /* padding: var(--padding-container); */
    height: var(--nav-height);
    justify-content: space-between;
}
.head-container .logo{
    width: var(--logo-size);
    height: auto;
    cursor: pointer;
}
.head-container .logo-box,  .head-container .btn-login-register {
    /* width: 300px; */
    width: max-content;
}
.nav-container{
    /* width: 300px; */
}
.navbar .navbar-nav{
    flex-direction: row !important;
}
.navbar .navbar-nav .nav-item a,.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #1D2129;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.navbar .navbar-nav .nav-item .nav-link{
    width: max-content;
    margin: 0 auto;
}
.navbar .navbar-nav .nav-item .nav-link:hover{
    color: #F04700;
}
.navbar 
.navbar-nav 
.nav-item 
.dropdown-menu 
.dropdown-item:active{
    background-color: var(--primary);
    color: #fff;
}
.navbar .navbar-nav .nav-item{
    width: 110px;
    text-align: center;
}
.navbar .navbar-nav .nav-item.active a{
    color: var(--primary);
    font-weight: 600;
}

.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item.active{
    color: var(--primary);
    background: none;
    font-weight: 600;
}
.navbar .navbar-nav .nav-item .dropdown-menu{
    background: #FFFFFF;
    min-width: 240px;
    border: 0;
    border-radius: var(--border-radius);
    box-shadow: 0px 0px 10px 6px rgba(228,233,239,0.5);
}

.btn-login-register button{
    font-size: 14px;
}
.btn-primary{
    width: 130px;
    height: var(--button-height);
    background: #F04700;
    border-radius: var(--border-radius);
    outline-style: none;
    border-color: #F04700;
}
.btn-primary:focus, .btn-primary:active, .btn-primary:hover{
    background: #FFFFFF !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    box-shadow: 0px 0px 4px 2px rgba(240, 71, 0, .5) !important;
}

/* @media (min-width:750px) and (max-width:1440px) {

    .navbar .navbar-nav .nav-item a,.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        font-size: 0.972vw;
        line-height: 2.5vw;
    }

    .head-container .logo-box, .head-container .btn-login-register {
        width: 20.085vw;
        width: max-content;
    }
    .navbar .navbar-nav .nav-item{
        width: 7.638vw;
    }

    .navbar .navbar-nav .nav-item .dropdown-menu{
        min-width: 16.66vw;
        box-shadow: 0px 0px 0.694vw 6px rgba(228,233,239,0.5);
    }
    
    .btn-login-register button{
        font-size: 0.9722vw;
    }
    .btn-primary{
        width: 9.027vw;
        height: var(--button-height);
        border-radius: var(--border-radius);
    }
   
} */