/*========== banner =============*/
@font-face{font-family:myFirstFont;src:url(../images/namkhoa/HelvetIns.ttf)}
.main{max-width:980px !important;}
article{padding:0;margin-top:1px;}
#banner{
    width:100%;
    margin:0 auto;
    height:376px;
    background: transparent url(../images/page/banner_uudai_pc.png) repeat-x center 100%;
    overflow:hidden;
    position:relative;
    background-size:auto 100%;
    padding:0;
}
#banner .right{width: 50%;float:left;margin:85px 0 0 40%;}
#banner .right div{margin-bottom: 20px;}
#banner .right >a>div {
    margin-left: 100px;
    color: #3a6e96;
    border: 3px solid #3a6e96;
    border-radius: 10px;
    width: 75%;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    font-family: myFirstFont;
    font-size: 27px;
}
#menunamkhoa ul {
    width: 100%;
    float: left;
}
#menunamkhoa ul li {
    padding: 15px 0;
    background: #eee;
    width: 24%;
    float: left;
    margin: 10px 9.8px 0 0;
    text-align: center;
    text-transform: uppercase;
    font-family: MyFirstFont;
    box-sizing: border-box;
}
#menunamkhoa ul li a{color: #535353;}
#menunamkhoa ul li:hover a{color: #fff;}
#menunamkhoa ul li:nth-child(1){border-left: 5px solid #f66161}
#menunamkhoa ul li:nth-child(2){border-left: 5px solid #fba949}
#menunamkhoa ul li:nth-child(3){border-left: 5px solid #40a670}
#menunamkhoa ul li:nth-child(4){border-left: 5px solid #1f78b1}
#menunamkhoa ul li:nth-child(5){border-left: 5px solid #ff9191}
#menunamkhoa ul li:nth-child(6){border-left: 5px solid #ffc600}
#menunamkhoa ul li:nth-child(7){border-left: 5px solid #5dd360}
#menunamkhoa ul li:nth-child(8){border-left: 5px solid #2a9bc0}
#menunamkhoa ul li:nth-child(9){border-left: 5px solid #ffb0b0}
#menunamkhoa ul li:nth-child(10){border-left:5px solid #ffe84a}
#menunamkhoa ul li:nth-child(11){border-left: 5px solid #bbe36d}
#menunamkhoa ul li:nth-child(12){border-left:5px solid #84d3ed}
#menunamkhoa ul li:nth-child(13){border-left: 5px solid #f66161}
#menunamkhoa ul li:nth-child(14){border-left: 5px solid #fba949}
#menunamkhoa ul li:nth-child(15){border-left: 5px solid #40a670}
#menunamkhoa ul li:nth-child(16){border-left: 5px solid #1f78b1}
#menunamkhoa ul li:nth-child(1):hover{background:#f66161}
#menunamkhoa ul li:nth-child(2):hover{background:#fba949}
#menunamkhoa ul li:nth-child(3):hover{background:#40a670}
#menunamkhoa ul li:nth-child(4):hover{background:#1f78b1}
#menunamkhoa ul li:nth-child(5):hover{background:#ff9191}
#menunamkhoa ul li:nth-child(6):hover{background:#ffc600}
#menunamkhoa ul li:nth-child(7):hover{background:#5dd360}
#menunamkhoa ul li:nth-child(8):hover{background:#2a9bc0}
#menunamkhoa ul li:nth-child(9):hover{background:#ffb0b0}
#menunamkhoa ul li:nth-child(10):hover{background:#ffe84a}
#menunamkhoa ul li:nth-child(11):hover{background:#bbe36d}
#menunamkhoa ul li:nth-child(12):hover{background:#84d3ed}
#menunamkhoa ul li:nth-child(13):hover{background:#f66161}
#menunamkhoa ul li:nth-child(14):hover{background:#fba949}
#menunamkhoa ul li:nth-child(15):hover{background:#40a670}
#menunamkhoa ul li:nth-child(16):hover{background:#1f78b1}
.clinic,.clinic .box,.dedicated,.dedicated .topdedicated,.dedicated .mainbox,.feedback,.confirm,.medicalclinic{width: 100%;float: left;}
.clinic .box .clinileft{width: 615px;float: left;} 
.clinic .box .clinileft p{width: 100%;float: left;background:url(../images/namkhoa/content1_bg.png)no-repeat right center #0271a4;color: #fff;padding:10px 15px;box-sizing: border-box;line-height:27px;}
.clinic .box .clinileft p a{color: #fff;}
.male .box .item p:nth-child(1):before,.clinic .box .clinileft p:before,.boxsecond .item:before,.dedicated .topdedicated p:before,.dedicated .mainbox .mainboxright p.repair:before,.mainbox .content p:before,.advicedoctor a:nth-child(1) div:before,.advicedoctor a:nth-child(2) div:before,.dedicated .topdedicated p:after
{
    background: url(../images/namkhoa/icon_all.png) no-repeat;
    content: '';
    display: block;
    position: relative;
}
.male .box .item p:nth-child(1):after {
    top: 20px;
    background: url(../images/namkhoa/content3_line1.png);
    content: '';
    display: block;
    position: relative;
    width: 235px;
    height: 3px;
}
.clinic .box .clinileft p:before {
    width: 30px;
    height: 21px;
    margin-right: 7px;
    background-position: -50px -69px;
    float: left;
}
.clinic .box .picture{width: 100%;float: left;}
.clinic .box .picture div{width: 196px;float: left;margin-top: 10px;height: 125px;overflow: hidden;}
@media screen and (min-width: 800px)
{
.clinic .box .picture div#differ{border-bottom: 4px solid #ffc346;box-sizing: border-box;}
.clinic .box .picture div:hover{border-bottom: 4px solid #ffc346;box-sizing: border-box;}    
.clinic .box .picture div:not(#differ){width: 196px;float: left;margin-top: 10px;background: black;opacity: 0.7;}
.clinic .box .picture div:not(#differ) img{opacity: 0.7;}
}


.clinic .box .picture div:nth-child(2),.clinic .box .picture div:nth-child(5){margin:10px 12px 0 }
.clinic .box .cliniright div{width: 353px;float: right;}
.clinic .contact {
    margin-top: 15px;
    border-bottom: 2px solid #eee;
    width: 100%;
    float: left;
    padding-bottom: 10px;
    border-top: 2px solid #eee;
}
.clinic .contact p{width: 232px;float: left;margin-top: 15px;}
.clinic .contact p:nth-child(2){margin-left:17px;}
.clinic .contact p:nth-child(3){margin:15px 17px 0;}
.male,.male .box,.categories{width: 100%;float: left;}
.male .box {margin-top: 20px;}
.male .title>h1,.categories .title>h1,.medicalclinic .title>h2{font-family: myFirstFont;font-size: 22px;font-weight: normal;text-align: center;color:#d13c3c;}
.male .main center p {
    line-height: 23px;
    padding: 0 20px;
    font-size: 15px;
}


.male .box .item{width: 235px;float: left;background:#0271a4;color: #fff;border-radius: 10px;}
.male .box .item p:nth-child(1){background:url(../images/namkhoa/content3_bg.png)center center;padding: 20px 0;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.male .box .item:nth-child(1) p:nth-child(1):before{
    background-position: 12px 4px;
    width: 86px;
    height: 72px;
    margin: 0 auto;
    float: none;
}
.male .box .item:nth-child(2) p:nth-child(1):before{
    background-position: -74px 4px;
    width: 92px;
    height: 72px;
    margin: 0 auto;
    float: none;
}
.male .box .item:nth-child(3) p:nth-child(1):before{
    background-position: -166px 4px;
    width: 71px;
    height: 72px;
    margin: 0 auto;
    float: none;
}
.male .box .item:nth-child(4) p:nth-child(1):before{
    background-position: -237px 4px;
    width: 60px;
    height: 72px;
    margin: 0 auto;
    float: none;
}

.male .box .item:nth-child(2){margin: 0 13px;}
.male .box .item:nth-child(3){margin-right:13px;}
.male .box .item p:nth-child(2) {
    margin-top: 10px;
    font-weight: normal;
    font-size: 17px;
    font-family: myFirstFont;
    text-align: center;
}
.male .box .item p:nth-child(3){margin-top:20px;min-height: 160px;} 
.male .box .item p:not(:nth-child(1)){padding: 0 10px; box-sizing: border-box;color: #fff;}
.male .box .item center div {
    text-transform: uppercase;
    width: 130px;
    background: #fff;
    color: #0271a4;
    font-family: myFirstFont;
    padding: 8px;
    margin: 15px 0;
    font-size: 18px;
}

.boxsecond {width:633px;float:left;}
.boxleft {width:347px;float:right;margin-top: 10px;}
.boxsecond p {
    width: 205px;
    float: left;
    background: #f5f5f5;
    font-size: 15px;
    padding: 17px 10px;
    box-sizing: border-box;
}
.boxsecond .item:before {
    width: 95px;
    height: 97px;
    margin: 0 auto;
    float: left;
}
.boxsecond .item{width: 50%;float: left;margin: 8px 0;}
.boxsecond .item:nth-child(1):before{background-position: 0px -152px;}
.boxsecond .item:nth-child(2):before{background-position: -95px -152px;}
.boxsecond .item:nth-child(3):before{background-position: -191px -152px;}
.boxsecond .item:nth-child(4):before{background-position: -287px -152px;}
.boxsecond .item:nth-child(5):before{background-position: -385px -152px;}
.boxsecond .clickmouse{text-align: center;font-family: myFirstFont;padding: 15px 10px;box-sizing: border-box;width: 47.5%;float: left;margin: 10px 0;border:2px solid #333f4f;color: #333f4f;text-transform: uppercase;font-size: 18px;}
.boxsecond .clickmouse strong{font-size: 25px;font-weight: normal;}
.boxsecond .clickmouse:before{
    background: url(../images/namkhoa/content4_icon_button.png) no-repeat;
    content: '';
    display: block;
    position: relative;
    width: 36px;
    height: 55px;
    float: right;
}
.categories .notebefore{width: 100%;float: left;background:#f0e5d5;border-bottom: 3px solid #d2c0a6;padding: 20px;box-sizing: border-box;margin: 10px 0;}
.categories .notebefore:before{
    background: url(../images/namkhoa/content4_icon.png) no-repeat;
    content: '';
    display: block;
    position: relative;
    width: 50px;
    height: 53px;
    float: left;
    margin-right: 20px;
}
.categories .notebefore strong{text-transform: uppercase;font-weight: normal;font-size: 18px;color:#020202;font-family: myFirstFont}
.dedicated .topdedicated{width: 100%;float: left;padding: 15px;box-sizing: border-box;background: #5fc385;}
.dedicated .topdedicated p{width: 75%;float: right;color: #fff;font-weight: 400;}
.dedicated .topdedicated p:before {
    width: 55px;
    height: 31px;
    float: left;
    background-position: -214px -68px;
}
.dedicated .mainbox .mainboxleft{width: 380px;float: left;margin-top: -20px;}
.dedicated .mainbox .mainboxright{width: 580px;float: right;}
.dedicated .mainbox .mainboxright p.repair{font-family:myFirstFont;color:#333f4f;font-size: 20px;margin:20px 0 10px -20px;}
.dedicated .mainbox .mainboxright p.repair:before {
    width: 27px;
    height: 40px;
    float: left;
    margin-right: 10px;
    background-position: -188px -67px;
}
.dedicated .line{width: 80px;float: left;background:#ffc600;height: 2px;}
.dedicated .linesecond{width: 463px;float: left;background:#eee;height: 2px;}
.namedoctor {width: 100%;float: left;font-family:myFirstFont;font-size: 21px;margin-left: -15px;}
.namedoctor strong{font-weight: normal;font-size: 26px;color: #0271a4}
.specialized {
    margin: 10px 0 0 -15px;
    font-size: 19px;
    float: left;
    color: #3fc070;
    text-transform: uppercase;
    font-family: myFirstFont;
    width: 100%;
}
.mainbox .content{width: 100%;float: left;margin-top: 20px;}
.mainbox .content p {
    border-left: 5px solid #e3e3e3;
    padding-left: 55px;
    width: 100%;
    float: left;
    padding-bottom: 20px;
    box-sizing: border-box;
}
.mainbox .content p:nth-child(5){padding-bottom: 0!important;}
.dedicated .mainbox .mainboxright p:last-child{padding-bottom: 0;}
.mainbox .content p:before {
    width: 44px;
    height: 42px;
    float: left;
    left: -78px;
    background-position: -145px -68px;
    margin-right: -43px;
}
.mainbox .content p:not(:nth-child(1)):before{background-position: -145px -110px; }
.advicedoctor {
    width: 80%;
    float: left;
    margin-left: 10%;
    margin-top: 15px;
}
article.feedback{margin-top: -3px;}
.advicedoctor div {
    width: 45%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-family: MyFirstFont;
    padding: 13px 8px 4px 8px;
    box-sizing: border-box;
    font-size: 19px;
    color: #fff;
    margin-left: 5%;
}
.advicedoctor a:nth-child(1) div{background: #3fc070;}
.advicedoctor a:nth-child(2) div{background: #0271a4;}
.advicedoctor a:nth-child(1) div:before {
    width: 37px;
    height: 37px;
    background-position: -80px -68px;
    float: left;
    margin-right: 5px;
}
.advicedoctor a:nth-child(2) div:before {
    width: 29px;
    height: 37px;
    background-position: -117px -68px;
    float: left;
    margin-right: 5px;
}
.confirm {
    min-height: 220px;
    background: url(../images/namkhoa/content6_bg_letter.png) top center;
    width: 100%;
    float: left;
    height: 100%;
    padding: 15px 12px;
}
.mainconfirm{width: 100%;float: left;background:#fff;}
.mainconfirm .title{width: 100%;float: left;text-align: center;color:#ef5e78;font-family: myFirstFont;margin:10px 0;font-size: 18px;}
.pattern{
    background: url(../images/namkhoa/content6_hoavan.png) no-repeat center;
    width: 100%;
    height: 8px;
    float: left;
}
.feedback .mainconfirm .inner{width: 100%;float: left;padding-top: 20px;}
.boxletter {
    width: 685px;
    float: left;
    margin-top: 15px;
}
.boxdoctor{width: 270px;float: right;text-align: center;margin-top: -45px;}
.carousel-indicators li {
    width: 16px !important;
    height: 16px !important;
    background: #ccc !important;
}
.carousel-indicators .active {
    background-color: #97CF93 !important;
}
img.example-image {
    border-radius: 15px;
}
.imganh {
    text-align: center;
    width: 32%;
    float: left;
}
.stamp{width: 100%;float: left;}
.stamp img {
    margin: 2px 15px 0 0;
    float: right;
}
span.thuhover {
    border-radius: 10px 12px;
    background: #333;
    opacity: 0.6;
    width: 160px;
    height: 160px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.imganh > a > img {
    border-radius: 12px 12px;
    height: 100%;
    position: absolute;
    z-index: 9;
}
a:hover span.thuhover, a:hover span.thuhover img {
    z-index: 9999;
    margin:auto;
}
.imganh > a:hover > img {z-index: 0;}
.cliniright {
    width: 362px;
    float: left;
}
.medicalclinic p.deverlop{width: 100%;float: left;text-align: center;color: #333f4f;font-family: myFirstFont;text-transform: uppercase;font-size: 15px;}
.medicalclinic p.times{text-align: center;width: 100%;float: left;font-size: 15px;}
.medicalclinic .box{width: 100%;float: left;margin-top: 10px;}
.medicalclinic .box .item{width: 49%;float: left;background:#f5f5f5;box-sizing: border-box;margin-top: 10px;}
.medicalclinic .box .item p {
    padding: 5px 10px;
    box-sizing: border-box;
}
.medicalclinic .box .item p:nth-child(1) {
    font-size: 17px;
    margin: 5px 0 0px;
    text-transform: uppercase;
    color: #0271a4;
    font-family: myFirstFont;
}
.medicalclinic .box .item:before{
    background: url(../images/namkhoa/content7_bg.png) no-repeat;
    content: '';
    display: block;
    position: relative;
    width: 221px;
    height: 229px;
}
.medicalclinic .box .item:nth-child(1):before {
    float: right;
    background-position: -145px 1px;
    margin-left: 10px;
}
.medicalclinic .box .item:nth-child(2):before {
    float: left;
    background-position: -145px -228px;
    margin-right: 10px;
}
.medicalclinic .box .item:nth-child(3):before {
    float: right;
    background-position: -145px -456px;
    margin-left: 10px;
}
.medicalclinic .box .item:nth-child(4):before {
    float: left;
    background-position: -145px -684px;
    margin-right: 10px;
}
.medicalclinic .box .item:nth-child(odd){margin-right: 1%;}
.posts{background: #FFA749;width: 100%;float: left;}
.posts .title h2{
    font-size: 20px;
    width: 100%;
    text-align: left;
    color: #fff;
    padding: 2px 0 5px 45px;
    text-transform: uppercase;
    font-family: myFirstFont;
    font-weight: normal;
    background: url(../images/namkhoa/content7_icon.png) no-repeat left center;
    margin: 10px 0;
    box-sizing: border-box;
}
.postwrite .box .itemleft
{
    border-right: 1px solid #ccc;
    margin-top: 10px;
    width: 350px;
    float: left;
    padding-right: 15px;
    box-sizing: border-box;
}
.postwrite{width: 100%;float: left;}
.itemleft p.linkpost{width: 100%;float: left;text-transform: uppercase;margin-top: 10px;}
.itemleft p.linkpost a{color:#7CAF79;font-family: myFirstFont;font-size: 17px;}
.postwrite .box{width: 100%;float: left;}
.postwrite .box .itemright {
    padding: 0px;
    width: 615px;
    float: left;
    margin: 10px 0 0 15px;
    box-sizing: border-box;
}
.itemright .item{width: 49%;float: left;box-sizing: border-box;min-height: 141px;}
.itemright .item:nth-child(even){padding-left: 2%;}
.itemright .item  a {
    font-weight: bold;
    color: #4E737B;
    line-height: 19px;
    font-size: 14px;
}
.itemright .item:nth-child(6) p,.itemright .item:nth-child(3) p,.itemright .item:nth-child(4) p,.itemright .item:nth-child(5) p{margin-top: 10px;}
.itemright .item:nth-child(1),.itemright .item:nth-child(2),.itemright .item:nth-child(3),.itemright .item:nth-child(4){border-bottom: 1px solid #ccc;}
.itemright .item:nth-child(odd) p:nth-child(2){margin-right: 10px;}
.itemright .item:nth-child(odd){border-right: 1px solid #ccc;}
.itemright .item p.picture {width: 115px;float: left;margin-right: 10px;margin-bottom: 10px;}
.itemright .item .see_more {
    text-transform: uppercase;
    padding-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    line-height: 20px;
    float: right;
    padding-right: 10px;
    background: #7CAF79;
    margin-bottom: 10px;
}
.see_more >a {
    color: #fff !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
}
.itemright .item a:hover{color:#7CAF79}
.itemright .item .see_more:hover {background: #ED7575}
.clinileft .picture div:not(.picture div:nth-child(1)){border-bottom: 2px solid red;}

.banner_mobile{width: 100%;float: left;}
.banner_mobile img{max-width: 100%;width: 100%;}
.categories .box{width: 100%;float: left;}
.dedicated .topdedicated p:after {
    top: 36px;
    width: 41px;
    height: 24px;
    float: left;
    background-position: -264px -66px;
    left: -14px;
}
.boxletter .item{width: 100%;float: left;}
#box-comment{width: 100%;float: left;}
@media only screen and (max-width: 768px) and (min-width: 480px){
    .picture div:nth-child(odd) img,.contact p:nth-child(odd) img{float: right;}

}
@media screen and (max-width: 800px)
{
.clinic .box .clinileft,.clinic .contact,.male, .male .box, .categories,.mainbox .content,.advicedoctor,.postwrite .box{width: 98%;margin-left: 1%;}
.categories .boxsecond{width: 99%;margin-left: 0.5%;}
.clinic .box .picture div,.clinic .contact p{width: 49%;margin: 10px 0.5% 0 0.5% !important;}
.male .main center p{padding:0 10px;text-align:justify;}
.male .box .item{width: 100%;margin: 10px 0 !important;}
.male .box .item p:nth-child(3){min-height: auto;}
.categories .box .boxleft{width: 100%;text-align: center;margin-bottom: 10px;}
.boxsecond .item{width: 100%;margin: 5px 0 !important;background: #f5f5f5;}

.boxsecond p{width: 69%;height: 95px;}
.boxsecond .clickmouse,.dedicated .topdedicated p{width: 100%;}

#categoriesmobile{background:#108b5d;width: 100%;float: left;display: none;}
#categoriesmobile ul li a {color: #fff;text-transform: uppercase;text-align: left;padding-left: 15px;font-family: myFirstFont;}
#categoriesmobile ul li a:before {
    margin-right: -10px;
    border-radius: 6px;
    position: relative;
    top: 7px;
    background: #fff;
    width: 6px;
    height: 6px;
    content: "";
    float: left;
}
#categoriesmobile ul li{border-bottom: 1px dotted #fff;padding: 5px;box-sizing: border-box;width: 97%;margin: 0 0 0 1.5%;}
.optionmobilenk {
    padding: 10px 0 0;
    background: #40a670;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-family:myFirstFont;
    text-align: center;
    box-sizing: border-box;
    float: left;
}
.iconoption {background: #108b5d;float: right;margin: -9px 0 0 0;padding: 10px;width: 45px;height: 47px;box-sizing: border-box;}
.iconoption:before {margin: 6px auto 5px;width: 20px;height: 20px;content: "";display: block;background: url(../images/namkhoa/m_icon_menu.png)no-repeat;}
#categoriesmobile.showmnmb{display: block;transition-property:all;transition-duration:1s;transition-timing-function:cubic-bezier(0,1,1,1)}
.iconoption.icondown:before{background:url(../images/namkhoa/m_icon_menuz_rotate.png)no-repeat!important}
.dedicated .mainbox .mainboxleft{width: 100%;text-align: center;}
.dedicated .mainbox .mainboxright{width: 100%;margin-top: 20px;}
.namedoctor,.specialized{text-align: center;}
.mainbox .content p{width: 92%;margin-left: 4%;}
.advicedoctor div{margin-left: 0;}
.advicedoctor a{width: 100%;float: left;}
.advicedoctor a div {float: none;background: #3fc070;margin: 0 auto;text-align: center;width: 73%;padding: 15px;box-sizing: border-box;margin-bottom: 15px;}
.medicalclinic .box{width: 98%;margin-left: 1%;}
.medicalclinic .box .item p:nth-child(1){width: 100%;float: left;text-align: center;}
.medicalclinic .box .item{width: 100%;margin: auto !important;}
.medicalclinic .box .item:before{width: 365px;margin:auto !important;float: none !important;background-size: cover;}
.medicalclinic .box .item:nth-child(1):before {background-position: 0 1px;}
.medicalclinic .box .item:nth-child(2):before {background-position: 0px -228px;}
.medicalclinic .box .item:nth-child(3):before {background-position: 0px -456px;}
.medicalclinic .box .item:nth-child(4):before {background-position: 0 -684px;}
.postwrite .box .itemleft{width: 100%;padding-right: 0;border-right: none;text-align: center;}
.itemleft p{text-align: left;}
.postwrite .box .itemright{width: 100%;float: left;margin: 0 !important;}
.postwrite .box .itemright .item{width: 100%;float: left;margin: 0 !important;border-right: none;padding-top: 5px;}
.postwrite .box .itemright .item:nth-child(1){border-top:1px solid #ccc;}
.postwrite .box .itemright .item:nth-child(5){border-bottom:1px solid #ccc;}
.itemright .item:nth-child(even){padding-left: 0;}
.dedicated .topdedicated p:after{left: 70%;}
.confirmmb {background: url(../images/namkhoa/content6_bg_letter.png) top center;width: 98%;float: left;padding: 15px 12px;margin-left: 1%;box-sizing: border-box;}
.confirmmb .inner{background: #fff;width: 100%;float: left;}
.confirmmb .inner p.title {width: 100%;float: left;text-align: center;color: #ef5e78;font-family: myFirstFont;margin: 10px 0;font-size: 18px;}
.decomobile {background: url(../images/namkhoa/content6_hoavan.png) no-repeat center;width: 100%;height: 8px;float: left;}
.bswalk{width: 100%;float: left;text-align: center;}
.confirmmb .box{width: 100%;float: left;}
img.example-imagemb {margin-top: 15px;max-width: 92%;border-radius: 15px;margin-left: 6%;}
.imganhmb {margin-left: 1.5%;width: 47%;float: left;}
.lb-outerContainer{width: 95% !important;}
.lightbox .lb-image{width: 100% !important;}
}


        <style type="text/css" media="screen">
    #cd-pk h3{text-align:center;clear:both;text-transform:uppercase;font-size:20px;color:#101010;padding: 20px 0 20px 0;}
    #cd-pk .clear{clear:both}
    #cd-pk h3 span{border-bottom:3px #E76060 solid;display:block;width:90%; max-width:350px;margin:0 auto;padding:5px 0;}
    #cd-pk .body-cd{
        padding: 40px 0;margin-bottom:38px;
        background: url("../images/shadow_top1.png") repeat-x scroll center top, url("../images/shadow_bottom1.png") repeat-x scroll center bottom #f1f1f1;
    }
    #cd-pk .main{max-width:950px;text-transform:uppercase;}
    #cd-pk .body-cd span{display:block;text-align:center;padding:6px 0;width:90%;margin:0 auto;color:#fff;}
    #cd-pk .body-cd span.cd{background: url("../images/line3.png") no-repeat bottom center;padding-top:18px;}
    #cd-pk .body-cd .doc span.cd{padding-top:66px;}
    #cd-pk .cols-2-item{width:24.6%;float:left;margin:0 0.2%;padding:0;}
    #cd-pk .cols-1-item{width:12.1%;float:left;margin:0 0.2%;padding:0;}
    #cd-pk .cols-3-item{width:37.1%;float:left;margin:0 0.2%;padding:0;}
    #cd-pk .cols-2-item.cols1 .ngang{width:98.5%;margin:0 0 4px 1.5%;float:left;min-height:100px;background:#85B86A;}
    #cd-pk .cols-2-item.cols1 .vuong{width:48.5%;margin:0 0 4px 1.5%;float:left;min-height:100px;background:#00C9B0}
    #cd-pk .cols-2-item.cols1 .vuong:nth-child(3){background:#BC8BA4}
    #cd-pk .cols-1-item.cols2 .doc{width:100%;float:left;min-height:204px; background:#538996;}
    #cd-pk .cols-1-item.cols5 .doc{width:100%;float:left;min-height:204px; background:#E2B986;}
    #cd-pk .cols-3-item.cols3 .ngang{width:66.66%;float:left;margin:0 0 4px;min-height:100px;background:#6BA0DB}
    #cd-pk .cols-3-item.cols3 .ngang:nth-child(3){background:#5DCDF0}
    #cd-pk .cols-3-item.cols3 .vuong{float:left;min-height:100px;}
    #cd-pk .cols-3-item.cols3 .vuong:nth-child(1){width:32.13%;background:#F3A95C;margin:0 1.2% 4px 0;}
    #cd-pk .cols-3-item.cols3 .vuong:nth-child(4){width:32.13%;background:#7DCB90;margin:0 0 4px 1.2%}
    #cd-pk .cols-1-item.cols4 .vuong{width:100%;margin:0;float:left;min-height:100px;margin:0 1.5% 4px 0;}
    #cd-pk .cols-1-item.cols4 .vuong:nth-child(1){background:#00A393} 
    #cd-pk .cols-1-item.cols4 .vuong:nth-child(2){background:#85B86A} 
        #cd-pk .doc, #cd-pk .vuong, #cd-pk .ngang{opacity:0.8;transition:0.3 all ease-in-out}
        #cd-pk .doc:hover, #cd-pk .vuong:hover, #cd-pk .ngang:hover{opacity:1;transition:0.3 all ease-in-out}
@media screen and (max-width:800px){
    .clinic .box .picture div{height: auto;}
    #cd-pk .body-cd .main{max-width:320px;margin:0 auto;float:none}
    #cd-pk .body-cd .doc span.cd{padding-top: 18px;}
    #cd-pk .cols-2-item{width:100%;float:left;margin:0;padding:0;}
    #cd-pk .cols-1-item{width:98%;float:left;margin:1%;padding:0;}
    #cd-pk .cols-2-item.cols1 .vuong{width:48%;margin:1%;float:left;}
    #cd-pk .cols-3-item{width:100%;float:left;margin:0;padding:0;}
    #cd-pk .cols-2-item.cols1 .ngang{width:98%;margin: 1%;}
    #cd-pk .cols-3-item.cols3 .vuong:nth-child(1), #cd-pk .cols-3-item.cols3 .vuong:nth-child(4){width:48%;margin:1%;}
    #cd-pk .cols-3-item.cols3 .ngang{
        width: 48%;
        margin:1%;
        float: left;
        min-height: 100px;
        background: #6BA0DB;
    }
    #cd-pk .cols-3-item.cols3 .vuong{
        width: 48%;
        margin:1%;
        min-height: 100px;
    }
    #cd-pk .cols-1-item.cols2 .doc , #cd-pk .cols-1-item.cols5 .doc {
        width: 100%;
        margin: 0;
        float: left;
        min-height: 100px;
    }
    #cd-pk .cols-1-item.cols4 .vuong{
            width: 49%;margin:0;float:left;min-height:100px;
    }
    #cd-pk .cols-1-item.cols4 .vuong:nth-child(1){margin-right:2%;}
}
</style>

#menu-top .main > ul > li:nth-child(4) > ul li a, #menu-top .main > ul > li:nth-child(5) > ul li a{font-family: tahoma;}