#menuInner,
#menuInner ul,
#menuInner ul li,
#menuInner {
    margin: 0px 1px 0 1px;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    color: #247ca4;
    border: 1px solid #1C5299;
    width: 150px;
background:#F9FAF5;
}

    #menuInner ul li a {
        white-space: nowrap;
    }


    #menuInner:after,
    #menuInner > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    #menuInner #menu-button {
        display: none;
    }

#menuInner {
    width: 1152px;
    height: 22px;
    font-family: 'Oswald', sans-serif;
    line-height: 1;
    top: 0px;
    right: 0px;
    border: 0px solid #333333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}

    #menuInner a.static.selected {
        background: #1C5299;
        color: #FFF !important;
    }


    #menuInner > ul > li {
        float: left;
        top: 0px;
        left: 0px;
        height: 21px;
        background: #B99B67;
        /*opacity: 0.7;*/
    }

    #menuInner.align-center > ul {
        font-size: 0;
        text-align: center;
    }

        #menuInner.align-center > ul > li {
            display: inline-block;
            float: none;
        }

    #menuInner.align-center ul ul {
        text-align: left;
    }

    #menuInner.align-right > ul > li {
        float: right;
    }

    #menuInner.align-right ul ul {
        text-align: right;
    }

    #menuInner > ul > li > a {
        font-size: x-small;
        text-decoration: none;
        text-transform: uppercase;
        /*color: #247ca4;*/
        color:#fff;
        -webkit-transition: color .3s ease;
        -moz-transition: color .3s ease;
        -ms-transition: color .3s ease;
        -o-transition: color .3s ease;
        transition: color .3s ease;
        text-align: center;
        padding: 7px;
    }

    #menuInner > ul > li:hover > a,
    #menuInner > ul > li.active > a {
        color: #B99B67;
        background: #1C5299;
        /*height: 21px;*/
    }


    #menuInner li:hover > ul {
        left: auto;
        height: 10px;
    }

.div_innerMenu {
    width: 796px;
    vertical-align: top;
    float: left;
}






@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

    #menuInner {
        width: 100%;
    }

        #menuInner ul {
            width: 100%;
            display: none;
        }

        #menuInner.align-center > ul,
        #menuInner.align-right ul ul {
            text-align: left;
        }

        #menuInner ul li,
        #menuInner ul ul li,
        #menuInner ul li:hover > ul > li {
            width: 100%;
            height: auto;
            border-top: 1px solid rgba(120, 120, 120, 0.15);
        }

            #menuInner ul li a,
            #menuInner ul ul li a {
                width: 100%;
            }

        #menuInner > ul > li,
        #menuInner.align-center > ul > li,
        #menuInner.align-right > ul > li {
            float: none;
            display: block;
        }

        #menuInner ul ul li a {
            padding: 20px 20px 20px 30px;
            font-size: 12px;
            color: #000000;
            background: none;
        }

            #menuInner ul ul li:hover > a,
            #menuInner ul ul li a:hover {
                color: #000000;
            }

        #menuInner ul ul ul li a {
            padding-left: 40px;
        }

        #menuInner ul ul,
        #menuInner ul ul ul {
            position: relative;
            left: 0;
            right: auto;
            width: 100%;
            margin: 0;
        }

            #menuInner > ul > li.has-sub > a::after,
            #menuInner ul ul li.has-sub > a::after {
                display: none;
            }

    #menu-line {
        display: none;
    }

    #menuInner #menu-button {
        display: block;
        padding: 20px;
        color: #000000;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
    }

        #menuInner #menu-button::after {
            content: '';
            position: absolute;
            top: 20px;
            right: 20px;
            display: block;
            width: 15px;
            height: 2px;
            background: #000000;
        }

        #menuInner #menu-button::before {
            content: '';
            position: absolute;
            top: 25px;
            right: 20px;
            display: block;
            width: 15px;
            height: 3px;
            border-top: 2px solid #000000;
            border-bottom: 2px solid #000000;
        }

    #menuInner .submenu-button {
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.15);
        height: 52px;
        width: 52px;
        cursor: pointer;
    }

        #menuInner .submenu-button::after {
            content: '';
            position: absolute;
            top: 21px;
            left: 26px;
            display: block;
            width: 1px;
            height: 11px;
            background: #000000;
            z-index: 99;
        }

        #menuInner .submenu-button::before {
            content: '';
            position: absolute;
            left: 21px;
            top: 26px;
            display: block;
            width: 11px;
            height: 1px;
            background: #000000;
            z-index: 99;
        }

    #menuInner .u .submenu-button.submenu-opened:after {
        display: none;
    }
}