.banner-bounce-blue{
    width: 140px;
    position: absolute;
    bottom: -100px;
    right: 8%;
    z-index: -1;
    animation: bounce1 1s linear 0.4s infinite;
}

@keyframes bounce1{
    0%   {bottom: -100px;}
    25%  {bottom: -110px;}
    50%  {bottom: -160px;}
    75%  {bottom: -110px;}
    100% {bottom: -100px;}
}

.banner-bounce-green{
    width: 130px;
    position: absolute;
    bottom: 0px;
    left: 10%;
    transform: rotate(0deg);
    z-index: -1;
    animation: bounce2 1s linear infinite;
}

@keyframes bounce2{
    0%   {bottom: 0px;}
    25%  {bottom: -10px;}
    50%  {bottom: -70px;}
    75%  {bottom: -10px;}
    100% {bottom: 0px;}
}

.we-do-bounce-blue{
    width: 100px;
    position: absolute;
    bottom: -20px;
    right: 30%;
    z-index: -1;
    animation: bounce3 1s linear infinite;
}

@keyframes bounce3{
    0%   {bottom: -20px;}
    25%  {bottom: -30px;}
    50%  {bottom: -100px;}
    75%  {bottom: -30px;}
    100% {bottom: -20px;}
}

.we-do-bounce-green{
    width: 130px;
    position: absolute;
    bottom: -100px;
    left: 10%;
    z-index: -1;
    animation: bounce4 1s linear 0.3s infinite;
}

@keyframes bounce4{
    0%   {bottom: -100px;}
    25%  {bottom: -110px;}
    50%  {bottom: -170px;}
    75%  {bottom: -110px;}
    100% {bottom: -100px;}
}

.work-process-bounce-blue{
    width: 120px;
    position: absolute;
    left: 30px;
    bottom:-50px;
    z-index: -1;
    animation: bounce5 1s linear infinite;
}

@keyframes bounce5{
    0%   {bottom: -50px;}
    25%  {bottom: -80px;}
    50%  {bottom: -150px;}
    75%  {bottom: -80px;}
    100% {bottom: -50px;}
}

.work-process-bounce-green{
    width: 140px;
    position: absolute;
    right: 0;
    bottom: 200px;
    z-index: -1;
    animation: bounce6 1s linear 0.3s infinite;
}

@keyframes bounce6{
    0%   {bottom: 200px;}
    25%  {bottom: 180px;}
    50%  {bottom: 90px;}
    75%  {bottom: 180px;}
    100% {bottom: 200px;}
}

.testimonial-bounce-green{
    width: 140px;
    position: absolute;
    left: 5%;
    bottom: -100px;
    z-index: -1;
    animation: bounce4 1s linear 0.3s infinite;
}

.testimonial-bounce-blue{
    width: 140px;
    position: absolute;
    right: 10%;
    bottom: -20px;
    z-index: -1;
    animation: bounce3 1s linear infinite;
}

.work-bounce-green{
    width: 110px;
    position: absolute;
    left: 20%;
    top: -100px;
    z-index: -1;
    animation: bounce7 1s linear infinite;
}

@keyframes bounce7{
    0%   {top: -100px;}
    25%  {top: -80px;}
    50%  {top: -10px;}
    75%  {top: -80px;}
    100% {top: -100px;}
}

.work-bounce-blue{
    width: 110px;
    position: absolute;
    right: 30%;
    bottom: -20px;
    z-index: -1;
    animation: bounce3 1s linear 0.3s infinite;
}

@media screen and (max-width:1199px) {
    .banner-bounce-blue{
        animation: bounce3 1s linear infinite;
    }
    .testimonial-bounce-green{
        right: 17%;
    }
}
@media screen and (max-width:991px) {
    .banner-bounce-blue{
        bottom: -60px;
        left: auto;
        right: 0;
        z-index: -1;
    }
    .banner-bounce-green{
        right: 10%;
        animation: bounce2 1s linear 0.4s infinite;
    }
    .we-do-bounce-green{
        animation: bounce3 1s linear 0.3s infinite;
    }
    .work-bounce-green{
        left: 12%;
    }
    .testimonial-bounce-blue {
        width: 120px;
    }
    .testimonial-bounce-green {
        width: 110px;
        right: 20%;
    }
}
@media screen and (max-width:767px) {
    .banner-bounce-blue {
        left: 0%;
        width: 105px;
    }
    .banner-bounce-green {
        right: 0%;
        width: 90px;
    }
    .we-do-bounce-blue{
        width: 75px;
        right: 0%;
        animation: bounce4 1s linear infinite;
    }
    .we-do-bounce-green{
        width: 110px;
    }
    .work-process-bounce-green {
        width: 100px;
        animation: bounce3 1s linear 0.3s infinite;
    }    
    .testimonial-bounce-green {
        width: 95px;
        right: 25%;
    }
    .testimonial-bounce-blue {
        width: 100px;
    }
}

@media screen and (max-width:575px) {
    .bounce-balls div{
        animation: none;
    }
    .banner-bounce-green,
    .banner-bounce-blue{
        /* bottom: 20px; */
        display: none;
    }
    .we-do-bounce-blue{
        bottom: -60px;
    }
    .work-process-bounce-green{
        bottom: -80px;
    }
    .testimonial-bounce-green{
        bottom: auto;
        top: -130px;
        right: 15%;
    }
}