.row.menu-row {
    width: 100%;
    margin: 0 auto;
}

.row-item {
    padding: 0 1%;
}

.row-item-title {
    display: inline-block;
    padding: 5px 7px;
    border-radius: 5px;
    vertical-align: top;
    margin-top: 10px;
}

.row-item-content {
    display: inline-block;
    margin: 0px auto;
    padding-left: 10px;
    /*width: 90%;*/
    margin-bottom: 15px;
    min-height: 42px;
}

.row-item-content .item {
    cursor: pointer;
    text-align: center;
    /*width: 11.9%;*/
    margin: 0;
    padding: 5px 5px;
}

.row-item-content .item a {
    cursor: pointer;
    font-size: 1em;
}

@media screen and (min-width:1920px) {
    .row-item-content {
        display: inline-block;
        margin: 0px auto;
        padding-left: 10px;
        width: 88%;
        margin-bottom: 15px;
    }
    .row-item-content .item {
        cursor: pointer;
        text-align: center;
        width: 12%;
        margin: 0;
        padding: 15px 0 0 0;
    }
}

@media (max-width:769px) {
    .row.menu-row {
        width: 100%;
        margin: 0 auto;
    }
    .row-item {
        margin: 0;
    }
    .row-item-title {
        width: 54px;
        font-size: 13px;
        float: left;
    }
    .row-item-content .item {
        width: 24.2%;
        padding: 5px 0 0 0;
    }
    .row-item-content {
        display: inline-block;
        margin: 0;
        width: 85%;
        padding: 0;
        margin-bottom: 5px;
    }
    .row-item-content .item a {
        font-size: 12px;
    }
    @media (max-width: 319px) and (min-width:300px) {
        .row-item-content .item {
            width: 17.3vw;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 75%;
            padding: 0;
            margin-bottom: 5px;
        }
    }
    @media (max-width: 330px) and (min-width:319px) {
        .row-item-content .item {
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 100%;
            padding: 0;
            margin-bottom: 5px;
        }
    }
    @media (max-width: 345px) and (min-width:330px) {
        .row-item-content .item {
            width: 58px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 77%;
            padding: 0;
            margin-bottom: 5px;
        }
    }
    @media (max-width: 359px) and (min-width:345px) {
        .row-item-content .item {
            width: 63px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 78%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 374px) and (min-width:359px) {
        .row-item-content .item {
            width: 66px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 79%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 390px) and (min-width:374px) {
        .row-item-content .item {
            width: 70.3px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 100%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 409px) and (min-width:390px) {
        .row-item-content .item {
            width: 74px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 81%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 431px) and (min-width:409px) {
        .row-item-content .item {
            width: 79.3px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 82%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 460px) and (min-width:431px) {
        .row-item-content .item {
            width: 84px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 82.8%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 490px) and (min-width:460px) {
        .row-item-content .item {
            width: 91.5px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 84%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 520px) and (min-width:490px) {
        .row-item-content .item {
            width:99px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 85%;
            padding: 0;
            margin-bottom: 5px;
        }
    }
    @media (max-width: 550px) and (min-width:520px) {
        .row-item-content .item {
            width: 105px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 85%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 780px) and (min-width:750px) {
        .row-item-content .item {
            width: 162px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 89%;
            padding: 0;
            margin-bottom: 5px;
        }
    }
}