@media screen and (max-width: 1399px) {}
@media screen and (max-width: 1199px) {}
@media screen and (max-width: 991px) {}
@media screen and (max-width: 767px) {
    .about-content-area .title-section h2 {
        font-size: 24px;
    }
    .timeline-step .timeline-step-header .timeline-step-header-detail h4 {
        font-size: 16px; 
    }
    .timeline { 
        padding: 0;
        margin: 30px 0 0 0;
    }
    .about-content-area .course-duration {  
        padding: 5px 15px; 
        margin: 0 0 10px 0;
    }
    .about-content-area .course-duration p { 
        font-size: 14px; 
    }
    .timeline-step { 
        padding: 15px 0 15px 20px; 
    }
}