@media screen and (max-width: 1664px) {
  .illustration-accounting {
    width: 1000px;
    height: 600px;
    right: -150px;
  }
  .illustration-gst {
    width: 600px;
    height: 600px;
    right: 50px;
    top: 50px;
  }
  .illustration-feature {
    width: 600px;
    height: 600px;
    right: 50px;
    top: 50px;
  }
}

@media screen and (max-width: 1400px) {
  .illustration-accounting {
    width: 900px;
    height: 600px;
    right: -150px;
  }
  .illustration-gst {
    width: 550px;
    height: 550px;
    right: 50px;
    top: 70px;
  }
}

@media screen and (max-width: 1250px) {
  .illustration-accountingDemo {
    width: 400px;
    height: 400px;
    top: 140px;
    right: 100px;
  }
}

@media screen and (max-width: 1200px) {
  .illustration-calculation {
    right: 0px;
  }

  .illustration-accounting {
    width: 850px;
    height: 510px;
    top: 90px;
    right: -150px;
  }
  .illustration-gst {
    width: 500px;
    height: 500px;
    top: 100px;
  }
  .illustration-feature {
    width: 520px;
    height: 520px;
    right: 20px;
    top: 120px;
  }
}

@media screen and (max-width: 1075px) {
  .illustration-url {
    width: 500px;
    height: 500px;
    top: 100px;
  }
  .illustration-accounting {
    width: 750px;
    height: 450px;
    top: 90px;
    right: -150px;
  }
  .illustration-gst {
    width: 450px;
    height: 450px;
    top: 120px;
  }
}

@media screen and (max-width: 992px) {
  .illustration-calculation {
    width: 450px;
    height: 450px;
    right: 0px;
  }
  .illustration-feature {
    width: 450px;
    height: 450px;
    right: 20px;
    top: 120px;
  }
}
@media screen and (max-width: 930px) {
  .illustration-gst {
    width: 350px;
    height: 350px;
    top: 150px;
  }
}

@media screen and (max-width: 875px) {
  .illustration-calculation {
    width: 400px;
    height: 400px;
    right: 0px;
  }
  .illustration-accountingDemo {
    width: 300px;
    height: 300px;
    top: 160px;
    right: 50px;
  }
  .illustration-url {
    width: 400px;
    height: 400px;
    top: 150px;
  }
  .illustration-accounting {
    width: 650px;
    height: 450px;
    top: 90px;
    right: -150px;
  }
}

@media screen and (max-width: 830px) {
  #demoIframe {
    height: 1743px;
  }
  .countNumbers .counter {
    font-size: 22px;
  }
  .illustration-gst {
    display: none;
  }
  .illustration-feature {
    width: 350px;
    height: 350px;
    right: 20px;
    top: 180px;
  }
}

@media screen and (max-width: 768px) {
  .spacer{
    height: 50px !important;
  }
  .main-head{
    font-size: 58px;
    display: flex;
    flex-direction: column;
  }
  .illustration-calculation {
    width: 300px;
    height: 300px;
    right: 30px;
    top: 50px;

  }
  .illustration-url {
    display: none;
  }
  .illustration-accounting {
    display: none;
  }
  .illustration-feature {
    display: none;
  }
}

@media screen and (max-width: 730px) {
  .illustration-accountingDemo {
    display: none;
  }
}

@media screen and (max-width: 675px) {
  .main-head{
    font-size: 58px;
    display: block;
    flex-direction: column;
  }
  .main-head .mil-thin:first-of-type{
    display: block;
  }
  .illustration-calculation {
    display: none;
  }

  .countNumbers .counter {
    font-size: 18px;
  }
}

@media screen and (max-width: 540px) {
  .main-head .mil-thin{
    display: block;
  }
}