.top-bar {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}

.top-bar, .top-bar ul {
    background-color: #fff;
}

.menu > li > a {
    color: #000;
    font-size: 21px;
}


.bgheadertop {
    background-color: #66686d;
    width: 100%;
}

@media all and (max-width: 640px) {
    .title-bar {
        background-color: #66686d;
        width: 100%;
        height: 40px;
        padding-top: 8px;
        padding-left: 10px;
    }

    .menu input, .menu a, .menu button {
        border-bottom: 2px dotted #c2c2c2;
        border-style: none none dotted;
        width: 100%;
        max-width: 100%;
    }


    .top-bar-title span {
        width: 100%;
        color: #fff;
    }

    .top-bar {
        margin: 0;
    }

    .top-bar ul {
        margin-top: 0px;

    }

    .top-bar.sticky {
        position: relative;
    }

    .naviheader {
        height: 40px;
    }

    .naviheadertop {
        position: absolute;
        top: 0;
        width: 100%;
        height: 40px;
        position: fixed;
        z-index: 1000;

    }

    .bgheader {
        margin-top: 40px;
    }

}

@media all and (min-width: 1024px) {
    .menu.medium-horizontal > li {
        height: 47px;
        padding: 0 5px;
    }

    .top-bar, .top-bar ul {
        max-width: 600px;
    }
}


@media all and (min-width: 640px) and (max-width: 1024px) {
    .top-bar, .top-bar ul {
        max-width: 600px;
        margin: 0 auto;
    }
}

@media all and (min-width: 640px) and (max-width: 740px) {
    .menu > li > a {
        font-size: 14px;
    }
}