#cpago{
    position: absolute ;
    top: 44%;
    left: 45%;

}

.cpago {
    -webkit-animation: girocpago 10s infinite; /* Safari 4+ */
    -moz-animation:    girocpago 10s infinite; /* Fx 5+ */
    -o-animation:      girocpago 10s infinite; /* Opera 12+ */
    animation:         girocpago 10s infinite; /* IE 10+, Fx 29+ */
    animation-timing-function: linear;

}



@-moz-keyframes girocpago {
    to {
        transform:rotate(328deg);
    }
    from {
        transform:rotate(-34deg);
    } 
}
@-webkit-keyframes girocpago {
    to {
        transform:rotate(328deg);
    }
    from {
        transform:rotate(-34deg);
    } 
}
@keyframes girocpago{
    to {
        transform:rotate(342deg);
    }
    from {
        transform:rotate(-18deg);
    }  
}





@media (max-width: 991px) {

    #cpago{
        position: absolute ;
        top: 46%;
        left: 68%;
    
    }

    @keyframes girocpago{
        to {
            transform:rotate(331deg);
        }
        from {
            transform:rotate(-29deg);
        }  
    }
}



@media (max-width: 767px) {  


    #cpago{
        position: absolute ;
        top: 46%;
        left: 41%;
    
    }

    @keyframes girocpago{
        to {
            transform:rotate(318deg);
        }
        from {
            transform:rotate(-42deg);
        }  
    }
    
}



@media (max-width: 426px) {
    #cpago{
        position: absolute ;
        top: 42%;
        left: 42%;
    
    }

    @keyframes girocpago{
        to {
            transform:rotate(324deg);
        }
        from {
            transform:rotate(-36deg);
        }  
    }
}


@media (max-width: 376px) {

    #cpago{
        position: absolute ;
        top: 44%;
        left: 42%;
    
    }

    @keyframes girocpago{
        to {
            transform:rotate(297deg);
        }
        from {
            transform:rotate(-63deg);
        }  
    }

}