.m-hdnav .nav-item > a {
    position: relative;
    display: block;
    line-height: 88px;
    font-size: 15px;
    font-size: 1.5rem;
    color: var(--color);
}

@media screen and (max-width: 1660px) {
    .m-hdnav .nav-item > a {
        font-size: 13px;
         font-size: 1.3rem; 
    }
}


@media screen and (max-width: 1440px) {
    .m-hdnav .nav-item > a {
        font-size: 12px;
        font-size: 1.2rem;
    }
}



@media screen and (max-width: 1300px) {
    .m-hdnav .nav-item > a {
        font-size: 11px;
        font-size: 1.1rem;
    }
}


@media screen and (max-width: 1440px) {
    .m-hdnav .nav-item {
        margin-left: 20px;
    }
}


@media screen and (max-width: 1219px) {
    .m-hdnav .nav-item {
        margin-left: 10px;
    }
}