#recruitment .menu .list-menu {
    margin: -5px;
    overflow: scroll;
    white-space: nowrap;
}

#recruitment .menu .list-menu .item {
    padding: 5px;
    display: inline-block;
}

#recruitment .menu .list-menu .item a {
    padding: 0.25rem 1rem;
    border: 1px solid #e5e5e5;
    color: #c9252c;
}

#recruitment .menu .list-menu .item.active a,
#recruitment .menu .list-menu .item a:hover {
    background-color: #c9252c;
    border: 1px solid #c9252c;
    color: #fff;
}

@media only screen and (min-width: 768px) {
    #recruitment .menu .list-menu {
        margin: -10px;
        overflow: initial;
        white-space: initial;
    }

    #recruitment .menu .list-menu .item {
        padding: 10px;
        float: left;
        display: initial;
    }
}

@media only screen and (min-width: 1200px) {
    #recruitment .menu .list-menu .item a {
        padding: 0.625rem 2.25rem;
    }

    #recruitment .menu .list-menu {
        margin: -15px;
    }

    #recruitment .menu .list-menu .item {
        padding: 15px;
    }
}