.course-about-page {
    overflow: hidden;
}
.image-title {
	position: relative;
}
.course-image {
    height: 300px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    width: 35%;
}

.course-overview {
    width: 1250px; 
    margin: auto;
    padding: 15px 0 50px 0;
    margin-top: 35px;
}
.course-overview .course-detail {
    width: 62.5%;
    float: left;
    margin-right: 2.5%;
    border-top: 1px solid #ddd;
}
.course-overview .course-sidebar {
    width: 31.76%;
    float: left;
    border-top: 1px solid #ddd;
}
.course-overview section,
.course-overview article {
    margin-bottom: 70px;
}
.course-overview section h2 {
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    font-size: 19px;
    line-height: 20px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.course-overview section h3 {
    font-weight: bold;
    margin-bottom: 15px;
}
.course-overview section p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 25.6px;
}
.course-overview section ul li,
.course-overview section ol li {
    list-style: none;
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    line-height: 27px;
}
.course-overview section ol li {
    list-style: auto;
    margin-left: 20px;
}
.course-overview section ul li:before {
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #F58932;
    position: absolute;
    top: 9px;
    left: 0;
}
.title {
    width: 1250px;
    margin: auto;
    color: black;
    padding: 100px 0;
    float: initial;
    font-size: 14px;
}
.title .title-container {
    width: 65%;
    float: left;
}
.title .title-container span {
    font-size: 16px;
    font-weight: normal;
}
.title h1 {
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: normal !important;
    text-align: left!important;
    margin: 5px 0 25px 0;
    color: black !important;
}
.course-overview .teacher-image{
    background: #fff;
    border: 1px solid #c6c6c6;
    height: 115px;
    float: left;
    margin: 0 15px 0 0;
    overflow: hidden;
    padding: 1px;
    width: 115px;
}
.course-overview .course-staff .teacher {
    margin-bottom: 40px;
    overflow: auto;
}
.start-date {
    padding: 10px 0;
    font-weight: bold;
}
.start-date p {
	display: block;
	margin: 5px 0 0;
}
/*.start-date p:first-child {
	float: left;
}
.start-date p:last-child {
	float: right;
}*/
.enroll {
     padding: 25px 0;
}
.enroll a.button {
    padding: 24px 64px;
    font-size: 18px;
    line-height: 20px;
}
table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}
h3 {
	font-size: 20px !important;
    line-height: 28px !important;
}

div.clear {
    clear: both;
}

@media (max-width: 1250px) {
    .title {
        padding: 150px 40px;
        width: 100%;
    }
    .title h1 {
        line-height: 62px !important;
    }
    .title .title-container, .course-overview {
        padding: 0 40px;
    }
    .title .title-container {
        padding-left: 0px;
    }
    .course-overview {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .title h1 {
        font-size:36px !important;
        line-height: 48px !important;
    }
     .course-overview {
        padding: 0 10px;
    }
    .course-image {
        display: none;
    }

    .title .title-container, .course-overview {
        width: 100%;
    }
    .title {
        /* padding: 150px 10px; */
	padding: 40px 10px 150px 10px;
    }
    .course-overview .course-detail {
        width: 100%;
        margin-right: 0;
    }
    .course-overview .course-sidebar {
        width: 100%;
	/*height: 320px;*/
    }
    .maincontent {
        padding-bottom: 10px;
    }
}