.animated { 
    -webkit-animation-duration: 10s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn { 
    -webkit-animation-name: bounceIn; 
    animation-name: bounceIn; 
}

/* ==========================================================================
    ipad
============================================================================= */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
.animated { 
    -webkit-animation-duration: 0s; 
    animation-duration: 0s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 
}

/* ==========================================================================
    Mobile
============================================================================= */

@media only screen and (max-device-width: 480px) {

.animated { 
    -webkit-animation-duration: 0s; 
    animation-duration: 0s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

}