#marquee_container{
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
#marquee_container div{
    display: inline-block;
}

.info_marquee1 {
    display: inline-block;
    padding-left: 1rem;
    opacity: 0;
}

.info_marquee2 {
    display: inline-block;
    padding-left: 1rem;
    opacity: 0;
}
.info_marquee3 {
    display: inline-block;
    padding-left: 1rem;
    opacity: 0;
}

.news-marquee{
    width: 100%!important;
}

/* for mobile running news */
@media only screen and (min-width:280px) {
    @keyframes marquee1 {
        from {
            opacity: 1;
            transform: translateX(calc(100% - (100% - 100vw))); /* fast start on reload */
        }
        to {
            opacity: 1;
            transform: translateX(calc(-200% - (100% - 100vw)));
        }
    }

    @keyframes marquee2 {
        from {
            opacity: 1;
            transform: translateX(calc(0% - (100% - 100vw)));
        }
        to {
            opacity: 1;
            transform: translateX(calc(-300% - (100% - 100vw)));
        }
    }
    @keyframes marquee3 {
        from {
            opacity: 1;
            transform: translateX(calc(-100% - (100% - 100vw)));
        }
        to {
            opacity: 1;
            transform: translateX(calc(-400% - (100% - 100vw)));
        }
    }
}

/* for desktop running news */
@media only screen and (min-width:1100px) {
    @keyframes marquee1 {
        from {
            opacity: 1;
            transform: translateX(calc(100% - (100% - 1100px))); /* fast start on reload */
        }
        to {
            opacity: 1;
            transform: translateX(calc(-200% - (100% - 1100px)));
        }
    }

    @keyframes marquee2 {
        from {
            opacity: 1;
            transform: translateX(calc(0% - (100% - 1100px)));
        }
        to {
            opacity: 1;
            transform: translateX(calc(-300% - (100% - 1100px)));
        }
    }
    @keyframes marquee3 {
        from {
            opacity: 1;
            transform: translateX(calc(-100% - (100% - 1100px)));
        }
        to {
            opacity: 1;
            transform: translateX(calc(-400% - (100% - 1100px)));
        }
    }
}