/* navbar */

  
  /* Media query for smaller screens (360px to 640px) */
  @media only screen and (min-width: 360px) and (max-width: 640px) {
    .search-bar input {
      width: 100%;
    }
  
    .logo img {
      width: 80px; /* Adjust logo size for smaller screens */
    }
  }
/* -------------------------------------section--------------------------- */


/* Media query for smaller screens (360px to 640px) */
@media only screen and (min-width: 360px) and (max-width: 640px) {
  .top-banner {
    flex-direction: column; /* Stack elements vertically on smaller screens */
    align-items: flex-start; /* Align elements to the left */
  }

  .banner-text {
    text-align: left; /* Align text to the left */
  }

  .bottom-section {
    justify-content: flex-start; /* Align elements to the left */
  }
}
/* ----------------------------------flex container------------------------------ */

  
  /* Media query for smaller screens (360px to 640px) */
  @media only screen and (min-width: 360px) and (max-width: 640px) {
    .flex_Container {
      justify-content: center; /* Align items to the left */
    }
  
    .flex_Container > .flex_Item {
      width: 50%; /* Make each item take up 50% of the width */
      padding: 5px; /* Add padding for spacing */
      margin-bottom: 10px; /* Add bottom margin for spacing between rows */
    }
  
    .flex_Container > .flex_Item > .firstimg {
      width: 100%; /* Make images take up the full width of the item */
      height: auto; /* Maintain aspect ratio */
    }
  }
/* ----------------------------------------------------dairy container----------------------------- */


/* Mobile responsive styles */
@media only screen and (min-width: 360px) and (max-width: 640px) {
    .Dairy_Bread_Eggs_section_heading {
        flex-wrap: nowrap;
        justify-content: center;
        gap: 10px;
    }
    .Dairy_Bread_Eggs_section_heading>.see_ALL {
        font-size: 14px;
    }
}


/* Mobile responsive styles */
@media only screen and (min-width: 360px) and (max-width: 640px) {
    .Dairy_Bread_Eggs_section>div {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }
    .Dairy_Bread_Eggs_section>div>img {
        width: calc(100% - 20px);
        height: auto;
        margin-bottom: 10px;
    }
}
/* ----------------------------------amazone section---------------------------------- */

  
  /* Media query for smaller screens (360px to 640px) */
  @media only screen and (min-width: 360px) and (max-width: 640px) {
    .Amazon_section > .child1 > div > img {
      width: 100%; /* Make image take up the full width on smaller screens */
      height: auto; /* Maintain aspect ratio */
    }
  
    .Amazon_section > .child2 > .child2-child > div > img,
    .child3 > .child3-child > div > img,
    .child4 > .child4-child > div > img {
      width: 100%; /* Make images take up the full width on smaller screens */
      height: auto; /* Maintain aspect ratio */
    }
  }
  /* -----------------------------------cold drinks--------------------------------------- */
  
  
  
  /* Media query for smaller screens (360px to 640px) */
  @media only screen and (min-width: 360px) and (max-width: 640px) {
    .cold-drinks_section_heading {
      justify-content: space-between; /* Adjust justification for smaller screens */
      gap: 20px; /* Adjust gap for smaller screens */
    }
  
    .cold-drinks_section > div > img {
      width: 100%; /* Make image take up the full width on smaller screens */
      height: auto; /* Maintain aspect ratio */
    }
  }
  /* --------------------------------footer---------------------------------- */
 
  /* Media query for smaller screens (360px to 640px) */
  @media only screen and (min-width: 360px) and (max-width: 640px) {
    .footer {
      flex-direction: column; /* Stack elements vertically */
      align-items:center; /* Align elements to the left */
    }
  
    .footer > .footer_child1 > .footer_child1_heading,
    .footer_child2 > .footer_child2_heading {
      text-align: center; /* Center headings */
      margin: 10px 0; /* Adjust margins for smaller screens */
    }
  
    .footer > .footer_child1 > ul,
    .footer > .footer_child2 > ul {
      justify-content: center; /* Align list items to the left */
    }
  
    .footer > .footer_child1 > ul > .footer_child1_list_items,
    .footer_child2 > ul > .footer_child2_list_items {
      padding: 0 20px; /* Adjust padding for smaller screens */
    }
  }
  /* ----------------------------------bottom footer-------------------------------------------- */
  
  
  /* Media query for smaller screens (360px to 640px) */
  @media only screen and (min-width: 360px) and (max-width: 640px) {
    .bottom_footer {
      flex-direction: column; /* Stack elements vertically */
      align-items: cent; /* Align elements to the left */
    }
  
    .bottom_footer > .bottom_footer_child3 > .icons > a {
      font-size: 24px; /* Adjust font size for smaller screens */
    }
  }