@media (max-width: 768px) {

    .responsive-h1 {
        font-size: 40px;
    }

    .responsive-h2 {
        font-size: 25px;
    }

    .responsive-center-mobile {
        text-align: center;
    }

    .responsive-left-mobile {
        text-align: left;
    }

    .responsive-icon-xl {
        font-size: 40px;
    }


    .bottomRule-mb {
        border-bottom: 1px solid #BBBBBB;
    }
}


@media screen and (max-width: 900px) {
    .timeline ul li div {
        width: 250px;
    }
    .timeline ul li:nth-child(even) div {
        left: -289px; /*250+45-6*/
    }
}


@media screen and (max-width: 600px) {
    .timeline ul li {
        margin-left: 20px;
    }

    .timeline ul li div {
        width: calc(100vw - 91px);
    }

    .timeline ul li:nth-child(even) div {
        left: 45px;
    }

    .timeline ul li:nth-child(even) div::before {
        left: -15px;
        border-width: 8px 16px 8px 0;
        border-color: transparent #F45B69 transparent transparent;
    }
}