@keyframes bannermove {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-60%);
    }
}
@media only screen and (max-width: 820px){
    @keyframes bannermove {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-43.9%);
        }
    }
}
@media only screen and (max-width: 780px){
    @keyframes bannermove {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-46.9%);
        }
    }
}
@media only screen and (max-width: 541px){
    @keyframes bannermove {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-66.5%);
        }
    }
}
@media only screen and (max-width: 451px){
    @keyframes bannermove {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-80.5%);
        }
    }
}
@media only screen and (max-width: 420px){
    @keyframes bannermove {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-87%);
        }
    }
}
@media only screen and (max-width: 391px){
    @keyframes bannermove {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-92%);
        }
    }
}
@media only screen and (max-width: 376px){
    @keyframes bannermove {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-96%);
        }
    }
}