.group__keyboard .box__show-number .lists div .animate__number {
    position: absolute;
    top: 0px;
    left: 55%;
    width: 180px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.group__keyboard .box__show-number .lists div .animate__number span {
    width: 60px;
    height: 60px;
    float: left;
    color: #ff253a;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    line-height: 60px
}

.group__keyboard .box__show-number .lists div .animate__number.active {
    -webkit-animation: numbers-to-cart 0.5s;
    -moz-animation: numbers-to-cart 0.5s;
    -o-animation: numbers-to-cart 0.5s;
    animation: numbers-to-cart 0.5s
}

@-webkit-keyframes numbers-to-cart {
    0% {
        top: 435px;
        opacity: 1
    }
    to {
        opacity: 0;
        left: 25%;
        top: 435px;
    }
}

@keyframes numbers-to-cart {
    0% {
        top: 435px;
        opacity: 1
    }
    to {
        opacity: 0;
        left: 25%;
        top: 435px;
    }
}

@media screen and (max-width:1024px){
    @-webkit-keyframes numbers-to-cart {
        0% {
            top: 435px;
            opacity: 1
        }
        to {
            opacity: 0;
            left: 100px;
            top: 435px;
        }
    }

    @keyframes numbers-to-cart {
        0% {
            top: 435px;
            opacity: 1
        }
        to {
            opacity: 0;
            left: 100px;
            top: 435px;
        }
    }
}


@media screen and (max-width:991px){
    @-webkit-keyframes numbers-to-cart {
        0% {
            top: 475px;
            opacity: 1
        }
        to {
            opacity: 0;
            left: 100px;
            top: 475px;
        }
    }

    @keyframes numbers-to-cart {
        0% {
            top: 475px;
            opacity: 1
        }
        to {
            opacity: 0;
            left: 100px;
            top: 475px;
        }
    }
}


@media screen and (max-width:768px){
    @-webkit-keyframes numbers-to-cart {
        0% {
            top: 545px;
            opacity: 1
        }
        to {
            opacity: 0;
            left: 100px;
            top: 545px;
        }
    }

    @keyframes numbers-to-cart {
        0% {
            top: 545px;
            opacity: 1
        }
        to {
            opacity: 0;
            left: 100px;
            top: 545px;
        }
    }
}

@media screen and (max-width:414px){
    @-webkit-keyframes numbers-to-cart {
        0% {
            top: 545px;
            opacity: 1
        }
        to {
            opacity: 0;
            left: 100px;
            top: 545px;
        }
    }

    @keyframes numbers-to-cart {
        0% {
            top: 545px;
            opacity: 1
        }
        to {
            opacity: 0;
            left: 100px;
            top: 545px;
        }
    }
}

@media screen and (max-width:321px){
    @-webkit-keyframes numbers-to-cart {
        0% {
            top: 545px;
            opacity: 1
        }
        to {
            opacity: 0;
            left: 100px;
            top: 545px;
        }
    }

    @keyframes numbers-to-cart {
        0% {
            top: 545px;
            opacity: 1
        }
        to {
            opacity: 0;
            left: 100px;
            top: 545px;
        }
    }
}