@media screen and (min-width: 1920px){

}
@media screen and (min-width: 1280px){

}
@media screen and (min-width: 1024px){
    .container .services-home .service-home.grow.animated#service-1{
        -webkit-transition: opacity .5s .3s, transform .5s ease-in .3s;
        -o-transition: opacity .5s .3s, transform .5s ease-in .3s;
        transition: opacity .5s .3s, transform .5s ease-in .3s;
    }
    .container .services-home .service-home.grow.animated#service-2{
        -webkit-transition: opacity .5s .5s, transform .5s ease-in .5s;
        -o-transition: opacity .5s .5s, transform .5s ease-in .5s;
        transition: opacity .5s .5s, transform .5s ease-in .5s;
    }
    .container .services-home .service-home.grow.animated#service-3{
        -webkit-transition: opacity .5s .7s, transform .5s ease-in .7s;
        -o-transition: opacity .5s .7s, transform .5s ease-in .7s;
        transition: opacity .5s .7s, transform .5s ease-in .7s;
    }
    .container .services-home .service-home.grow.animated#service-4{
        -webkit-transition: opacity .5s .9s, transform .5s ease-in .9s;
        -o-transition: opacity .5s .9s, transform .5s ease-in .9s;
        transition: opacity .5s .9s, transform .5s ease-in .9s;
    }
    
    #works .s-work.grow.animated.even{
        -webkit-transition: opacity .5s .3s, transform .5s ease-in .3s;
        -o-transition: opacity .5s .3s, transform .5s ease-in .3s;
        transition: opacity .5s .3s, transform .5s ease-in .3s;
    }
}
@media screen and (min-width: 796px){

}