nav { height: 40px; width: 100%; font-size: 1em; font-weight: bold;  position: relative;
        border-bottom: 1px solid #3399FF; color: #0000FF;}

nav ul { padding: 0;  margin: 0 auto;  width: 100%; height: 40px; }

nav li {display: inline;  float: left; width: 10.8%; }

.clearfix:before,
.clearfix:after {content: " "; display: table; }
.clearfix:after {clear: both;}
.clearfix { }

nav a { color: #0000FF;
        display: inline-block;
        width: 100%;
        text-align: center;
        text-decoration: none;
        line-height: 40px;
        font-family: "Times New Roman", serif;}

nav li a { box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;}


nav li:last-child a { border-right: 0; }

nav a:link, nav a:visited {color:#0000FF;}
nav a:hover, nav a:active { background-color: #FDFD8A; font-weight: 100; }
nav a:hover {color: red; text-transform:uppercase;font-size: 0.8em}

nav a#pull {display: none;}

/*nav bottom*/
.footer-v2 .footer-wrap {
    margin: 0 auto;
    padding: 5px 0 35px 0!important;
    width: 100%;
    height: 1.5em;
}
.footer-v2 .footer-wrap li {
    display: inline-block;
    float: left;
}
.footer-wrap li a {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #353535;
    padding-bottom: 10px;
}

.menu-text-link {
    font-family: "Times New Roman", serif; color:black;
}

.footer-v2 {
    /*display: none;*/
    margin: 0!important;
    padding: 0!important;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    background: #DFE8F1;
    border-top: 1px solid #e2e2e2;
    z-index: 1111111;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transition: transform 300ms ease;
    -webkit-transition: transform 300ms ease;
    -moz-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
}

/*end nav bottom*/

/*text nhấp nháy ở nhập cốc*/
@-webkit-keyframes my {
0% { color:black; }
50% { color: red; }
100% { color: blue; }
}
@-moz-keyframes my {
0% { color:black; }
50% { color: red; }
100% { color: blue; }
}
@-o-keyframes my {
0% { color:black; }
50% { color: red; }
100% { color: blue; }
}
@keyframes my {
0% { color:black; }
50% { color: red; }
100% { color: blue; }
}

#displaySLnhapcocOnline1bottom {
font-size: 11px!important;    
-webkit-animation: my 700ms infinite;
-moz-animation: my 700ms infinite;
-o-animation: my 700ms infinite;
animation: my 700ms infinite;
}
/*end text nhấp nháy ở nhập cốc*/


@media screen and (max-width:1000px) {
        nav {height: auto;}
        nav ul {width: 100%; display: none; height: auto; }/*gốc block*/
        nav li {width: 50%; float: left; position: relative; }
        nav li a {/*--border-bottom: 1px solid #576979; border-right: 1px solid #576979;  --*/ }
        nav a {text-align: left;  width: 100%; text-indent: 25px; }

        /*nút menu ẩn hiện*/
        nav a#pull {display: block; width: 100%; position: relative; border-bottom: 1px solid #993300;}
        nav a#pull:after {content:"";  background: url('nav-icon.png') no-repeat;
            width: 30px; height: 30px; display: inline-block;  position: absolute; right: 20px; top: 10px;}

        /*hiện nav bottom*/
        .footer-v2 {display: block; position: fixed;}    
        .footer-v2 .footer-wrap li a {font-size: 16px !important;}

        .menu-text-link {
                font-size: 12px; /*chữ nhỏ lại trên điện thoại*/
        }

} 

@media only screen and (max-width : 600px) {
        nav {border-bottom: 0;}
        nav ul { display: none; height: auto; }
        nav a#pull {display: block; width: 100%; position: relative;
            border-bottom: 1px solid #993300;}
        nav a#pull:after {content:"";
            background: url('nav-icon.png') no-repeat;
            width: 30px; height: 30px;
            display: inline-block; position: absolute;
            right: 20px; top: 10px;}
}

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

@media screen and (max-width:450px) {}

@media only screen and (max-width : 320px) {
        nav li {display: block; float: none; width: 100%; }
        nav li a { }

        .footer-v2 .footer-wrap li a {
            font-size: 14px !important;
        }
}