/*header-top-message styling*/

.scroll-left {
    height: 40px;
    overflow: hidden;
    position: relative;
    background-color: rgba(246,246,246,1);
    padding: 5px 0;
    border-bottom: 5px #fff solid;
}
.scroll-left p {
    position: absolute;
    font-size: 19px;
    color: #1B80C1;
    width: 100%;
    height: 100%;
    font-weight: 700;
    margin: 0;
    line-height: 40px;
    text-align: center;
    white-space: nowrap;
    /* Starting position */
    transform:translateX(100%);
    /* Apply animation to this element */
    animation: scroll-left 20s linear infinite;
}
@media(max-width: 769px) {
    .scroll-left p {
        /* Apply animation to this element */
        animation: scroll-left-mobile 20s linear infinite;
    }
}

/* Move it (define the animation) */
@keyframes scroll-left {
    0%   {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes scroll-left-mobile {
    0%   {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-300%);
    }
}