@media screen and (max-width : 480px) {
    ul.menu > li {
        border-bottom: 1px solid #666;
    }

        ul.menu > li.c2 {
            width: 1.5em;
        }

        ul.menu > li.c3 {
            width: 3em;
        }

    li.c3.pgn.always {
        width: 3em;
        min-height: 100%;
    }

    ul.menu > li.c4 {
        width: 3.7em;
    }

    ul.menu > li.c5 {
        width: 5em;
    }
}

@media screen and (min-width : 481px) and (max-width:800px) {
    ul.menu > li {
        border-bottom: 1px solid #666;
    }

        ul.menu > li.c2 {
            width: 1.8em;
        }

        ul.menu > li.c3 {
            width: 3em;
        }

    li.c3.pgn.always {
        width: 3.5em;
        min-height: 100%;
    }

    ul.menu > li.c4 {
        width: 4.2em;
    }

    ul.menu > li.c5 {
        width: 5em;
    }
}

@media screen and (min-width:801px) {
}