.mmt-mdp-nav {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
    list-style: none;
}

.mmt-mdp-nav__item {
    flex: 1 100%;
    border-bottom: 1px solid #ddd;
}

@media screen and (min-width: 376px) {
    .mmt-mdp-nav__item {
        border: 0;
    }
}

.mmt-mdp-nav__link {
    display: block;
    padding: .5em 16px !important;
    text-decoration: none;
    font-weight: 500;
    font-size: .9em;
    color: inherit;
}


@media screen and (min-width: 640px) {
    .mmt-mdp-nav__item {
        flex: 0 1 49%;
    }

    .mmt-mdp-nav__link {
        padding: 16px !important;
    }
}

@media screen and (min-width: 1024px) {
    .mmt-mdp-nav {
        padding-right: 0;
        padding-left: 0;
    }

    .mmt-mdp-nav__item {
        position: relative;
        flex: 0 auto;
        display: flex;
        align-items: center;
        margin: 0;
        border: 0;
        background-size: 3em !important;
        background-position: 1em 50%;
    }

    .mmt-mdp-active::after {
        content: '';
        position: absolute;
        right: -8px;
        bottom: 0;
        left: 0;
        border-bottom: 4px solid #03aceb;
    }

    .mmt-mdp-nav__link {
        padding: 16px 32px 16px 16px;
        font-size: .9em;
    }

    .mmt-mdp-nav__item--hasIcon .mmt-mdp-nav__link {
        padding-left: 5em !important;
    }
}

@media screen and (min-width: 1280px) {
    .mmt-mdp-nav__list {
        min-height: 5.4em;
    }

    .mmt-mdp-nav__link {
        font-size: 1em;
    }
}

@media (min-width: 1440px) {
    .mmt-mdp-nav__link {
        padding: 1.3em 32px;
        font-size: 1.1em;
    }
}