@media (min-width: 768px) {
  html,
  body {
    font-size: 2.5vw !important;
  }

  header .head1 {
    left: 2.5%;
  }

  header .head2 {
    visibility: visible;
    left: 17%;
    animation-delay: 1s;
  }

  header .head3 {
    left: 35%;
    animation-delay: 2s;
  }

  header .head4 {
    visibility: visible;
    left: 62%;
    animation-delay: 3s;
  }

  header .head5 {
    left: 80%;
    animation-delay: 4s;
  }

  header .container {
    gap: 1rem;
  }

  #about > .container > img {
    width: 75%;
  }

  #about .container .image-wrapper img {
    margin: 0;
    height: 350px;
  }

  #cost .container .price-list {
    width: 50%;
  }

  #reviews .container .review-card {
    padding: 50px 20px;
    max-width: 800px;
  }

  #loadMore {
    height: 60px;
  }

  .float-btn {
    width: 80px;
    height: 80px;
  }
}

@media (min-width: 1440px) {
  html,
  body {
    font-size: 1.5vw !important;
  }

  .content-wrapper {
    margin: 0 auto;
    position: relative;
    width: 80%;
  }

  header .head1 {
    left: 20%;
  }

  header .head2 {
    visibility: visible;
    left: 32.5%;
    animation-delay: 1s;
  }

  header .head3 {
    left: 45%;
    animation-delay: 2s;
  }

  header .head4 {
    visibility: visible;
    left: 62%;
    animation-delay: 3s;
  }

  header .head5 {
    left: 75%;
    animation-delay: 4s;
  }

  header .container {
    gap: 0;
  }

  #hero {
    height: 50vh;
  }

  #hero .container {
    width: 80%;
  }

  #about > .container > img {
    width: 75%;
  }

  #cost .container .price-list {
    width: 40%;
  }

  #loadMore {
    height: 60px;
  }
}