#course-content-accordion{width:51%;cursor:pointer}.section{border:1px solid #c7c7c7;background:#e0e0dd;font-size:1vw}.total-section{font-size:1vw}.course-info .courseinfo-icon{height:20px;width:20px;margin-right:5px;padding:0}.course-info>.details{font-size:16px;margin:5px 5px 5px 0}.courseinfo-icon.date{opacity:.8;height:15px;width:15px;margin-right:0}.details.dateinfo{border-top:1px solid #b5b3b3;padding-left:10px;margin-top:20px;padding:5px}.details.dateinfo>span{margin-right:15px}.rectangle{margin:3px;background:#656465;font-size:8px;padding:0 3px 0 40px}.language-info{font-size:15px;opacity:.9;margin:30px 0 0 5px}#duration{margin-left:10px;font-size:16px;font-weight:600}#lectures{margin-left:140px;font-size:16px;font-weight:600}#title{padding:2px 10px;margin-left:30px;font-size:16px;font-weight:600}.total-duration{margin-top:20px}#total-duration-text{color:#1888e8;font-weight:600}.first-active{background:green}.second-active{background:green}.third-active{background:green}.info-td{border-bottom:1px solid #e0e0dd;padding:10px 5px}.info-th{padding:10px 5px}.info-title{width:64%}.info-icon{width:5%}.content-data-icon{width:15px}.content-data-icon-play{width:10px}@media only screen and (max-width:900px){#course-content-accordion{width:100%}.section{font-size:2vw}.total-section{font-size:2vw}.info-td{border-bottom:1px solid #e0e0dd;padding:5px 1px}.info-th{padding:5px 1px}.content-data-icon{width:8px}.content-data-icon-play{width:6px}}@media only screen and (max-width:400px){.section{font-size:3vw}.total-section{font-size:3vw}.info-td{font-size:3vw}.section-icon-img{width:10px}}.content.locked{opacity:.8}.content-preview{color:#1070d4}