/* @media (max-width: 1680px) {
    .navBar{
        padding: 38px 30px !important;
        width: 20% !important;
    }
}

@media (max-width: 1679px) {
    .navBar{
        padding: 28px 20px !important;
        width: 20% !important;
    }
} */

.navBar .boxNavlast .navItem, .navBar .chakra-collapse .navItem{
    border-bottom: 0px !important;
}

.navBar .chakra-collapse{
    margin-top: -7px !important;
    margin-left: 7px;
}

.navBar .navItem .chakra-collapse .navItem a{
    padding: 0px 0px !important;
}

/* .navBar .chakra-collapse{
    padding-top: 0px !important;
}

.navBar .chakra-collapse .navItem a, span{
    padding: 0px 50px !important;
} */

@media (max-width: 768px) {
    .navBar{
        padding-top: 0px !important;
        width: 100% !important;
    }
}

@media (min-width: 1000px) and (max-width: 1530px) {
    .navBar{
        width: 30% !important;
    }

    .navBar .navItem span, .navBar .navItem a{
        padding: 6px 16px 6px 16px;
    }
}

@media (min-width: 1530px) and (max-width: 2100px) {
    .navBar{
        width: 25% !important;
    }

    .content{
        margin-left: 25% !important;
    }

    .navBar .navItem span, .navBar .navItem a{
        padding: 6px 16px 6px 16px;
    }
}