#listCourseStyle3{padding:0 calc((100% - 1200px)/2) 20px}
#listCourseStyle3 .title{text-align:center}
#listCourseStyle3 .title h3{text-transform:uppercase;font-size:24px;padding:0 40px;height:50px;display:inline-block;color:#fff;position:relative;clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);background:#000}
#listCourseStyle3 .title h3 span{display:flex;align-items:center;height:100%}
#listCourseStyle3 .content{margin-top:20px;display:flex;flex-wrap:wrap}
#listCourseStyle3 .content>div{width:25%;padding:0 50px}
#listCourseStyle3 .content>div:not(:nth-child(-n+4)){margin-top:20px}
#listCourseStyle3 .content>div>a{text-decoration:none;text-align:center}
#listCourseStyle3 .content>div>a>img{max-width:100%}
#listCourseStyle3 .content>div>a>p{color:#000;padding-top:10px;font-size:24px;font-weight:bold}
@media all and (max-width:1023px){
    #listCourseStyle3{padding:0 10px 10px}
    #listCourseStyle3 .title h3{font-size:14px}
    #listCourseStyle3 .content>div{padding:0 25px}
    #listCourseStyle3 .content>div>a>p{font-size:18px}
}
@media all and (max-width:768px){
    #listCourseStyle3 .content>div{width:50%;padding:0 20px}
    #listCourseStyle3 .content>div:not(:nth-child(-n+2)){margin-top:20px}
}