﻿body{background-color: #f5f5f5}
.page-header{position:fixed; top: 0px; left:0px; right: 0px; width: auto; z-index: 1; text-align:right; padding: 0px; min-height: 200px;}
.page-header ul{position:relative; top: 0px; left: 0px; width: auto; height: auto; padding: 10px 0px; margin: 0px; min-height: 100%; list-style: none; text-align: left; display: inline-block; background-color: #0d7b3e;}
.page-header ul li{padding: 7px 50px; width: 100%; height: auto; font-size: 16px; color: #fff; font-weight: normal; cursor: pointer;}
.page-header ul li:hover, .page-header ul li.active{background-color: #009933;}

.thong-tin-chuyen-khoa{background-color: #fff;}
.info-item{padding-top: 20px; padding-bottom: 20px; font-size: 16px; text-align: justify; line-height: 24px;}
.info-item:not(:first-child){ display:none;}

.relate-news .relate-news-title{position:relative; top: 0px; left: 0px; width:auto; height: auto; margin: 10px 0px; display: block; font-size: 26px; color: #000;}
.relate-news .relate-news-list .col-md-3{padding-top: 10px; padding-bottom: 5px;}
.relate-news .relate-news-list .col-md-3 .news-item{position:relative; top: 0px; left: 0px; width: 100%; background-color: #fff; height:auto; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);}
.relate-news .relate-news-list .col-md-3 .news-item a{position: relative; top: 0px; left: 0px; width: 100%; height:auto;}
.relate-news .relate-news-list .col-md-3 .news-item a span{padding: 5px; display: block; font-size: 14px; line-height: 20px; width: 100%; height: 45px; overflow: hidden;}
.relate-news .relate-news-list .col-md-3 .news-item a img{width: 100%;}

.doctor-list{padding-bottom: 20px;}
.doctor-list .doctor-list-item{padding: 40px; margin-top: 20px;}
.doctor-list .doctor-list-item .col-md-3{text-align: center;}
.doctor-list .doctor-list-item .col-md-3 img{max-width: 100%; height: auto; border: 6px solid #dbdddd; display: inline-block;}
.doctor-list .doctor-list-item .title{position:relative; top: 0px; left: 0px; font-size: 22px; margin: 5px 0px; color: #0d7b3e;}
.doctor-list .doctor-list-item .chuc-danh{position:relative; top: 0px; left: 0px; font-size: 16px; margin-bottom: 7px; color: #6c6c6c;}
.doctor-list .doctor-list-item .description{padding: 20px 0px;}
.contact-form{padding-top: 20px; padding-bottom: 20px;}

@media only screen and (max-width: 1023px) {
    .page-header{top: 50px;}
}

@media only screen and (min-width: 1024px) {
    .contact-form{padding: 50px 50px 30px 50px;}
}