.navbar-primary { 
    border: none;
    background-color: #2D6EC3;
    text-transform: uppercase;
}



/*------------- CẤP 1 -------------*/
.navbar-primary .nav > li > a {
    color:#fff;
    font-weight: bold;
}

/* phân cách mỗi li
.navbar-primary .navbar .nav > li {
    background: url("../images/separator.gif") no-repeat right bottom;
} 
*/

/* định nghĩa li cuối
.navbar-primary .nav > li:last-child {
    background: none;
}*/

/*.navbar-primary .nav > li a:hover {
    color: #2D6EC3; 
    height: 40px;
    background: url("../images/nav_hover.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.navbar-primary .nav > li.active a {
    color: #2D6EC3; 
    height: 40px;
    background: url("../images/nav_hover.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}*/
/*Định dạng li cha cuối cùng không canh phải*/
/* .navbar-primary .navbar .navbar-nav > li:last-child {
    margin-right: 0;
} */

/*------------- CẤP 2 -------------*/
.navbar-primary .nav > li > ul {
    width: auto;
}
/* định dạng cho cấp con nào mà có cấp cha được được active */
/*.navbar-primary .nav > li.active ul li a:link {
    color: #2D6EC3;
    text-decoration: none;
}*/

.navbar-primary .nav > li > ul > li a:link,
.navbar-primary .nav > li > ul > li a:visited {
    background: none;
    color: #2D6EC3;
    text-decoration: none;
}
.navbar-primary .nav > li > ul > li a:hover {
    text-decoration: underline;
}    

/* định nghĩa border-bottom mỗi li*/
.navbar-primary .nav > li > ul > li,
.navbar-primary .nav > li > ul > li > ul > li {
    border-bottom: dashed 1px #2D6EC3;
}
/*Định dạng li cuối cùng là không có border-bottom*/
.navbar-primary .nav > li > ul > li:last-child,
.navbar-primary .nav > li > ul > li > ul > li:last-child {
    border-bottom: none;
}

/*Định dạng cấp 1 khi ghê chuột vào cấp 2*/
.navbar-primary .nav > li.dropdown.open.active > a:hover,
.navbar-primary .nav > li.dropdown.open > a {
    background: none;
    color: #fff;
}




@media (min-width: 480px) {
    .navbar-primary .nav > li a:hover {
        color:#fff;
        text-decoration: underline;
    }
    .navbar-primary .nav > li.active a {
        color:#fff;
    }


    /* --- CẤP 3 ---- */
    .navbar-primary .nav > li > ul > li > ul > li > a:link,
    .navbar-primary  .nav > li > ul > li > ul > li > a:visited {
        padding-left: 50px;
    } 

}





@media (min-width: 768px) {

    /*-- canh giữa menu --*/
    /*    .navbar-nav {
            width: 100%;
            text-align: center;
        }
        .navbar-nav > li {
            float: none;
            display: inline-block;
        }
        .navbar-nav > li.navbar-right {
            float: right !important;
        }*/
    /*-- canh giữa menu --*/


    .navbar-primary .nav > li a:hover {
        text-decoration: none;
        color: #2D6EC3; 
        height: 35px;
        background: url("../images/nav_hover.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .navbar-primary .nav > li.active a {
        color: #2D6EC3; 
        height: 35px;
        background: url("../images/nav_hover.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    /* --- CẤP 3 ---- */
    .navbar-primary .nav > li > ul > li > ul > li > a:link,
    .navbar-primary  .nav > li > ul > li > ul > li > a:visited {
        padding-left: 10px;
    } 

    .navbar-primary .nav > li > a:link,
    .navbar-primary .nav > li > a:visited {
        font-size: 10px;
        padding: 8px;
    }
    .navbar-primary .nav > li > ul > li a:link,
    .navbar-primary .nav > li > ul > li a:visited {
        font-size: 12px;
        padding: 5px;     
    } 
    .navbar-primary  .nav {
        height: 35px;
    }   
} 





@media (min-width: 992px) {
    .navbar-primary .nav > li a:hover {
        color: #2D6EC3; 
        height: 40px;
        background: url("../images/nav_hover.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .navbar-primary .nav > li.active a {
        color: #2D6EC3; 
        height: 40px;
        background: url("../images/nav_hover.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .navbar-primary .nav > li > a:link,
    .navbar-primary .nav > li > a:visited {
        font-size: 12px;
        padding: 10px;
        /*background: green;*/
    }   
    .navbar-primary .nav > li > ul > li a:link,
    .navbar-primary .nav > li > ul > li a:visited {
        font-size: 13px;
        padding: 10px;
    }   
    .navbar-primary .nav {
        height: 40px;
    }        
} 



@media (min-width: 1200px) {
    .navbar-primary  .nav > li > a:link,
    .navbar-primary  .nav > li > a:visited {
        font-size: 13px;
        padding: 10px 13px;
        /*background: red;*/
    }        
    .navbar-primary .nav > li > ul > li a:link,
    .navbar-primary .nav > li > ul > li a:visited {
        font-size: 14px;
        padding: 10px;
    }  
    .navbar-primary .nav {
        height: 40px;
    } 
} 









.navbar-xs {
    min-height: 30px;
    border: none;
    background-color: #2D6EC3;
}
.navbar-xs .nav > li > a:link,
.navbar-xs .nav > li > a:visited {
    font-size: 13px;
    padding: 5px 10px;
    background: #2D6EC3;
    color: #fff;
    text-transform: none;
}
.navbar-xs .nav > li > a:hover,
.navbar-xs .nav > li.active > a:hover{
    text-decoration: underline;
    background: none;
    color: #fff;
}