@media only screen and (min-width: 968px) and (max-width: 1920px) {
    .hd-nav li{
        margin-right: 3.5vw;
    }
    .hd-logo{
        width: 24vw;
    }
}

@media only screen and (min-width: 968px) and (max-width: 1400px) {
    .hd-nav li{
        margin-right: 2.5vw;
    }
    .hd-logo{
        width: 24vw;
    }
}

@media only screen and (max-width: 1920px){
    .hd-logo{
        width: 400px;
    }
}
@media only screen and (max-width: 1024px){
    .hd-logo{
        width: 400px;
    }
}

@media only screen and (max-width: 768px){
    .hd-logo{
        width: 300px;
    }
}
@media only screen and (max-width: 488px){
    .hd-logo{
        width: 300px;
    }
}
@media only screen and (max-width: 380px){
    .hd-logo{
        width: 200px;
    }
}