.wrapper {
    width: 100%;/*980px*/
    margin: 0 auto;
    z-index:99999;
}
.wrapper-nav{
    background-color:#999;/*01bdd6 = xanh ngoc bich*/
    padding:2px 2px 2px 2px;
}
    
.wrapper-nav.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 0 5px 2px #ccc;
    z-index:9999;
}

.wrapper-nav.fixed .nav-main {
    width: 90%;
    margin: 0 auto;
    border:solid 0px #009900;
}

/*.nav-main {
    height: 36px;
}*/

/*.nav-main>ul {
    position: relative;
    width: 100%;
    max-width: 100%;
	padding: 0px;
	margin: 0px;
}
.nav-main>ul>li {
	list-style: none;
    float: left;
    padding: 12px 0 10px;
    border-bottom: solid 1px #ccc;
}
.nav-main>ul>li>a {
    color: #333;
    font-weight: 700;
    float: left;
    font-size: 14px;
    padding: 1px 3.6px;
    border-left: solid 1px #ccc;
}*/
@media only screen and (min-width: 320px) and (max-width: 750px) {
    .wrapper-nav {
        background-color: #999; /*01bdd6 = xanh ngoc bich*/
        padding: 2px 2px 2px 2px;
    }
}