#listTeacherStyle5 .wrap{padding:0 calc((100% - 1200px) / 2);margin-bottom:30px}
#listTeacherStyle5 .navBlock>.wrap{display:flex}
#listTeacherStyle5 img{vertical-align:middle;max-width:100%;margin-bottom:20px}
#listTeacherStyle5 ul{list-style:none}
#listTeacherStyle5 .navBlock>.wrap>h3{font-size:15px;width:392px;display:flex;align-items:center;justify-content:center}
#listTeacherStyle5>.navBlock>.wrap>ul{display:flex;flex-wrap:wrap;width:calc(100% - 392px)}
#listTeacherStyle5>.navBlock>.wrap>ul li{flex-grow:1;flex-basis:0}
#listTeacherStyle5>.navBlock>.wrap>ul li a{display:block;text-decoration:none;padding:10px 0;position:relative;text-align:center;color:#000;font-size:15px;font-weight:700;text-transform:uppercase;line-height:20px}
#listTeacherStyle5>.navBlock>.wrap>ul li a.active,#listTeacherStyle5>.navBlock>.wrap>ul li a:hover{background:#000;color:#fff}
#listTeacherStyle5>.navBlock>.wrap>ul li a:after{content:"";position:absolute;border-left:7px solid transparent;border-right:7px solid transparent;border-top:5px solid #000;bottom:-5px;left:50%;margin-left:-7px;display:none}
#listTeacherStyle5>.navBlock>.wrap>ul li a:hover:after{display:block}
#listTeacherStyle5>div .wrapperSubject:first-child{display:flex}
#listTeacherStyle5>div .wrapperSubject:not(:first-child){display:none}
#listTeacherStyle5>div .wrapperSubject>.avatarTeacher{width:392px;text-align:center;margin-left:0}
#listTeacherStyle5>div .wrapperSubject>div{width:calc(100% - 404px);margin-left:12px}
#listTeacherStyle5>div .wrapperSubject>div .navTeacher{display:flex;flex-wrap:wrap}
#listTeacherStyle5>div .wrapperSubject>div .navTeacher a{display:block;min-width:calc(25% - 11px);font-size:15px;color:#000;font-weight:700;margin:0 10px 10px 0;text-align:center;padding:10px;border:1px dashed #000;text-decoration:none}
#listTeacherStyle5>div .wrapperSubject>div .navTeacher a.active,#listTeacherStyle5>div .wrapperSubject>div .navTeacher a:hover{color:#fff;background:#000;border:1px solid #000}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div{padding:10px 0 20px}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div:not(:first-child){display:none}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div ul{margin-bottom:20px}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div ul li{padding-left:30px;margin-bottom:24px;display:block;line-height:1.4;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE0QTg0MkM3MUNGMzExRUI5M0JDQUM0M0ZDQjNBNjZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE0QTg0MkM4MUNGMzExRUI5M0JDQUM0M0ZDQjNBNjZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTRBODQyQzUxQ0YzMTFFQjkzQkNBQzQzRkNCM0E2NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTRBODQyQzYxQ0YzMTFFQjkzQkNBQzQzRkNCM0E2NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6b5HOXAAAApElEQVR42mL4//8/AzoGAg8g/gjEbljlcWg6CcQgxkmiNAGBM1QDDDvh1AQEHECsB8TH0DSB+PogeSS1DP1AfB+I/6IpRsd/oer6QJoeE1CMjkHqwVa/IVIDSJ0BzI1GQPyegAaQvBF6QCQT0JQMU8vEgACiDPgBXB5ZkxYBTVrYNGkisU8AcSKUxjQUyU8rgPg6EIcCMSNUjBHKB4kvh6kFCDAAbcbIKvDKNy0AAAAASUVORK5CYII=) left 1px/16px no-repeat;text-align:justify}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div>div{background:#ccc;display:flex}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div>div>div{width:50%;height:70px;text-transform:uppercase;display:flex;align-items:center;padding:0 30px}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div>div>div img{width:45px;display:block}
#listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div>div>div strong{margin-left:20px}
@media all and (max-width:1023px){
    #listTeacherStyle5{padding:0 20px 20px}
    #listTeacherStyle5 .navBlock>.wrap{display:block}
    #listTeacherStyle5 .navBlock>.wrap>h3{width:100%;padding:20px}
    #listTeacherStyle5>.navBlock>.wrap>ul,#listTeacherStyle5>div .wrapperSubject>.avatarTeacher{width:100%}
    #listTeacherStyle5>.navBlock>.wrap>ul li{min-width:20%}
    #listTeacherStyle5>div .wrapperSubject{flex-direction:column}
    #listTeacherStyle5>div .wrapperSubject>img{width:100%;height:100%}
    #listTeacherStyle5>div .wrapperSubject>div{width:100%;margin-left:0}
}
@media all and (max-width:768px){
    #listTeacherStyle5{padding:10px}
    #listTeacherStyle5>div .wrapperSubject>div .wrapperTeacher>div ul li{margin-bottom:15px}
}