@media (min-width: 800px) {
    nav {
        display: none;
    }
}

@media (max-width: 800px) {
    body {
        padding-top: 0;
    }
    html>body {
        font-size: 14px;
    }
    nav ul a:hover,
    nav ul li:hover a.sub_nav,
    /*nav ul li.open,
nav ul li.open .sub_nav,*/
    nav ul a:active,
    nav ul a.trail,
    nav ul span.active,
    nav ul ul a:hover,
    nav ul ul a:active,
    nav ul ul li span.active {
        background-color: #FF9933 !important;
        color: #fff;
    }
    nav {
        width: 100%;
        position: relative;
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        z-index: 9999;
    }
    nav a.mobile_handle {
        height: 25px;
        position: relative;
        display: block;
        margin: 0 0 10px 0;
        padding: 15px 10px 10px;
        text-align: left;
        background: #3d4142 url(../handle.png) no-repeat right center;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        color: #ffffff;
        cursor: pointer;
    }
    nav ul {
        position: relative;
        /*padding-top: 10px;
    padding-bottom: 10px;*/
        background-color: #393939;
        height: auto;
    }
    nav ul li {
        position: relative;
        float: none;
        display: block;
        /*padding: 0 10px;*/
        padding: 0;
        background-color: #333;
        border: none;
    }
    nav ul li.two_column_wrapper {
        float: left;
        display: block;
        background-color: #4d4d4d;
        width: 100%;
        border-top: 2px solid #4d4d4d;
    }
    nav ul li.two_column {
        width: 49.7%;
        float: left;
        background: #333;
        border: 0px !important;
        padding: 0px !important;
    }
    nav ul li.two_column a {
        padding: 15px 11px !important;
        border: 0px !important;
    }
    nav ul li.two_column:last-child {
        float: right;
    }
    nav ul a,
    nav ul a:link,
    nav ul a:visited,
    nav ul span.active {
        position: relative;
        float: none;
        clear: both;
        display: block;
        margin: 0;
        padding: 18px 10px;
        border-top: 2px solid #4d4d4d;
        border-radius: 0;
        font-size: 14px;
        line-height: 10px;
        font-weight: normal;
        color: #fff;
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
        background-image: none;
    }
    /* Second Level */
    nav ul ul {
        width: 100%;
        left: 0;
        top: 0;
        position: relative;
        /*display: none;*/
        margin: 0;
        padding: 0;
        background-color: rgba(0, 0, 0, .07);
    }
    nav ul ul li {
        margin-right: 0;
        margin-left: 0;
        padding: 0;
        background-color: #444;
    }
    nav ul ul a,
    nav ul ul a:link,
    nav ul ul a:visited,
    nav ul ul span.active {
        padding: 15px 10px 15px 30px;
        border-top: 1px solid #222;
    }
    nav ul ul ul {
        left: 0;
        top: 0;
    }
    nav ul ul ul a,
    .mod_navigation ul ul ul a:link,
    nav ul ul ul a:visited,
    nav ul ul ul a:visited span.active {
        padding: 15px 10px 15px 50px;
    }
    nav .sub_nav {
        width: 46px;
        height: 46px;
        right: 10px;
        top: 0;
        position: absolute;
        display: inline-block;
        margin: 0;
        padding: 0;
        background-color: #cc7a29;
        border-left: 0px solid #393939;
        cursor: pointer;
        position: absolute !important;
    }
    nav ul ul .sub_nav {
        right: 0;
    }
    nav .arrow_up {
        width: 44px;
        height: 44px;
        float: right;
        background-image: url("../arrow_up.png");
        background-position: center center;
        background-repeat: no-repeat;
    }
    nav .arrow_down {
        width: 44px;
        height: 44px;
        float: right;
        padding: 0;
        background-image: url("../arrow_down.png");
        background-position: center center;
        background-repeat: no-repeat;
    }
    #left {
        display: none;
    }
    .menu-header-1,
    .menu-header-2,
    .headerline {
        display: none;
    }
    h1.header,
    p.header {
        text-align: center;
        font-size: 20px;
        margin: 0;
        padding: 20px 0 0 0;
    }
    h2.header,
    p.header {
        text-align: center;
        font-size: 14px;
        margin: 0;
        padding: 10px 0 0 0;
    }
    #header {
        background: none;
        height: auto;
    }
}