@media screen and (max-width: 768px) {
    .main-banner{
        height: 160vh;
    }

    header .wrap {
        justify-content: center;
    }

    header .wrap .navs{
        display: none ;
    }

    header .menu-click{
        display: block ;
    }

    .main-banner .text{
        bottom: 54%;
    }

    .products .product_flex .product_card{
        width: 49%;
    }

    .products .product_flex .product_card .desc h4 {
        max-width: 152px;
    }

    .recipes_main .recipe_card .wrap, .recipes_main .recipe_card:nth-child(even) .wrap {
        flex-direction: column;
    }

    .recipes_main .recipe_card .img {
        width: 80%;
    }

    .recipes_main .recipe_card .text {
        width: 100%;
        margin-top: 40px;
    }
}

@media screen and (max-width: 480px) {
    
    .main-banner .text{
        width: 94%;
    }

    .main-banner .text h1{
        font-size: 80px;
    }
    
    .main-banner .text p{
        font-size: 17px;
    }

    .products .product_flex .product_card {
        width: 100%;
    }

    .products .product_flex .product_card .desc h4 {
        max-width: 240px;
    }

    footer .footer_wrap {
        justify-content: center;
        flex-direction: column-reverse;
    }

    footer .footer_wrap .footer_logo img{
        display: none;
    }

    footer .copyright p, footer .footer_wrap .contact h4, 
    footer .footer_wrap .contact ul li {
        text-align: center;
    }

    footer .footer_wrap .contact h4{
        margin-top: 24px;
    }

    
}