@media (min-width:0px) and (max-width:500px){

.sub_banner.sub1 .sub_bg{background:  url("../img/sub1.png") no-repeat 50% 0;}
.sub_banner.sub2 .sub_bg{background:  url("../img/sub2.png") no-repeat 80% 0;}
.sub_banner.sub3 .sub_bg{background:  url("../img/sub3.png") no-repeat center center;}
.sub_banner.sub4 .sub_bg{background:  url("../img/sub4.png") no-repeat 20% center;}
.sub_banner.sub5 .sub_bg{background:  url("../img/sub5.png") no-repeat 85% 0;}
.sub_banner.sub6 .sub_bg{background:  url("../img/sub6.png") no-repeat 50% 100%;}
.sub_banner.sub7 .sub_bg{background:  url("../img/sub7.png") no-repeat 60% center;}
.sub_logo_bg{background: url('../img/logo_bg.png') no-repeat  140% calc(100% - 30px) / 80%;}
/* subbanner */
.sub_banner { height: 25rem;}
.sub_banner .sub_banner_name{font-size: 3.5rem;}
.sub_banner .sub_banner_name p {font-size: 1.8rem;}
.dotor_name{
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
}
.doctor_box ul:not(:last-child) {
    margin-bottom: 1.5rem;
}
.time_table .time_wrap li:nth-of-type(1) {
    font-size: 1.6rem;
    padding: .5rem 1rem;
}
.time_table .time_wrap {
    font-size: 1.8rem;
}
.time_table .time_wrap span {width: 92px;}
.time_table .time_wrap .red {font-size: 1.7rem; }
.quick_button {gap: 1rem; }
.quick_button li a {
    padding: 1rem;
    gap: 1rem;
    font-size: 1.7rem;
}
.flex_box.topImg{flex-direction: column;}
.m21_ul li{
    gap: 1.5rem;
    padding: 1rem 0;
}
.m21_ul li img{width: 50px;}
.m23_ul{flex-direction: column;width: 60%;}
.m23_ul li{ margin: -10px 0;}
.grid2_ul{gap: 1rem;}
.box_ul {gap: 1rem;}
.box_ul li {
    border-radius: 1rem;
    padding: 1rem;
}
.m5_ul li {gap: 1rem;}
.m5_ul li img{max-width: 50px;}
.m61_2ul li,.m61_3ul li{padding: 0.5rem;}
.m61_3ul {flex-direction: column;}
}
@media (min-width:0px) and (max-width:320px){
    .sub13_ul{ grid-template-columns: repeat(1,1fr);}
    .grid2_ul{ grid-template-columns: repeat(1,1fr);}
    .quick_button {flex-direction: column; gap: 1rem; }

}