/*@import url('https://fonts.googleapis.com/css?family=Great+Vibes');*/
@import url('https://fonts.googleapis.com/css?family=Allura');

body {
    overflow-x: hidden;
}

/*___________________Arrow  Animation_____________________*/
.bounce {

    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
    }

    40% {
        -o-transform: translateY(-30px);
    }

    60% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

/*_________________________________________________________*/


.owl-nav img {
    width: auto;
}

.owl-prev {
    position: absolute;
    top: 50%;
    left: -54px;
}

.owl-next {
    position: absolute;
    top: 50%;
    right: -54px;
}

.HomeScroll {
    /*font-size: 2.5vw;
    margin-top: -30%;*/
}

.similar-checkout-div {
    /*top: 12vw;*/
    position: relative;
    width: 100%;
    z-index: 1200;
    
}


@media screen and (max-width: 480px) {
    /*.search_mobile img {
                padding: 0 20px 20px 0 !important;
            }*/
}

@media screen and (max-width: 767px) {
    .HomeScroll {
        margin-top: -30%;
    }

    .HomeFeatured {
        margin: 11vw auto 1vw auto;
        text-align: center;
    }

        .HomeFeatured h1 {
            font-size: 6vw;
            float: none;
        }

        .HomeFeatured a {
            float: none;
        }

    .HomeFloatingText {
        margin-top: 2% !important;
    }

        .HomeFloatingText h1 {
            font-size: 8vw !important;
        }

    .HomeButtonBlack {
        font-size: 4vw;
    }

    .HomeFloatingText p {
        font-size: 2.5vw !important;
    }


}

@media screen and (min-width: 2560px) {
    .HomeScroll {
        margin-top: -20%;
    }
}

@media screen and (min-width: 767px) and (max-width: 968px) {
    .dropdown-menu {
        top: 12vw;
        position: fixed !important;
        left: 0px;
        width: 100%;
    }

    .similar-checkout-div {
        /*top: 14vw;*/
        z-index: 1200;
    }

}

@media screen and (min-width: 969px) and (max-width: 1150px) {
    .dropdown-menu {
        top: 12vw;
        position: fixed !important;
        left: 0px;
        width: 100%;
    }
        .similar-checkout-div {
        /*top: 14vw;*/
    }

}

@media screen and (min-width: 1151px) and (max-width: 2560px) {
    .dropdown-menu {
        top: 8vw;
        /*top: 8vw;*/
        position: fixed !important;
        left: 0px;
        width: 100%;
    }
        .similar-checkout-div {
        /*top: 12vw;*/
    }

}

@media screen and (min-width: 2561px) {
    .dropdown-menu {
        top: 10vw;
        position: fixed !important;
        left: 0px;
        width: 100%;
    }
        .similar-checkout-div {
        /*top: 12vw;*/
    }

}

@media screen and (max-width: 1080px) {
    .main-navbar {
        height: 50px;
    }


    .HomeFloatingText {
        margin-top: 15%;
    }

        .HomeFloatingText h1 {
            font-size: 4vw;
        }

        .HomeFloatingText p {
            font-size: 1.5vw;
        }



    .HomeScroll img {
        width: 150px !important;
    }

    .HomeScroll .fa-chevron-up:before, .HomeScroll .fa-chevron-down:before {
        font-size: 7vw !important;
    }
}