@media all and ( min-width: 1170px ) {
        ul.tab li a {
            padding: 7px 19px;
        }
        ul.tab{
            width: 71.31%;
            margin: 0px 18.5%;
        }
        .tab-advanced {
            width: 19%;
            margin-top: -70px;
             position: absolute;
            right: 0px;
        }
        .search-home-top-button {
            float: right; width: 30.8%;
         }
        .search-home-top-texbox {
            float: left; width: 69%; margin: 5px 0px;
        }
        .search-home-top-button .btnTimKiemHome{
            width:20%;
            height:40px;
        }
        .search-home-top-texbox .tx-Search-home{
             width:100%;
            height:40px;
        }
    }
    @media all and ( max-width: 1170px ){
        ul.tab li a {
            padding: 7px 19px;
        }
        ul.tab{
            width: 71.31%;
            margin: 0px 14.5%;
        }
         .tab-advanced {
            width: 19%;
            margin-top: -70px;
              position: absolute;
            right: 0px;
        }
         .search-home-top-button {
            float: right; width: 30.8%;
         }
        .search-home-top-texbox {
            float: left; width: 69%; margin: 5px 0px;
        }
       .search-home-top-button .btnTimKiemHome{
            width:20%;
            height:40px;
        }
        .search-home-top-texbox .tx-Search-home{
             width:100%;
            height:40px;
        }
    }
    @media all and ( max-width: 990px){
        ul.tab li a {
            padding: 5px 6px;
        }
        ul.tab{
            margin: 0px 10.5%;
        }
    }
    @media all and ( max-width: 900px){
        ul.tab li a {
            padding: 5px 9px;
        }
        ul.tab{
            width:79.31%;
            margin: 0px 7.5%;
        }
        .search-home-top-button{
            width: 22.8%;
        }
        .search-home-top-texbox{
            width:77%;
        }
        .search-home-top-button .btnTimKiemHome{
            width: 30%;
        }
        .tab-advanced {
            width: 14%;
        }
    }
    @media all and ( max-width: 820px){
        /*.tab-advanced {
            width: 19%;
        }*/
    }
    @media all and ( max-width: 790px){
        ul.tab li a{
            padding: 5px 3px;
        }
    }
    @media all and ( max-width: 730px){
        .tab-advanced {
            width: 58%;
            margin-top: 3px;
            height: 20px;
                position:initial;
        }
        .search-home-top-button {
             width: 20.8%;
         }
        .search-home-top-texbox {
            width: 79%;
        }
        .search-home-top-button .btnTimKiemHome{
            width:45%;
            height:33px;
        }
        .search-home-top-texbox .tx-Search-home{
            width:100%;
            height:33px;
        }
    }
    @media all and ( max-width: 670px){
        ul.tab{
            width: 85.31%;
             margin: 0px 7.5%;
        }
        ul.tab li a{
            font-size:12px;
        }
    }
    @media all and ( max-width: 600px) {
        ul.tab li a {
            font-size: 12px;
        }
    }
    @media all and ( max-width: 550px){
        .search-home-top-button .btnTimKiemHome {
            width: 48%;
            height: 33px;
        }
         ul.tab li{
            width: 19%;
            height: 45px;
            text-align:center;
        }
         ul.tab {
            width: 84%;
            margin: 0px 16.5%;
        }
         .tab-advanced{
             width:60%;
         }
    }
    @media all and ( max-width: 500px) {
        ul.tab li{
            min-width: 10%;
            height: 50px;
        }
    }
       @media all and ( max-width: 420px) {
         .search-home-top-button .btnTimKiemHome {
            width: 59%;
            height: 33px;
            margin-left:8px;
        }
         ul.tab {
            width: 88%;
            margin-left : 52.5px;
        }
    }

    @media all and ( max-width: 375px) {
        ul.tab li{
            min-width: 10%;
            height: 60px;
        }
    }
    @media all and ( max-width: 350px){
        .search-home-top-button .btnTimKiemHome {
            width: 100%;
        }
        .search-home-top-button {
            width: 17%;
        }
        .search-home-top-texbox {
            width: 78%;
            margin-left:5%;
        }
        ul.tab li{
            width: 22%;
            height:61px;
        }
         ul.tab{
            width: 87%;
            margin-left:6%;
            /*margin: 0px 1.5%;*/
        }
         .tab-advanced{
             width:65%;
             margin-right:7%;
         }
    }



@media all and ( max-width: 320px) {
    .search-home-top-button {
            width: 15%;
        }
}
    .home-hidden {
        display: none !important;
    }

    .home-show {
        display: block !important;
    }
ul.tab {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.tab-advanced {
    float: right;
}
/* Float the list items side by side */
ul.tab li {
    float: left;
    border-left:1px solid #ffffff;
    background: #2971ab;
}
ul .search-all{
    border-left:none !important;
}
/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;
    width:100%;
    height:100%;
}
ul .search-xhcn, ul .search-xhcn .active{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.none-active{
	color:white;
}
/* Change background color of links on hover */
ul.tab li a:hover {
	color:#139be8;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    background-color: #1a4e79;
    color: white;
}
active:after {
    border: solid;
    width: 81px;
    /* border-color: #139be8; */
    border-top-width: 1px;
    top: 24px;
    left: 0;
}
/* Style the tab content */
.tabcontent {
    display: none;
    padding-bottom: 8px;
    border-top: none;
}

.topright {
 float: right;
 cursor: pointer;
 font-size: 20px;
}

.topright:hover {color: red;}
.search-tab-home-top-center{
    /*border-bottom: 1px solid #ccc;*/
}
.ddl-thuvien{
    height: 38px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    margin: 5px 57%;

}
.tx-Search-home {
    border: 2px solid #428fe7 !important;
}