/*______/Responsive_css\_____*/
@media (max-width: 1024px) {
    .our_features .container .foods_gallery {
        grid-template-columns: auto;
    }
    .our_products .container .products{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 769px) {
    .mobile_menu.active {
        display: none;
    }
}

@media (max-width: 768px) {
    .desktop_menu ul {
        display: none;
    }
    .menu_icon {
        display: block;
    }

    /*______/hero_sec\_____*/
    .hero_sec .container {
        flex-direction: column;
        padding: 2rem 0;
        row-gap: 5rem;
    }
    .hero_con h1 {
        text-align: center;
        font-size: 3.2rem;
        max-width: 100%;
    }
    .hero_con p {
        max-width: 100%;
        text-align: center;
        padding: 10px;
    }
    .hero_btn {
        display: block;
        width: 100%;
    }
    
    img.ratings {
        position: absolute;
        top: 84%;
        right: 3.5rem;
    }

    img.gqp {
        position: absolute;
        top: 91%;
        left: 11%;
        z-index: 5;
    }

    .brand_logos {
        padding: 3rem 0;
    }
    .brand_logos .logoipsum {
        justify-content: center;
        gap: 1rem;
        padding-top: 3rem;
    }
    .hero_img {
        position: static;
        width: 100%;
        text-align: center;
    }
    .hero_img img {
        margin-right: 1rem;
    }


    /*______/Services_sec\_____*/
    .services .container {
        grid-template-columns: repeat(2, 1fr);
        padding: 3rem 0;
        justify-content: center;
        row-gap: 5rem;
    }
    .services .container .col{
        flex-direction: column;
    }

    /*______/Our_benefit_sec\_____*/
    .our_benefit {
        padding: 1rem;
    }
    .our_benefit .container {
        flex-direction: column;
    }
    .our_benefit .container .col:nth-of-type(1) {
        width: 100%;
    }
    .our_benefit .container .col h4, 
    .our_benefit .container .col h2 {
        text-align: center;
    }
    .our_benefit .container .col:nth-of-type(2) {
        width: 100%;
    }
    .our_benefit .container .col:nth-of-type(2) h2 {
        font-size: 2rem;
        max-width: 100%;
    }

    /*______/Our_stars_sec\_____*/
    .our_stars .container {
        padding: 1rem;
        margin-top: 12rem;
    }
    .our_stars .container {
        flex-direction: column;
        row-gap: 4rem;
    }
    .our_stars .container .col_01 {
        order: 2;
        text-align: center;
    }
    
    .our_stars .container .col_01 h2 {
        font-size: 2rem;
        max-width: 100%;
    }

    .our_stars .container .col_01 .counts{
        flex-direction: column;
        row-gap: 3rem;
    }

    .our_stars_btn {
        width: 100%;

    }

   .our_stars .container .col_02 {
        min-width: 30%;
        min-height: 17rem;
        height: 100px;
    }
    .our_stars .container .col_02 figure {
        position: relative;
    }
    .our_stars .container .col_02 figure img {
        padding-left: 10%;
        padding-right: 10%;
        position: relative;
        bottom: 8rem;
    }

    /*______/Our_features_sec\_____*/
    .our_features .container {
        text-align: center;
    }
    .our_features .container .foods_gallery {
        grid-template-columns: auto;
    }
    .our_features .container .foods_gallery .food {
        flex-direction: column;
    }
    .our_features .container .foods_gallery .food:nth-of-type(3) {
        flex-direction: column-reverse;
        
    }
    .our_features .container .foods_gallery .food:nth-of-type(4) {
        flex-direction: column-reverse;
        
    }
    .our_features .container h2 {
        font-size: 2rem;
    }
    .our_features .container h2 span{
        position: relative;
    }
    .our_features .container h2 span::before {
        content: "Veggie ";
    }


    /*______/Our_product_sec\_____*/
    .our_products .container  {
        text-align: center;
        gap: 1.5rem;
    }
    .our_products .container h4, .our_products .container h2 {
        margin-left: 0;
    }
    .our_products .container .products{
        grid-template-columns: auto;
        align-items: center;
        row-gap: 4rem;
    }

    .our_products .container .products .product{
        max-width: 20rem;
    }


    /*______/veggie_foods_sec\_____*/
    .veggie_foods .container h2 {
        font-size: 2rem;
    }
    .veggie_food_btn {
        width: 80%;
    }


    /*______/Footer_sec\_____*/
    .footer .container  {
        flex-direction: column;
    }
    .footer .container .column_4 form {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .footer .container .col {
        text-align: center;
    }
    .f_form_email {
        margin-right: 0;
    }
    .footer .container .column_1 .media_link {
        justify-content: center;
    }
}

/*______/end\_____*/
/*______/Responsive.css_end\_____*/