@media only screen and (min-width: 0) {
    div.submenu_odd {
        width: 100%;
        float: left;
    }

    div.submenuTitle_odd {
        width        : 100%;
        border-bottom: 1px solid #CCC;
        position     : relative;
        margin-top   : .5em;
    }

    div.submenuTitle_odd img {
        width        : .75em;
        height       : .75em;
        margin-bottom: -.1em;
        transition   : linear 250ms;
    }

    div.submenuTitle_odd h3 {
        max-width    : calc(100% - 2.5em);
        border-bottom: 1px solid rgb(22, 97, 140);
        z-index      : 1;
        position     : relative;
        bottom       : -1px;
        left         : 0;
        padding-right: .5em;
    }

    div.submenuContent_odd {
        width     : 100%;
        float     : left;
        margin-top: .5em;
    }

    div.submenuContent_odd ul {
        width: 100%;
        float: left;
    }

    div.submenuContent_odd ul li {
        width: 100%;
        float: left;
    }

    div.submenuContent_odd ul li::before {
        content: none;
    }

    div.submenuContent_odd ul li a:hover {
        background-color: rgb(22, 97, 140);
        color           : white;
    }

    div.submenuContent_odd ul li[data-used]>a {
        background-color: rgb(22, 97, 140);
        color           : white;
    }

    div.submenuContent_odd ul li a {
        width           : calc(100% - 10px - 2px);
        float           : left;
        background-color: white;
        padding         : 3px 5px;
        border          : 1px solid rgb(22, 97, 140);
        border-radius   : 5px;
        margin-bottom   : 3px;
        margin-top      : 3px;
        font-size       : .9em;
        transition      : linear 250ms;
    }

    div.submenuContent_odd ul li[data-used] a {
        cursor: default;
    }

    div.submenuContent_odd ul ul {
        margin-left: 1em;
        width      : calc(100% - 1em);
        font-size  : .9em;
    }
}