.doctor_list_box{
    width: 100%;
    margin: 120px auto;
}
.doctor_list{
    height: 100%;
    display: list-item;
    list-style: none;
}
.dt_name{
    font-size: 20px;
	text-align:center;
	padding-top:10px
}
.doctor_info{
    padding: 10px;
    float: left;
    min-height: 200px;
	margin-bottom:4%;
    width: 25%;
}
.doctor_list:nth-child(4n+1) {
    clear:both;
}
.dt_img a img{
    width: 100%;
    background-repeat : no-repeat;
    background-size : cover;
}
.dt_img a img:hover{
    filter: brightness(60%)
}
.dt_hide_box{
    display: none;
    width: 50%;
}
.dt_box_header{
    height: 80px;
    text-align: center;
    padding: 27px 0px;
    width: 100%;
	margin:0 auto;
}
.dt_title{
    font-size:18px;
    color: white;
	display:none
}
.dt_hide_info{
    position: absolute;
    z-index: 5;
    top:80px;
    width: 40%;
    margin-left: 5%;
    background-color: black;
    opacity: 0.8;
    height: 660px;
    padding: 70px 60px;
}
.dt_info_name{
    font-size: 20px;
    color:white;
}
.dt_info_degree{
    font-size: 17px;
    color: white;
}
.dt_info_history{
    margin-top: 20px;
    font-size: 17px;
    color: white;
	opacity:0.9
}
.dt_info_history p{
    padding: 5px 10px;
	position:relative
}


.dt_info_history p:before {
    position: absolute;
    top: 16px;
    left: 0px;
    width: 4px;
    height: 4px;
    background: #fff;
    content: '';
    border-radius: 50%;
}

.dt_box_header img{
    position: absolute;
    top: 10px;
    right: 10px;
}

.slider {overflow:hidden; width: 100%; position:relative}
.slider .disabled {display:none;}
.slider .owl-stage-outer{width: 90%;margin: 0 auto;background-size: contain;}
.slider .img {width: 100%; height: 660px;  background-repeat:no-repeat; background-position:center; margin:0 auto;background-size: cover;}
.slider .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:35px; z-index:4}
.slider .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px; border:0}
.slider .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.slider .owl-nav{position:absolute;width:100%;bottom:50%}
.owl-prev{width:5%;height:30px;position:absolute;left:0px; background-color:transparent; font-size:40px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; cursor:pointer;}
.owl-next{width:5%;height:30px;position:absolute;right:0px; background-color:transparent; font-size:40px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; cursor:pointer;}


@media all and (min-width:920px) and (max-width:1350px) {  
    .doctor_info{
        padding: 25px;
        float: left;
        min-height: 185px;
        width: 32%;
    }
    .doctor_list:nth-child(3n+1) {
        clear:both;
    }
}
@media all and (min-width:540px) and (max-width:919px) {  
    .doctor_info{
        padding: 20px;
        float: left;
        min-height: 170px;
        width: 45%;
    }
    .doctor_list:nth-child(2n+1) {
        clear:both;
    }
}
@media all and (max-width:539px){
    .doctor_info{
        padding: 0px;
        float: left;
        min-height: 150px;
        width: 100%;
    }
    .doctor_list:nth-child(n+1) {
        clear:both;
    }
}

@media all and (max-width:1200px){
    .dt_hide_box{
        width: 75%;
        transform: translate(0,-150px);
    }
    .slider .img{
        height: 500px;
    }
    .dt_hide_info{
        opacity: 0.7;
        top: 570px;
        width: 90%;
        height: 400px;
        padding: 70px 40px;
    }
    .dt_box_header{
        height: 70px;
        padding: 17px 0px;
    }
}
@media all and (max-width:700px){
    .dt_hide_box{
        width: 90%;
    }
    .slider .img{
        height: 400px;
    }
    .dt_hide_info{
        top:460px;
        height: 430px;
    }
    .dt_hide_info{
        padding: 60px 30px;
    }
    .dt_box_header{
        height: 60px;
    }
    .owl-prev{font-size:25px;}
    .owl-next{font-size:25px;}
}
@media all and (max-width:450px){
    .slider .img{
        height: 300px;
    }
    .dt_hide_info{
        top:350px;
        height: 450px;
    }
    .dt_box_header{
        height: 50px;
        padding: 13px;
    }
    .dt_title{
        font-size: 13px;
    }
}