@media (min-width: 768px) and (max-width: 1009px) {

    

    /*

     *

     * == == == == == == == == == == == == == == == == == == == == == == == == == ==

     * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Timeline

     * == == == == == == == == == == == == == == == == == == == == == == == == == ==

     *

     */

    .rex-timeline {

        width: 739px;

    }

    .rex-timeline .item {

        width: 307px;

    }



    .mod .video-poster {

        background-size: 100% 100%;

    }

}





@media (max-width: 767px) {





    /*

     *

     * == == == == == == == == == == == == == == == == == == == == == == == == == ==

     * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Timeline

     * == == == == == == == == == == == == == == == == == == == == == == == == == ==

     *

     */

    .rex-timeline {

        width: 100%;

        padding-top: 0;

        padding-bottom: 0;

    }

    .rex-timeline .item {

        float: none;

        width: 100%;

        margin-left: 0;

        margin-right: 0;

    }

    .rex-timeline .container, 

    .rex-timeline .timeline, 

    .rex-timeline .timeline .start,

    .rex-timeline .timeline .end, 

    .rex-timeline .right-arrow, 

    .rex-timeline .left-arrow, 

    .rex-timeline .right-arrow:after,

    .rex-timeline .left-arrow:before {

        display: none;

    }

}