/* =========================================
   TABLET / SMALL LAPTOP <= 991px
========================================= */
@media (max-width: 991px) {

     .image-box{
        margin-top: 20px;
    }
}

/* =========================================
   MOBILE   <= 767px
========================================= */
@media (max-width: 767px) {

    /* Course Page */
    .timeline {
        flex-direction: column;
    }

    .timeline-road {
        display: none;
        /* hide road image on mobile */
    }

    .timeline-item::before {
        display: none;
    }

    .timeline-content h3 {
        font-size: 20px;
    }
     .image-box{
        margin-top: 20px;
    }

   
    
}
/* =========================================
   MOBILE   <= 767px
========================================= */
@media (max-width: 576px) {
    .hero-title{
        font-size: 42px;
        line-height: 50px;
    }
    .hero-section{
        padding: 40px 35px 60px;
    }
    .other-page-hero-section
    {
        padding: 40px 40px;
    }
    .site-wrap {
    padding: 40px 20px 0;
    }
    .contact-section .form-wrapper{
        padding: 25px 0;
    }
    .section{
        margin: 44px 0;
    }

    .section-training-fleet .advantage-card h3{
        margin-bottom: 20px;
    }

    .title{
        font-size: 24px;
        line-height: 30px;
    }
    .img-or{margin-top: 25px;}
    .section-safety-first .core-systems-wrap{max-width: 100%; margin-top: 25px; margin-bottom: 25px;}
    .maintenance-section .img-or .content-on-image{padding: 15px;}
    .section-training-fleet .left-card .content{
        max-width: 80%; padding: 20px;
    }
   
}