/* Large Desktops (1200px and up) */
@media (min-width: 1200px) {
  .container {
    max-width: 1100px;
  }
}

/* Medium Devices (992px - 1120px) */
@media (max-width: 1120px) {
  .hero_area {
    height: auto;
   
  }

  .slider_section {
    padding: 50px 0;
  }
}

/* Tablets (768px - 992px) */
@media (max-width: 992px) {
  .custom_nav-container .nav_search-btn {
    background-position: center;
  }

  .service_section .card-deck {
    flex-direction: column;
  }

    .service_section .card-deck .card {
      margin-bottom: 25px;
      max-width: 100%;
    }
}

/* Small Tablets (576px - 768px) */
@media (max-width: 768px) {
  .slider_img-box {
    width: 85%;
    margin: 65px auto;
  }

  .slider_section .custom_carousel-control {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 105px;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
  }

  .fruit_section .fruit_detail-box {
    margin-bottom: 40px;
    text-align: center;
  }

  .fruit_detail-box > div {
    display: flex;
    justify-content: center;
  }

  .contact_section {
    background-size: 105px;
    input

{
  background-color: transparent;
}

}

.info_section {
  .col-md-3

{
  text-align: center;
  &:not(:nth-last-child(1))

{
  margin-bottom: 35px;
}

}
}

.tasty_section h2 {
  font-size: 3.5rem; /* Converted from 80px to rem */
}

}

/* Mobile Devices (480px - 576px) */
@media (max-width: 576px) {
  .slider_item-container .slider_item-detail {
    text-align: center;
    .d-flex

{
  justify-content: center;
}

}
}

/* Extra Small Devices (360px - 480px) */
@media (max-width: 480px) {
  /* Add specific styles for very small devices */
  .slider_item-detail h1 {
    font-size: 2rem;
  }

  .custom_heading {
    font-size: 1.8rem;
  }
}

/* Tiny Devices (below 360px) */
@media (max-width: 360px) {
  /* Add styles for the smallest devices */
  .btn, .custom_dark-btn, .custom_orange-btn {
    padding: 6px 12px;
    font-size: 0.8rem;
  }
}
