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

    .beeflying{
        transform: translate(-50%, 150%);
        position: absolute;
    }

 }

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

    /* .beeflying {
         transform: translate(-50%, 150%);
         position: absolute;
     }*/

 }

/*-- MOBILE BEE FLYING --*/
@media screen and (max-width: 767px) {

    .beeflying {
        transform: translate(-50%, 150%);
        position: absolute;
        animation: fly-mobile 20s linear infinite;
    }

    .beeflying-two {
        transform: translate(300%, 150%);
        position: absolute;
        animation: fly-mobile-two 20s linear infinite;
    }

    .beeflying-three {
        transform: translate(100%, 650%);
        position: absolute;
        animation: fly-mobile-three 20s linear infinite;
    }

/*
    .descriptif .beeflying-three {
        animation: fly-mobile-four 20s linear infinite;
    }

    .descriptif .beeflying-four {
        transform: translate(200%, 800%);
        animation: fly-mobile-four 20s linear infinite;
    }*/

    .descriptif .beeflying-five {
        transform: translate(250%, 900%);
        /*animation: fly-mobile-four 20s linear infinite;*/
    }

    .beeflying-four {
        transform: translate(150%, 650%);
        position: absolute;
        animation: fly-mobile-four 20s linear infinite;
    }

    .beeflying img {
        width: 75px;
        height: 75px;
    }     

    .beeflying-two img {
        width: 75px;
        height: 75px;
    }

    .beeflying-three img {
        width: 75px;
        height: 75px;
    }

    .beeflying-four img {
        width: 75px;
        height: 75px;
    }

    .beeflying-five img {
        width: 75px;
        height: 75px;
    }

/*
    .beeflying{
        animation: fly-mobile 20s linear infinite;
    }
        
    .beeflying2{
        animation: fly-mobile 20s linear infinite;
    }
        
    .beeflying3{
        animation: fly-mobile 20s linear infinite;
    }
*/

}

@keyframes fly-mobile {
    0% {
        top: 0;
        left: 0;
    }

    25% {
        top: 0;
        left: 250px;
    }

    50% {
        transform: rotate(90deg) ;
    }

    75% {
        top: 250px;
        left: 0;
    }

    100% {
        top: 0;
        left: 0;
    }
}

@keyframes fly-mobile-two {
    0% {
        top: 0;
        left: 0;
    }
    25% {
        top: 300px;
        left: 0;
    }

    50% {
      left: 50px;  
    }
    80% {
        left: 50px;
        top: -300px;
    }
    100% {
        top: 0;
        left: 0;
    }
}

@keyframes fly-mobile-three {
    0% {
        top: 0;
        left: 0;
    }

    25% {
        left: 100px;
    }

    50% {
        top:-200px;
    }

    80% {
        left: 50px;
        top: -300px;
    }

    100% {
        top: 0;
        left: 0;
    }
}

@keyframes fly-mobile-four {
    0% {
        top: 0;
        left: 0;
    }

    25% {
        top: 0;
        left: 250px;
    }

    50% {
        transform: rotate(90deg);
    }

    75% {
        top: 800px;
        left: 0;
    }

    100% {
        top: 0;
        left: 0;
    }
}

/* Flapping wings animation */
/*
@keyframes flap-wings {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}*/

/*
@keyframes fly-around {
    0% {
        top: 0;
        left: 0;
    }

    25% {
        top: 50%;
        left: 80%;
    }

    50% {
        top: 80%;
        left: 50%;
    }

    75% {
        top: 50%;
        left: 20%;
    }

    100% {
        top: 0;
        left: 0;
    }
}*/

/*
@keyframes fly {
    0% {
        top: 0;
        left: 0;
    }
    20% {
        top: 0;
        left: 400px;
    }
    35%{
        transform: rotate(90deg);
    }
    40% {
        top: 400px;
    }
    55%{
        top: 400px;
        left: 400px;
    }
    75%{
        left: -200px;
    }*/
/*
    90%{
        top: -100px;
    }*/
    /*100%{
        top: 0;
        left: 0;
    }*/
/*}*/


/*
@keyframes fly {
    0% {
        top: 0;
        left: 0;
    }
    25% {
        top: 50%;
        left: 80%;
    }
    50% {
        top: 80%;
        left: 20%;
    }
    75% {
        top: 50%;
        left: 60%;
    }
    100% {
        top: 0;
        left: 100%;
    }
}
*/

/*
@keyframes fly {
    0% {
        transform: translate(0, 0);
        /*rotate:-90deg;
    }
    25% {
        transform: translate(100%, 0);
    }
    50% {
        transform: rotate(90deg);
    }
    
          Facing Up 
    25% {
        transform: translate(300px, 0px);  
    }
    50% {
        transform: translate(-200px, -200px); 
    }
    75%{
        transform: translate(0px, -200px);
    }
    100% {
        transform: translate(0px, 0px); 
        rotate: -90deg;

    }
}*/
    /*
    25% {
            transform: rotate(-15deg);
    }-*/
    /*40% {*/
        /*transform: rotate(3.142rad);*/
        /*transform: rotate(45deg);*/
     /*   transform: translate(-200px, 0);

    }*/

    /*
    60% {
        transform: translate(200px, 0);
    }
    80% {
        transform: translate(-500px,0);
    }
     100% {
        transform: translate(0, 0)rotate(360deg);
    }*/
    /*
    75% {
        transform: translate(-200px,0);
    }*/
  /*
    50% {
        transform: translate(400px, 0) rotate(180deg);
    }

    75% {
        transform: translate(200px, -150px) rotate(270deg);
    }

    100% {
        transform: translate(0, 0) rotate(360deg);
    }*/
    /*
}
*/
/*
.bee {
    animation : circularMotion 5s infinite linear;
}

@keyframes circularMotion {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(50px, -50px);
    }

    50% {
        transform: translate(100px, 0);
    }

    75% {
        transform: translate(50px, 50px);
    }

    100% {
        transform: translate(0, 0);
    }
}


@keyframes flyBee {
    0% {
        left: 0;
        bottom: 0;
        transform: rotate(0deg);
    }
    25% {
        left: 25%;
        bottom: 20%;
        transform: rotate(180deg);
    }
    50% {
        left: 50%;
        bottom: 40%;
        transform: rotate(0deg);
    }
    75% {
        left: 75%;
        bottom: 20%;
        transform: rotate(-45deg);
    }
    100% {
        left: 100%;
        bottom: 0;
        transform: rotate(0deg);
    }
}


@keyframes smoothFlap {
    0%, 100% { transform: rotate(15deg); }
    50% { transform: rotate(-15deg); }
}*/