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

@media (max-width: 1300px) {
  .heading3 {
    font-size: 8rem;
  }
  .heading4 {
    font-size: 12rem;
  }
}
@media (max-width: 1150px) {
  #side-img-5 {
    max-width: 25rem;
    top: -10rem;
  }
  #side-img-6 {
    max-width: 25rem;
    top: -10rem;
    right: 1%;
  }
  #coin9 {
    left: 22%;
  }
}
@media (max-width: 1200px) {
  .heading1 {
    font-size: 20rem;
  }
  #coin9 {
    top: 5%;
  }
  .footer {
    gap: 5%;
    padding: 2rem 6% 2rem 6%;
  }
}

@media (max-width: 1050px) {
  .heading1 {
    font-size: 18rem;
  }
  .c-coin {
    width: 18rem;
  }
  #coin6 {
    width: 8rem;
    left: 0%;
  }
}
@media (max-width: 880px) {
  #side-img-5 {
    max-width: 20rem;
    top: -8rem;
  }
  #side-img-6 {
    max-width: 20rem;
    top: -8rem;
  }
}
@media (max-width: 830px) {
    #coin9 {
    top: -36%;
  }
  .heading1 {
    font-size: 16rem;
  }
  .c-coin {
    width: 15rem;
  }
  .heading2 {
    font-size: 8rem;
  }
  #text1 h2 {
    font-size: 4.5rem;
  }
  .coin-box span {
    font-size: 3.5vw;
  }
  #coin5 {
    top: 18%;
    right: 2%;
  }
  .bottom-side2 {
    flex-direction: column;
  }
  #side-img-5 {
    position: relative;
    max-width: 25rem;
    top: unset;
    width: 60%;
  }
  #side-img-6 {
    position: relative;
    max-width: 25rem;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
  }
  .text-line {
    margin: 0;
  }
  .text-line p{
    padding-left: 4%;
    padding-right: 4%;
  }
  .footer {
    gap: 4rem;
    flex-direction: column;
    padding: 2rem 4% 2rem 4%;
  }
}
@media (max-width: 700px) {
  #text1 {
    margin-top: 0;
    bottom: 0;
  }
  .c-coin {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 10rem;
  }
  #coin6 {
    width: 8rem;
    left: 0%;
    top: unset;
    bottom: 0;
  }
  .top-side3 {
    flex-direction: column;
    gap: 3rem;
  }
  #side-img-3,
  #side-img-4 {
    width: 60%;
  }
}
@media (max-width: 600px) {
  #side-img-1 {
    margin-left: 2.5rem;
  }
  #inside-img1 {
    left: -23%;
  }
  .coin {
    width: 5rem;
  }
  #text1 h2 {
    font-size: 3.5rem;
  }
  .email-div input::placeholder {
    font-size: 1.6rem;
  }
  #coin8 {
    bottom: unset;
    top: -15%;
    right: -3%;
  }
}
@media (max-width: 500px) {
  .c-coin {
    width: 7rem;
  }
  .navbar {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .copy-btn-box {
    flex-direction: column;
  }
  .copy-text {
    flex-direction: column;
  }
  .copy-text p {
    font-size: 4.5vmin;
  }
  .heading4 {
    font-size: 10rem;
  }
  #coin9 {
    left: 10%;
  }
  .logo-img {
    width: 8rem;
  }
  .footer-lines {
    flex-direction: column;
  }
  .footer-lines li:first-child {
    margin-right: 0;
  }
  .footer {
    gap: 3rem;
  }
}
@media (max-width: 400px) {
  .heading1 {
    font-size: 32vw;
  }
  #text1 {
    gap: 2rem;
  }
  .heading4 {
    font-size: 8rem;
  }
  .logo-img {
    width: 7rem;
  }
}
@media (max-width: 300px) {
  .email-div input::placeholder {
    font-size: 1.2rem;
  }
}