/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
    /*    position: absolute;*/
    /*top: 0;*/
    right: 0;
    left: 0;
    z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
    padding-right: 0;
    padding-left: 0;
}
.navbar-wrapper .navbar .container {
    width: auto;
}
.navbar{
    margin-bottom: 0 !important;
    min-height: 50px !important;
    position: relative !important;
}
.navbar-default{
    background: #fff !important;
}
.search-input input{
    background:#f3f3f3;
    background-position: 93% 50%;
}
.search-input .submit-search{
    background:url("../images/icon-search.png") no-repeat;
    background-size:70%;
}
.container {
    margin: 0 auto;
}

.footer{
    background: #007476;
    padding-top: 12px;
    /*padding-bottom: 12px;*/
}
.footer2{
    background: #fff;
    padding-top: 0;
    padding-bottom: 0;
}
#circle {
    background: #fff;
    margin-top: 9px;
    float: right;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.hr-footer{
    float: right;height: 2px;width: 70%;
    margin-top: 13px;
}
.doitac{
    color: #fff;
    font-weight: bold;
    font-size: 17px;
}
.copyright{
    padding-left: 0 !important;
    margin-top: 10px;
}
.menu-2{
    margin-top: 10px;
    padding-left: 48px !important;
}
.menu-2 a,.menu-2 span{
    color: #007476;
    padding: 0px 2px;
}
.border-list-khoa{
    /*border-radius: 10px !important;*/
    /*border: 1px solid #ccc;*/
}
.bsxuanquang img{
    /*border-radius: 10px !important;*/
    /*border: 1px solid #ccc;*/
}
.bsxuanlam{
    /*   width: 211px;*/
    float: right;
    padding:  20px 0 !important;
}
.bsxuanquang{
    /*   width: 211px;*/
    float: left;
    padding:  20px 0 !important;
}
.ten-bs{
    margin: 15px 0 0 0 !important;
    /*text-transform: uppercase;*/
    color:  #0b7576 ;
    font-weight: bold;
    text-align: center;
}
.ten-bs1{
    margin: 0 0 10px 0 !important;
    /*text-transform: uppercase;*/
    color:  #0b7576 ;
    font-weight: bold;
    text-align: left;
    font-size:21px;
    text-transform: uppercase;
}
.chuc-vu1{
    margin: 0 0 5px 0 !important;
    text-align: left;
    color: #747474;
}
.chuc-vu{
    margin: 0 0 5px 0 !important;
    text-align: center;
    color: #747474;
}

.box-bacsi{
    border: 1px solid #007476;
    border-radius: 5px;
    margin-bottom: 30px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.list-khoa{
    padding: 0 !important;
}
.list-group-item:last-child{
    border-bottom-right-radius: 0 !important;
    /*    border-bottom: 0 !important;*/
}
.list-group-item:first-child{
    border-top-right-radius: 0 !important;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
    background-color: #fcab30 !important;

}

.list-group{
    margin-bottom: 0 !important;
    background-color: #007476 !important;
}
.list-group-item{
    border: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
a.list-group-item{
    font-weight: bold;
    color: #fff;
    background-color: #007476 !important;
}
a.list-group-item:hover{
    color: #fff !important;
    background-color: #fcab30 !important;
}
.border-list-khoa{
    margin: 0 auto !important;
    width: 88%;
    height: 1px;
    background: #63b1b2;
}

.bs-chuyen-khoa img{
    margin: 0 auto;
}
.logo-link{
    float: left;
}
/**/
@media (min-width: 1200px) {
    .content-bs{
        width: 77%;
    }
    .container-block,.navbar-wrapper{
        width: 1170px;
        margin:0 auto;
        background-color: #ffffff;
    }
    .logo-partner-1 img{
        margin-left: 13%;
    }
    .logo-partner-3 img{
        margin-left: 10%;
    }
    .list-khoa{
        width: 23% !important;
    }
    .fb-page{
        /*padding-left: 9% !important;*/
    }

}

@media (min-width: 992px){
    .container-block >.container{
        margin-top:15px;
    }
    .row{
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mobile-style{
        display: none;
    }
    .container{
        padding: 0 !important;
    }
    .span-24{
        width: 100%;
    }
    /*-----MENU-----*/

    .navbar-nav{
        /*float: right !important;*/
    }
    .navbar-nav-menu {
        float: right !important;
    }
    .navbar-default{
        background: #fff !important;
        border-bottom: 2px solid #007476 !important;
        margin-bottom:20px!important;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus{
        color: #fff !important;
        background-color: #007476 !important;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .navbar-nav > li > a{
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    .navbar-nav > li > a:hover{
        color: #fff !important;
        background-color: #007476 !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .navbar-default .navbar-nav > li > a:hover{
        color: #fff !important;
    }
    /*.mainmenu{*/
    /*margin-top: 50px;*/
    /*}*/
    #navbar{
        width: 48%;
        float: right;
    }
    .search{
        /*position: absolute;*/
        /*top:1%;*/
        /*right: 0;*/
        margin-top: 10px;
        margin-bottom: 10px;
        float: right;
        width: 350px !important;
    }
    .form-search{
        width: 200px;
        float: left;
    }
    .form-control2{
        height:30px !important;
    }
    .search-input{
        width: 200px;
    }
    .login{
        overflow: hidden;
        float: left;
        padding-left: 0;
        margin: 7px 0px 7px 15px;
    }
    .login li{
        list-style:none;
        float: right;
        padding:0px;
        /*color:black;*/
        font-size:12px;
    }
    .login li a{
        color:black;
        /*font-weight: bold;*/
    }
    .login li a.logined{
        color:#007476;
        font-weight: normal;
    }
    .login li a:hover{
        text-decoration: none;
    }
    .logo-link img{
        margin-top: 15px;
    }
    .partner{
        padding-left:0 !important;
    }
    .fb-col{
        padding-right:0 !important;
    }
    .logo-partner{
        padding: 38px 0 !important;
        margin-top: 10px;
        background: #fff;
    }
    .logo-partner-1,.logo-partner-2,.logo-partner-3{
        padding: 0 !important;
    }
    .list-khoa{
        width: 23% !important;
    }
    .content-bs{
        width: 77% !important;
    }
    .navbar-default .navbar-nav > li > a{
        color: #007476 !important;
        font-weight: bold!important;
    }
    .search-input input {
        font-size: 12px !important;
    }
    .bs-chuyen-khoa{
        margin: 30px 1.66%;
        padding:0 !important;
        height:237px;
        overflow: hidden;
    }
}

@media (max-width:1200px) and (min-width:993px) {
    .container,.container-block,.navbar-wrapper {
        width: 960px !important;
        margin: 0 auto;
    }
    .search{
        /*position: absolute;*/
        /*top:1%;*/
        /*right: 0;*/
        margin-top: 10px;
        margin-bottom: 10px;
        float: right;
        width: 350px !important;
    }
    .form-group .radio{
        margin-top:6px;
    }
}

@media(min-width: 768px) and (max-width: 992px){

}
@media (max-width: 992px) {
    .footer{
        padding-bottom: 35px;
    }
    .container-block  >.container{
        /*margin-top: 15px;*/
        margin-bottom:30px;
        /*min-height: 750px;*/
    }
    .pc-style{
        display:none;
    }
    .search{
        float: left;
        width: 74% !important;
        padding: 0 !important;
        margin-left:5px;
    }
    .form-search{
        width: 45%;
        float: left;
    }
    .search-input{
        float: left;
    }
    .login{
        overflow:hidden;
        padding-left:15px;
        float:left;
    }
    .form-control2{
        height:30px !important;
    }
    .login li{
        list-style:none;
        float: right;
        padding:7px 0 0 0;
    }
    .login li a{
        color:white
    }
    .login li a.logined{
        color:white!important;
    }
    .navbar-toggle{
        /*float: left !important;*/
        padding-right:16px;
        margin:0 !important;
        border: 0 !important;
        padding-top: 5px !important;
    }
    .mainmenu{
        padding-top:9px;
    }
    .navbar-toggle .icon-bar {
        height: 5px !important;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background-color: #fff !important;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
        background-color: transparent !important;
    }
    .navbar-default{
        color:#fff;
        background: transparent !important;
        border-bottom: none !important;
        /*border-bottom: 2px solid #2e9e9f !important;*/
    }
    .navbar-header{
            background: #007476 !important;
        min-height: 50px;
        padding-top: 10px;
    }
    #navbar{
        background: transparent !important;
        /*margin-top:9px;*/
        border: none;
    }
    .navbar-nav{
        width: 65% !important;
        float: right !important;
        margin:0 -15px;
        background: #f3f3f3;
    }
    .navbar-default .navbar-nav > li > a{
        text-align: right;
        color: #007476 !important;
        font-weight: bold!important;
    }
    .navbar-wrapper{
        position: absolute;
    }
    .navbar{
        position: relative;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus{
        color: #fff !important;
        background-color: #007476 !important;
    }
    .fb-col{
        /*padding-left: 0 !important;*/
        padding-right:0 !important;
        text-align: left;
    }
     .partner{
         padding-left: 0 !important;
         padding-right:0 !important;
         text-align: left;
    }
    .doitac{
        font-size: 12px;
    }
    .hr-footer{
        width: 43%;
    }
    .logo-partner{
        padding: 10px 2px !important;
        margin-top: 10px;
        margin-bottom: 25px;
        background: #fff;
    }
    .logo-partner-1,.logo-partner-2,.logo-partner-3{
        padding: 0 !important;
    }
    /*    .logo-partner-1 img{
            margin-left: 13%;
        }
        .logo-partner-3 img{
            margin-left: 10%;
        }*/
    .menu-2{
        text-align: center;
        margin-top: 10px;
        padding: 0 15px 15px !important;

    }
    .copyright{
        text-align: center;
        padding:0 1% !important;
    }
    .box-giamdoc{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .box-giamdoc-2{
        padding-left: 0 !important;
    }
    .box-giamdoc-3{
        padding-right: 0 !important;
    }
    .ten-bs, .chuc-vu{
        font-size: 12px !important;
    }
    .content-bs{
        padding:0 !important;
        /*margin-top: 45px;*/
    }
    .bs-chuyen-khoa{
        /*width: 26% !important;*/
        margin: 20px 4.1%;
        padding:0 !important;
        height:185px;
    }
    .list-khoa{
        /*position: absolute;*/
        width: 100%
    }
    .list-group{
        position: absolute;
        z-index: 3 !important;
        border-radius: 7px;
        width:100%;
    }
    .box-bacsi{
        position: relative;

    }
    .plus{
        background: url(../images/plus.png) no-repeat 95%;
    }
    .minus{
        background: url(../images/minus.png) no-repeat 95%;
    }
    a.list-group-item{
        min-height: 30px;
    }
    .list-group-item{
        font-size: 15px;
        /*padding:15px 25px !important;*/
    }
    .list-group-item:first-child{
        border-radius: 5px !important;
    }
}
@media (max-width: 750px) {
    .pc-style{
        display: none !important;
    }
    .footer{
        padding-bottom: 35px;
    }
}