@media all and (max-width: 480px) {
    #menudx > ul {        
        width: 100%;
        max-height: 32px;
        overflow: hidden;
        -webkit-transition: max-height 0.5s;
        transition: max-height 0.5s;
    }
    #menudx.expand ul {
        max-height: 900px;
         height: auto;
    }
    #menudx > ul > li {
        border-right: 0 none;
        -moz-box-shadow: 0 0 0 transparent;
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
        display: block;
        float: none;
    }
    div#navDx{
        float: none; 
        margin-left: 0;
        width: 100%;
    }
    #menudx > ul > li.mobile {
        display: block;
    }
    #menudx > ul > li.mobile i {
        float: right;
        font-style: normal;
    }
    #menudx ul ul {
        position: relative;
        top: 0;
        width: 100%;
    }
}

@media all and (max-width: 480px) {
    #menusx > ul {
        max-height: 32px;
        overflow: hidden;
        -webkit-transition: max-height 0.5s;
        transition: max-height 0.5s;
    }
    #menusx.expand ul {
        max-height: 900px;
        height: auto;
    }
    #menusx > ul > li {
        border-right: 0 none;
        -moz-box-shadow: 0 0 0 transparent;
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
        display: block;
        float: none;
    }
    div#navSx{
        float: none; 
        width: 100%;
    }
    #menusx > ul > li.mobile {
        display: block;
    }
    #menusx > ul > li.mobile i {
        float: right;
        font-style: normal;
    }
    #menusx ul ul {
        position: relative;
        top: 0;
        width: 100%;
    }
}