@media all and (max-width: 1243px) {
    .menu ul li {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media all and (max-width: 1026px) {
    .menu ul li {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 4px;
        padding-right: 4px;
    }
    .menu ul li a {
        margin: unset;
    }
}

@media all and (max-width: 1054px) {
    .menu {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media all and (max-width: 920px) {
    .menu ul li {
        padding: 20px;
    }
}

@media all and (max-width: 643px) {
    .menu ul li a {
        margin: unset;
        padding: unset;
    }
}

@media all and (max-width: 567px) {
    .menu ul li {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 7px;
        padding-right: 7px;
    }
}