#listTeacherOnRoadTrain .contentListTeacher .rightContent .subjectWrap.active{display:block}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .subjectWrap,#listTeacherOnRoadTrain .contentListTeacher .rightContent .subjectWrap .teacherInfo{display:none}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .subjectWrap .teacherInfo:first-child{display:block}
#listTeacherOnRoadTrain{padding:50px 0 30px}
#listTeacherOnRoadTrain .title{width:fit-content;margin:0 auto}
#listTeacherOnRoadTrain .contentListTeacher{margin-top:37px;display:grid;grid-template-columns:395px calc(100% - 395px)}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi{display:none}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject{display:flex;margin-bottom:18px;font-size:24px;flex-wrap:wrap}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li{flex-grow:1;flex-basis:0}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a{display:block;text-align:center;text-decoration:none;position:relative}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a.active{font-family:OpenSansBold,sans-serif}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a.active:after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;position:absolute;bottom:-18px;left:50%;margin-left:-10px}
#listTeacherOnRoadTrain .contentListTeacher .leftContent{display:flex;justify-content:center;align-items:center;text-align:center}
#listTeacherOnRoadTrain .contentListTeacher .leftContent img{margin-bottom:25px;min-width: 300px;min-height: 300px;display: inline-block;}
#listTeacherOnRoadTrain .contentListTeacher .rightContent{padding-left:24px}
#listTeacherOnRoadTrain .contentListTeacher .rightContent ul{list-style:none}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher{padding:17px;border-radius:7px;margin-bottom:27px;background:#262626;}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher li{padding-left:31px;margin-bottom:10px;background:url(https://tuyensinh247.com/themes/km/2022_T4_KhuyenMaiKhoaHocLoTrinhSun/img/iconCheck.png) left 4px no-repeat;color:#5162a4}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher li:last-child{margin-bottom:0}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn{text-align:center}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn .btnStudyFree{font-size:24px;color:fff}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{grid-column-start:1;grid-column-end:3;grid-row-start:2;grid-row-end:3;list-style:none;margin-top:12px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{display:inline-block;width:69px;height:69px;margin-left:12px;border-radius:99px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li a{display:block;width:100%;position:relative;filter:brightness(0.5)}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li.active a{filter:brightness(1)}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li.active a:after{content:"";width:15px;height:15px;background:url(https://tuyensinh247.com/themes/km/2022_T4_KhuyenMaiKhoaHocLoTrinhSun/img/iconActiveBlue.png) center/contain no-repeat;position:absolute;right:5px;top:3px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{display:none}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher.active{display:block}
.avatarSubject .imageTecher{display:none}
.avatarSubject .imageTecher:first-child{display:block}
.avatarSubject{display:none}
.avatarSubject.active{display:block}
@media all and (max-width:1023px){
    #listTeacherOnRoadTrain .title,#roadTrainTHPT .title,#slideTopStudent .title{width:70%;margin:0 auto}
    #listTeacherOnRoadTrain .contentListTeacher{grid-template-columns:100%;row-gap:24px}
    #listTeacherOnRoadTrain .contentListTeacher .leftContent{order:1}
    #listTeacherOnRoadTrain .contentListTeacher .rightContent{order:3;padding-left:0}
    #listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{order:2;text-align:center;grid-column-start:unset;grid-column-end:unset;grid-row-start:unset;grid-row-end:unset}
}
@media all and (max-width:768px){
    #listTeacherOnRoadTrain .title,#roadTrainTHPT .title,#slideTopStudent .title{width:100%}
    #listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{width:59px;height:59px}
    #listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li:first-child{margin-left:0}
    #listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi{display:block;margin-bottom:30px}
    #listTeacherOnRoadTrain .contentListTeacher .rightContent .tabSubject{display:none}
    #listTeacherOnRoadTrain .contentListTeacher{margin-top:16px;row-gap:12px}
    #listTeacherOnRoadTrain .contentListTeacher .tabSubject{margin-bottom:0}
    #listTeacherOnRoadTrain .contentListTeacher .tabSubject li{display:inline-block}
    #listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi{white-space:nowrap}
    #listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi ul li.active a{position:relative}
    #listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi ul li.active a::after{content:"";display:block;width:30px;height:3px;position:absolute;left:50%;margin-left:-15px;bottom:-3px}
    #listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher{margin-bottom:18px;padding:12px}
    #listTeacherOnRoadTrain .contentListTeacher .leftContent h3{font-size:18px}
    #listTeacherOnRoadTrain .contentListTeacher .leftContent img{margin-bottom:12px}
    #listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{margin-top:0}
    #listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn .btnStudyFree{font-size:18px}
    #listTeacherOnRoadTrain .contentListTeacher .tabSubject li{flex-grow:unset;flex-basis:unset}
}
@media all and (max-width:426px){
    #listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{grid-template-columns:auto auto auto auto auto}
    #listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{margin-left:0}
}