/* Media queries for responsiveness */



@media screen and (max-width: 1600px) {
  .featured-boxes {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .testimonial-container {
    grid-template-columns: repeat(3, 1fr);
  }

  .testimonial {
    padding: 0px;
  }
}

@media screen and (max-width: 1400px) {}

@media screen and (max-width: 1200px) {
  .menu-items>a {
    font-size: 18px;
    padding: 0;
  }

  .request-btn {
    font-size: 14px;
  }

  .lets-talk-text {
    font-size: 9rem;
  }
}

@media screen and (max-width: 1080px) {

  .header-menu-links,
  .request-btn {
    display: none;
  }

  .mob-header {
    display: block;
  }

  .items>.item div {
    margin-bottom: 3px;
  }

  .testimonial-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .foundation-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer .site__wrapper {
    min-width: 90%;
  }

  .product_list_section {
    width: 40%;
  }

  .heading--1 {
    font-size: 28px;
    line-height: 32px;
  }

  .heading--2 {
    font-size: 24px;
    line-height: 28px;
  }

  .heading--3 {
    font-size: 20px;
    line-height: 24px;
  }
}

@media screen and (max-width: 900px) {
  .lets-talk-text {
    font-size: 6rem;
  }

  .items {
    grid-template-columns: 1fr;
  }

  .items>.item div {
    margin-bottom: 15px;
  }

  .info-container {
    flex-direction: column-reverse;
  }

  .product_list_full {
    display: none;
  }

  .product_list-mob {
    display: block;
  }

  .product_list_section {
    width: 100%;
  }

  .product_space {
    flex-direction: column;
  }

  .product_space .product_list_section {
    margin-bottom: 20px;
  }

  .product_detail_section {
    margin-left: 0px;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {

  .main__space section {
    margin-bottom: 30px;
  }

  .site__wrapper {
    max-width: calc(100% - 30px);
    margin: 0 auto;
  }

  .body--1 {
    font-size: 20px !important;
    line-height: 26px;
  }

  .body--2 {
    font-size: 16px !important;
    line-height: 21px;
  }

  .body--3 {
    font-size: 14px !important;
    line-height: 18px;
  }

  .body--4 {
    font-size: 12px !important;
    line-height: 16px;
  }

  .top-banner {
    margin-bottom: 30px !important;
  }

  .featured-boxes {
    grid-template-columns: repeat(1, 1fr);
  }

  .who-img>img {
    display: none;
  }

  .testimonial-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .footer .contact-details {
    flex-direction: column !important;
    align-items: start;
    width: max-content;
    margin: auto;

  }

  .contact-details>div {
    width: auto;
    margin-bottom: 30px;
  }


  #nav-icon4 {
    margin-right: 30px;
  }

}

@media screen and (max-width: 480px) {
  .foundation-container {
    grid-template-columns: 1fr;
    /* One box in a row */
  }

  .lets-talk-text {
    font-size: 3rem;
  }

  #nav-icon4 {
    margin-right: 20px;
  }
}

@media screen and (max-width: 320px) {}