@media screen and (max-width: 855px) {



    /* @media (orientation: landscape) */
    /* *{
        animation: bl;
        animation-timing-function: ease;
        animation-duration: 5s;
        animation-fill-mode: forwards;
        filter: blur(0px);
    
    }
    
    @keyframes bl {
        0%{filter: blur(10px);}
        100%{filter: blur(0);}
    } */

    .header-text-container {
        min-width: 100%;
        /* backdrop-filter: blur(0.8px); */
    }

    .nav-desktop {
        display: none;
    }

    .nav-mobile {
        display: flex;
    }

    .header-banner-section {
        padding-top: 0;
    }

    .counter h2 {
        font-size: 20px;
    }
    
    .counter p {
        text-transform: uppercase;
        margin-top: 5px;
        font-size: 15px;
    }

    .header-banner-section {
        padding: 20px 0 30px 0;
        background-position: center;
        
    }

    .mid {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50vh;
    }

    .dumb-videos {
        width: 90%;
        height: 100%;
        justify-content: center;
        align-items: center;
        /* height: 40%; */
    }
    


    

.about-container{
    justify-content: center;
}
.about-image-holder{
    min-width: 100%;
}
.about-text-holder{
    min-width: 95%;
    margin: 20px 0;
}

.about-banner-section{
    height: 35%;
    margin-bottom: 90px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    /* box-shadow: 5px rgba(0, 0, 0, 0.524); */
    /* border-top: 10px solid var(--main-color); */
}

.about-banner-section button{
    display: none;
}

.explorefoods-card {
    margin: 20px 0;
}

.faq-items {
    width: 100%;
    align-items: center;
    margin: 5px auto;

}

.cta-showcase {
    flex-direction: column;
    text-align: center;
    padding: 0 20px;
    border-radius: 20px;
}

.cta-notice {
    padding: 30px 20px;
}

.cta-input-holder input:hover {
    width: 200px;
}

footer{
    flex-direction: column;
    padding: 20px;
    text-align: center;
}

.footer-icon-holder{
    margin: 15px 0;
}

/* .faq-items p{
    width: 100%;
} */

.gototop {
    opacity: 0.4;
    /* display: none; */
    position:fixed;
    right: 0;
    bottom: 0;
    margin: 20px;
    border: 3px solid rgba(255, 255, 255, 0.682);
    /* background: url(./img/gototop.gif); */
    /* background-size: contain; */
    /* color: var(#fff)!important; */
    background: var(--main-color);
    color: #fff;
    padding-top: 8px;
    width: 54px;
    height: 54px;
    justify-content: center;
    align-items: center;
    /* opacity: 0.8; */
    border-radius: 150px;
    text-align: center;
    font-size: 32px;
    backdrop-filter: blur(6px);
    transition: all 0.5s ease;
}

.gototop:hover{
    animation: ripple 2.5s 2;
}

.gototop i{
    /* text-align: center; */
    display: block;
}

.fab{
    display: flex;
}

footer button:hover {
    background: var(--main-color-dark);
    width: 100%;
    /* justify-content: space-between; */
}

/* scroll stuff starts*/

.scroll-down .nav-mobile {
    transition: all 0.5s ease;
    transform: translate3d(0, -100%, 0);
}

.scroll-down .nav-mobilez {
    transform: none;
}

.scroll-up .nav-mobile {
    transition: all 0.5s ease;
    /* filter: drop-shadow(0 -10px 20px rgb(170, 170, 170)); */
}



/* scroll stuff ends*/
}






/* 
.icon{
    display: flex;
    text-decoration: none;
} */