@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .HeroBanner-data-heading {
    font-size: 6rem;
  }

  .HeroBanner-img {
    width: 450px;
  }
}

@media only screen and (max-width: 1399px) {
  .Contactus-content .MainHeading,
  .Contactus-content .MainSubheading {
    font-size: 6rem;
  }

  .Appusing .MainHeading,
  .Appusing .MainSubheading {
    font-size: 5rem;
  }
}

@media only screen and (max-width: 1199px) {
  html {
    font-size: 50%;
  }
  .WebsiteHeader-logo {
    width: 150px;
  }

  .WebsiteHeader-navList-container
    .WebsiteHeader-navList-item:not(:last-child) {
    margin-right: 15px;
  }

  .WebsiteHeader-navList-item {
    padding: 10px 10px 10px 5px !important;
  }

  .headerBanner {
    margin-top: 80px;
  }

  .WebsiteFooter-logo {
    width: 300px;
  }

  .WebsiteHeader-navList-item > * {
    font-size: 1.8rem;
  }

  .Contactus-content .MainHeading,
  .Contactus-content .MainSubheading {
    font-size: 6rem;
  }

  .HeroBanner .h-100 {
    height: auto !important;
  }

  .HeroBanner {
    height: auto;
    padding: 120px 0px 30px 0px;
  }

  .HeroBanner-img {
    width: 50%;
    margin: 0 auto;
    padding: 35px 0px;
  }
}

@media only screen and (max-width: 991px) {
  html {
    font-size: 55%;
  }

  .WebsiteFooter-logo {
    width: 300px;
  }

  .headerBanner {
    margin-top: 80px;
  }

  .WebsiteHeader-logo {
    width: 200px;
  }

  .WebsiteHeader-toggle {
    margin: 10px 10px;
  }

  .WebsiteHeader-navList-container
    .WebsiteHeader-navList-item:not(:last-child) {
    margin-bottom: 10px;
  }

  .WebsiteHeader-navList-item > * {
    padding: 0px 0px !important;
    font-size: 1.8rem;
  }

  .WebsiteHeader-navList-item > *.active,
  .WebsiteHeader-navList-item > *.show {
    background-color: transparent !important;
  }

  .contact-content-userform {
    padding: 20px 10px;
  }

  .Contactus-content .MainHeading,
  .Contactus-content .MainSubheading {
    font-size: 5.5rem;
  }

  .Appusing .MainHeading,
  .Appusing .MainSubheading {
    font-size: 3rem;
  }

  .ribbonDivider {
    height: 60px;
    background-image: none;
  }
}

@media only screen and (max-width: 767px) {
  html {
    font-size: 53%;
  }

  .footerLinks img {
    width: 25px;
    height: 25px;
  }

  .footerLinks li {
    padding: 15px 25px;
  }

  .copywrite img {
    width: 30px;
    height: 30px;
    padding: 7px;
  }

  .MainHeading,
  .MainSubheading {
    font-size: 3.2rem;
  }

  .DownloadApp h3 {
    font-size: 4rem;
  }

  .Downloadlinks a {
    width: 170px;
  }

  .footerLinks li {
    width: 45%;
  }

}

@media only screen and (max-width: 575px) {
  html {
    font-size: 56%;
  }

  .WebsiteHeader-logo {
    width: 150px;
  }

  .WebsiteHeader {
    padding: 10px 10px;
  }

  .WebsiteFooter-logo {
    width: 200px;
  }

  .WebsiteFooter-content {
    padding: 0px 12px;
  }

  .WebsiteFooter-content h1 {
    font-size: 3.5rem;
  }

  .footerLinks li:not(:last-child) {
    margin-right: 0px;
  }

  .footerLinks li {
    padding: 0px;
    width: 100%;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .footerLinks li:last-child  {
    margin-top: 20px;
  }

  .footerLinks img {
    width: 35px;
    height: 35px;
  }

  .copywrite {
    padding: 15px 12px 10px 12px;
  }

  section.MainContainer-staticPage-content {
    padding: 50px 20px;
  }

  .headerBanner-Content {
    padding: 70px 0px;
    font-size: 5.5rem;
  }

  .Contactus-content .MainHeading,
  .Contactus-content .MainSubheading {
    font-size: 3rem;
  }

  .HeroBanner-data-heading {
    font-size: 4rem;
  }

  .DownloadApp-type > * {
    width: 95%;
    margin: 0 auto;
  }

  .DownloadApp-type > *:first-child {
    margin-bottom: 20px;
  }

  .testimonial .MainHeading,
  .testimonial .MainSubheading {
    font-size: 4rem;
  }

  .Downloadlinks a {
    width: 130px;
  }
}