.mBr {display: none;}
body{
    width:100%;
    overflow-x: hidden;
 }

#aboutDoctorWrap {height: 100vh; min-height: fit-content; display:flex; align-items: center; }
#aboutDoctor {min-width:0; flex: 1 1 0; padding-top: 15px !important; padding-bottom: 15px !important;}
#aboutDoctor .top {padding-bottom: 62px;}
#aboutDoctor .top .title {font-size: 40px; font-weight: 700; color: #212529; line-height: 40px;}
#aboutDoctor .top .select-wrap {z-index: 40;}
#aboutDoctor .top .select-wrap .select-box {position: relative;background-color: #FFFFFF;border: 1px solid #E9ECEF; border-radius:12px;}
#aboutDoctor .top .select-wrap .select-box>button {font-size: 15px;color: #212529; width: 140px; padding: 14px 16px; }
#aboutDoctor .top .select-wrap .select-box>button .label {}
#aboutDoctor .top .select-wrap .select-box.active .option-list {max-height: 500px;overflow-y: scroll;}
#aboutDoctor .top .select-wrap .select-box .option-list { position: absolute; top: 100%; left: 0; right: 0; overflow: hidden; max-height: 0; transition: 0.3s ease-in;}
#aboutDoctor .top .select-wrap .select-box .option-list .option-item { padding: 10px 8px 10px 15px; color: #212529; transition: 0.1s; font-size: 16px; background-color: #FFFFFF;}

/*swiper*/
.swiper-wrap,
.member-swiper,
.member-swiper .mySwiper {
  overflow: visible !important;
}
#aboutDoctor .swiper-wrap {}
#aboutDoctor .swiper-wrap .member-swiper {}
#aboutDoctor .swiper-wrap .member-swiper .mySwiper {}
#aboutDoctor .swiper-wrap .member-swiper.is-single .mySwiper .swiper-slide {width: 100% !important;}
#aboutDoctor .swiper-wrap .member-swiper .mySwiper .swiper-wrapper {}
#aboutDoctor .swiper-wrap .member-swiper .mySwiper .swiper-wrapper .swiper-slide {width: 330px; background-color: #F8F9FA; border-radius: 30px; height: 433px; }
#aboutDoctor .swiper-wrap .member-swiper .mySwiper .swiper-wrapper .swiper-slide .slideBox {width: 330px; height: 100%; padding: 35px; margin: 0 auto; position:relative;}
#aboutDoctor .swiper-wrap .member-swiper .mySwiper .swiper-wrapper .swiper-slide .slideBox .doctorImg {position:absolute; bottom: 0; right: 20px; height: 317px; width: 230px;}
#aboutDoctor .swiper-wrap .member-swiper .mySwiper .swiper-wrapper .swiper-slide .slideBox .txt-box {}
#aboutDoctor .swiper-wrap .member-swiper .mySwiper .swiper-wrapper .swiper-slide .slideBox .txt-box .tonesName {font-size: 15px; font-weight: 700; line-height: 22px;}
#aboutDoctor .swiper-wrap .member-swiper .mySwiper .swiper-wrapper .swiper-slide .slideBox .txt-box .doctor-name {font-size: 24px; font-weight: 700; line-height: 34px;}


@media (max-width:767px){
    .mBr {display: block !important;}
    #aboutDoctor {}
    #aboutDoctor .top {padding-bottom: 30px;}
    #aboutDoctor .top .title {font-size: 22px; line-height: 30px;}
    #aboutDoctor .swiper-wrap .member-swiper .mySwiper .swiper-wrapper .swiper-slide {height: 400px;}
    #aboutDoctor .swiper-wrap .member-swiper .mySwiper .swiper-wrapper .swiper-slide .slideBox {padding: 28px;}
    #aboutDoctor .swiper-wrap .member-swiper .mySwiper .swiper-wrapper .swiper-slide .slideBox .txt-box .tonesName { font-size: 14px;}
    #aboutDoctor .swiper-wrap .member-swiper .mySwiper .swiper-wrapper .swiper-slide .slideBox .txt-box .doctor-name {font-size: 20px;}
}