@media only screen and (max-width : 639px) {

    .nav-mobile {
        display: none;
    }

    #dnn_pnav {
        background: #fff;
        margin: 0;
        padding: 0;
    }

        #dnn_pnav ul ul li {
            display: none;
        }


        #dnn_pnav ul {
            margin: 0;
            padding: 0;
        }


        #dnn_pnav li {
            margin: 0;
            padding: 0 0 10px 0;
            list-style: none;
            text-align: left;
        }

        #dnn_pnav ul > li {
            margin: 0;
            padding: 0;
            list-style: none;
            text-align: left;
        }


        #dnn_pnav li > a {
            display: block;
            padding: 6px 0 6px 30px;
            font-size: 20px;
            color: #dc2831;
            font-family: 'ChunkFiveRegular', 'Segoe UI', Helvetica, Arial;
            text-transform: uppercase;
        }


            #dnn_pnav li > a:hover {
                text-decoration: none;
            }


        #dnn_pnav ul > li > a {
            display: block;
            padding: 13px 38px 13px 38px;
            font-size: 16px;
            color: #000;
            font-family: Arial;
            font-size: 16px;
            text-transform: none;
        }


            #dnn_pnav ul > li > a:hover, #dnn_pnav ul > li > a:focus {
                display: block;
                padding: 13px 38px 13px 38px;
                background: #dc2831 url(/Portals/_default/Skins/ElMonte/images/mobile/nav-arrow.png) 95% 50% no-repeat;
                color: #fff;
                text-decoration: none;
            }


    li#pnav80, li#pnav82, li#pnav82, li#pnav85, li#pnav109, li#pnav113 {
        display: none;
    }

    li#pnav81, li#pnav1011, li#pnav984, li#pnav1051, li#pnav1061, li#pnav1055  {
        padding: 20px 0 0 0;
    }
}