/* Preloader */

#preloaderArmaan {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;

}

#preloaderArmaan #status img {
    width: 180px;
    height: auto;
}



.LoderLogoBox {
    position: relative;
    width: 100%;
    height: 100%;
    display: contents;

}

.bird-logo {
    position: absolute;
    width: 200px;
    left: 100%;
    top: 80%;
    animation: Armaan-Animation;
    z-index: 999;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-duration: 3s;
}

@keyframes Armaan-Animation {
    0% {
        /* right: -25%; */
        left: 102%;
        top: 80%
    }

    9% {
        left: 95%;
        top: 77%
    }

    18% {
        left: 90%;
        top: 75%
    }

    27% {
        left: 85%;
        top: 70%
    }

    32% {
        left: 80%;
        top: 65%
    }

    40% {
        left: 75%;
        top: 60%
    }

    49% {
        left: 70%;
        top: 53%
    }

    58% {
        left: 65%;
        top: 55%
    }

    65% {
        left: 60%;
        top: 52%
    }

    70% {
        left: 55%;
        top: 49%
    }

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

    90% {
        left: 46%;
        top: 42%
    }

    100% {
        left: 42%;
        top: 39%
    }


}

@media (max-width: 992px) {
    @keyframes Armaan-Animation {
        0% {
            /* right: -25%; */
            left: 102%;
            top: 80%
        }
    
        9% {
            left: 95%;
            top: 77%
        }
    
        18% {
            left: 90%;
            top: 75%
        }
    
        27% {
            left: 85%;
            top: 70%
        }
    
        32% {
            left: 80%;
            top: 65%
        }
    
        40% {
            left: 75%;
            top: 60%
        }
    
        49% {
            left: 70%;
            top: 53%
        }
    
        58% {
            left: 65%;
            top: 55%
        }
    
        65% {
            left: 60%;
            top: 52%
        }
    
        70% {
            left: 55%;
            top: 49%
        }
    
        80% {
            left: 50%;
            top: 45%
        }
    
        90% {
            left: 46%;
            top: 42%
        }
    
        100% {
            left: 39%;
            top: 45%
        }
    
    
    }
}

@media (max-width: 768px) {
    @keyframes Armaan-Animation {
        0% {
            /* right: -25%; */
            left: 102%;
            top: 80%
        }
    
        9% {
            left: 95%;
            top: 77%
        }
    
        18% {
            left: 90%;
            top: 75%
        }
    
        27% {
            left: 85%;
            top: 70%
        }
    
        32% {
            left: 80%;
            top: 65%
        }
    
        40% {
            left: 75%;
            top: 60%
        }
    
        49% {
            left: 70%;
            top: 53%
        }
    
        58% {
            left: 65%;
            top: 55%
        }
    
        65% {
            left: 60%;
            top: 52%
        }
    
        70% {
            left: 55%;
            top: 49%
        }
    
        80% {
            left: 50%;
            top: 45%
        }
    
        90% {
            left: 46%;
            top: 42%
        }
    
        100% {
            left: 38%;
            top: 43%
        }
    
    
    }
}
@media (min-width: 1400px) {

    @keyframes Armaan-Animation {
        0% {
            /* right: -25%; */
            left: 102%;
            top: 80%
        }

        9% {
            left: 95%;
            top: 77%
        }

        18% {
            left: 90%;
            top: 75%
        }

        27% {
            left: 85%;
            top: 70%
        }

        32% {
            left: 80%;
            top: 65%
        }

        40% {
            left: 75%;
            top: 60%
        }

        49% {
            left: 70%;
            top: 53%
        }

        58% {
            left: 65%;
            top: 55%
        }

        65% {
            left: 60%;
            top: 52%
        }

        70% {
            left: 55%;
            top: 49%
        }

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

        90% {
            left: 46%;
            top: 42%
        }

        100% {
            left: 44%;
            top: 40%
        }


    }
}

@media (max-width: 595px) {
    @keyframes Armaan-Animation {
        0% {
            /* right: -25%; */
            left: 102%;
            top: 80%
        }

        9% {
            left: 95%;
            top: 77%
        }

        18% {
            left: 90%;
            top: 75%
        }

        27% {
            left: 85%;
            top: 70%
        }

        32% {
            left: 80%;
            top: 65%
        }

        40% {
            left: 75%;
            top: 60%
        }

        49% {
            left: 70%;
            top: 53%
        }

        58% {
            left: 65%;
            top: 55%
        }

        65% {
            left: 60%;
            top: 52%
        }

        70% {
            left: 50%;
            top: 49%
        }

        80% {
            left: 40%;
            top: 45%
        }

        90% {
            left: 30%;
            top: 42%
        }

        100% {
            left: 23%;
            top: 39%
        }


    }
}

@media (max-width: 414px) {
    @keyframes Armaan-Animation {
        0% {
            /* right: -25%; */
            left: 102%;
            top: 80%
        }

        9% {
            left: 95%;
            top: 77%
        }

        18% {
            left: 90%;
            top: 75%
        }

        27% {
            left: 85%;
            top: 70%
        }

        32% {
            left: 80%;
            top: 65%
        }

        40% {
            left: 75%;
            top: 60%
        }

        49% {
            left: 70%;
            top: 53%
        }

        58% {
            left: 65%;
            top: 55%
        }

        65% {
            left: 60%;
            top: 52%
        }

        70% {
            left: 50%;
            top: 49%
        }

        80% {
            left: 40%;
            top: 45%
        }

        90% {
            left: 30%;
            top: 42%
        }

        100% {
            left: 24%;
            top: 42%
        }


    }
}