/* rem and em do not depend on html font size in media queries!
Instead, 1rem = 1em = 16px
*/

/* @media (max-width: 1920px) {
  html {
    font-size: 65.2%;
  }
}

@media (max-width: 1344px) {
  html {
    font-size: 55%;
  }
}

@media (max-width: 940px) {
  html {
    font-size: 50%;
  }
} */

/* MINE QUERIES */

@media (max-width: 1395px) {
  .box-container {
    margin: 0 6rem;
  }
  .box-containerv2 {
    margin: 0 6rem;
  }
}

@media (max-width: 753px) {
  .box-container {
    flex-direction: column;
    margin: 0;
    align-items: center;
    gap: 9.6rem;
  }
  .box-containerv2 {
    flex-direction: column;
    margin: 0;
    align-items: center;
    gap: 9.6rem;
  }
  .boxes p {
    font-size: 2.4rem;
  }
  .boxes h1 {
    font-size: 3.6rem;
  }
}

/* ***************** */
/* BELOW 1344px (smaller computers) */
/* ***************** */

@media (max-width: 84em) {
  .hero {
    max-width: 120rem;
  }

  .heading-primary {
    font-size: 4.4rem;
  }

  .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ***************** */
/* BELOW 1200px (Landscpae Tablets) */
/* ***************** */

@media (max-width: 75em) {
  html {
    font-size: 56.25%;
  }
  .box-container {
    margin: 0 3rem;
  }
  .box-containerv2 {
    margin: 0 3rem;
  }
}

@media (max-width: 68em) {
  .price1 {
    grid-column: 1 / -1;
    text-align: center;
  }
}

@media (max-width: 1450px) {
  .com-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .com-container {
    grid-template-columns: 1fr;
  }
}

/* ***************** */
/* BELOW 940px (Tablets) */
/* ***************** */

@media (max-width: 59em) {
  html {
    font-size: 50%;
  }
}

@media (max-width: 56em) {
  html {
    font-size: 50%;
  }

  .price1 {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .price2 {
    margin: 0 auto;
  }
  .price3 {
    margin: 0 auto;
  }
  .footer-table-width {
    flex-direction: column;
    padding: 1.4rem 2.4rem;
    margin: 3.2rem 0;
  }
  .footer-table-width-divs {
    width: 90%;
    justify-content: space-evenly;
    flex-direction: column;
  }
}
/* ***************** */
/* BELOW 704px (Smaller Tablets) */
/* ***************** */

@media (max-width: 44em) {
  .sixth-section {
    padding: 6.4rem 6.4rem;
  }
  .fifth-section-flex {
    flex-direction: column;
    gap: 9.6rem;
  }
}

/* ***************** */
/* BELOW 544px (Phones) */
/* ***************** */

@media (max-width: 34em) {
  .sixth-section {
    padding: 6.4rem 2.8rem;
  }

  .price-card {
    width: 100%;
  }

  .section-contact {
    padding: 4.8rem 2.4rem;
  }

  .price-card-list {
    width: 60%;
  }

  .backgorund-table.html {
    font-size: 40%;
  }
  table {
    font-size: 1.5rem;
  }

  .main-heading-text {
    font-size: 5.2rem;
    line-height: 4.8rem;
  }
  .footer-links {
    font-size: 1.8rem;
    padding: 1.2rem 1.6rem;
  }

  .footer-links {
    flex-direction: column;
  }
  .footer-links a {
    width: 100%;
  }
}

@media (max-width: 26em) {
  .container-table {
    padding: 0.8rem;
  }
  th,
  td {
    padding: 1.4rem 0.3rem;
    text-align: center;
  }
  .com-container {
    padding: 0rem;
  }

  .main-heading-text {
    font-size: 3.8rem;
    line-height: 3.2rem;
  }

  .heading-text2 {
    color: rgb(173, 146, 113);
  }
}