.teacherDetails{position: relative;overflow: hidden;margin: 30px 0;}
.details1{display: flex;align-items: end;padding: 0 20px 0 50px;position: relative; }
.details1 .img{width: 240px;margin-right: 40px;}
.details1 .img span{padding-bottom: 135%;}
.details1 .info{flex: 1;}
.details1 .infoa{display: flex;align-items: baseline;}
.details1 .info .name{box-sizing: border-box;padding-left: 13px;color: #333;line-height: 1.22;position: relative;font-weight: bold;margin-right: 50px;}
.details1 .info .name::before{content: "";display: block;width: 6px;height: 100%;background: #004a99;position: absolute;left: 0;top: 0%;}
.details1 .info .position{color: #004a99;font-weight: bold;flex: 1;}
.details1 .info .infob{margin: 22px 0 0;display: flex;flex-wrap: wrap;box-sizing: border-box;padding: 12px 0 2px;position: relative;}
.details1 .info .infob::before{content: "";width: 1000%;height: 100%;background: #f2f2f2;position: absolute;right: -20px;bottom: 0;z-index: -1}
.details1 .info .infob p{min-width: 35%;margin-bottom: 8px;color: #000;line-height: 1.5;box-sizing: border-box;padding-right: 10px;} 

.details2{}
.details2 h2{line-height: 2.33;color: #fff;background: #004a99;box-sizing: border-box;padding: 0 10px 0 60px;margin: 30px 0 10px;}
.details2 p{line-height: 2;color: #000;box-sizing: border-box;padding: 0 10px 0 60px;}

@media screen  and (max-width:1400px){
    .details1{padding: 0 20px 0 40px;}
    .details1 .img{width: 220px;margin-right: 30px;}
    .details2 h2{padding: 0 10px 0 50px;}
    .details2 p{padding: 0 10px 0 50px;}
}

@media screen  and (max-width:996px){
    .details1{padding: 0 20px;}
    .details1 .img{width: 220px;margin-right: 30px;}
    .details2 h2{padding: 0 20px;}
    .details2 p{padding: 0 20px;}
}

@media screen  and (max-width:768px){ 
    .details1{flex-direction: column;}
    .details1 .img{margin: 0 auto;}
    .details1 .info{margin-top: 20px;}
    .details1 .info .infob{margin: 10px 0 0;}
}