@media (min-width: 767px) {

    .feature11 {
        top: 300px;
        left: 0;
    }

    .feature12 {
        right: 0;
        top: 80px;
    }

    .feature21 {
        left: 0;
        top: 360px;
    }

    .feature22 {
        right: 0; 
        top: 100px;
    }

    .feature31 {
        top: 300px;
        left: 0;
    }

    .feature32 {
        right: 0;
        top: 80px;
    }

    .feature41 {
        left: 0;
        top: 360px;
    }

    .feature42 {
        right: 0; 
        top: 100px;
    }

    .feature51 {
        top: 300px;
        left: 0;
    }

    .feature52 {
        right: 0;
        top: 80px;
    }

    .feature61 {
        left: 0;
        top: 360px;
    }

    .feature62 {
        right: 0; 
        top: 100px;
    }

}

@media (min-width: 991px) {

    .feature11 {
        top: 300px;
        left: -120px;
    }

    .feature12 {
        right: -170px;
        top: 80px;
    }

    .feature21 {
        left: 30px;
        top: 360px;
    }

    .feature22 {
        right: -170px; 
        top: 100px;
    }

    .feature31 {
        top: 480px;
        left: -100px;
    }

    .feature32 {
        right: 170px;
        top: 90px;
    }

    .feature41 {
        left: 200px;
        top: 360px;
    }

    .feature42 {
        right: 120px; 
        top: 90px;
    }

    .feature51 {
        top: 420px;
        left: 20px;
    }

    .feature52 {
        right: 40px;
        top: 160px;
    }

    .feature61 {
        left: 30px;
        top: 300px;
    }

    .feature62 {
        right: -100px; 
        top: 160px;
    }

}