#listSubject{padding:0 calc((100% - 1200px)/2) 20px}
#listSubject .title{text-align:center}
#listSubject .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}
#listSubject .title h3 span{display:flex;align-items:center;height:100%}
#listSubject .content{padding-top:20px;display:flex;justify-content:space-between}
#listSubject .content>div{width:calc(50% - 5px);padding:20px 10px;border-radius:10px;background:#000}
#listSubject .content>div p{color:#fff;font-weight:bold;padding-left:10px}
#listSubject .content>div ul{list-style:none;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr))}
#listSubject .content>div ul li{margin:10px}
#listSubject .content>div ul li a{padding:10px 0;background:#fff;display:block;text-align:center;text-decoration:none;border-radius:5px;color:#000}
@media all and (max-width:768px){
    #listSubject{padding:0 20px 20px}
    #listSubject .title h3{font-size:14px}
    #listSubject .content{display:block}
    #listSubject .content>div{width:100%}
    #listSubject .content>div:first-child{margin-bottom:10px}
}