@media screen and (max-width: 1600px) {
  main .intro h1 {
    font-size: 12px !important;
  }
  main .intro h3 {
    font-size: 12px !important;
  }
  main .about h1 {
    font-size: 12px !important;
  }
  main .about h3 {
    font-size: 18px !important;
  }
  main .about p {
    font-size: 14px !important;
  }
  main .how h1 {
    font-size: 12px !important;
  }
  main .how h3 {
    font-size: 18px !important;
  }
  main .how p {
    font-size: 14px !important;
  }
  main .example h1, main .social h1 {
    font-size: 12px !important;
  }
  main .footer p, main .footer a, main footer p, main footer a {
    font-size: 12px !important;
  }
  main .footer .payment img, main footer .payment img {
    margin-left: 8px !important;
  }
  main .footer .payment #img1, main footer .payment #img1 {
    width: 88px;
  }
  main .footer .payment #img2, main footer .payment #img2 {
    width: 68px;
  }
  main .footer .payment #img3, main footer .payment #img3 {
    width: 38px;
  }
  main .footer .payment #img4, main footer .payment #img4 {
    width: 58px;
  }
  main .footer .payment #img5, main footer .payment #img5 {
    width: 76px;
  }
  main .footer .payment #img6, main footer .payment #img6 {
    width: 56px;
  }
  .ad .container {
    background-size: cover !important;
  }
  .ad .container .sale_title {
    padding: 0 24px !important;
  }
  .ad .container .buttons {
    padding: 12px 18px !important;
  }
  .ad .container .buttons button {
    font-size: 14px !important;
    padding: 10px 20px !important;
  }
  .ad .container h1 {
    font-size: 14px !important;
  }
  .ad .container h3 {
    font-size: 12px !important;
  }
  .ad .container img {
    width: 200px !important;
  }
}
@media screen and (max-width: 1100px) {
  .ad .container {
    background-size: cover !important;
    width: 60% !important;
  }
  .ad .container .sale_title {
    padding: 0 24px !important;
    width: 100% !important;
  }
  .ad .container .buttons {
    padding: 12px 18px !important;
  }
  .ad .container .buttons button {
    font-size: 14px !important;
    padding: 10px 20px !important;
  }
  .ad .container h1 {
    font-size: 14px !important;
  }
  .ad .container h3 {
    font-size: 12px !important;
  }
  .ad .container img {
    width: 200px !important;
  }
  main .intro h1 {
    font-size: 12px !important;
  }
  main .intro h3 {
    font-size: 12px !important;
  }
  main .about li {
    width: 100% !important;
  }
  main .about h1 {
    font-size: 12px !important;
  }
  main .about h3 {
    font-size: 16px !important;
  }
  main .about p {
    font-size: 12px !important;
  }
  main .how li {
    width: 100% !important;
  }
  main .how h1 {
    font-size: 12px !important;
  }
  main .how h3 {
    font-size: 18px !important;
  }
  main .how p {
    font-size: 14px !important;
  }
  main .example h1, main .social h1 {
    font-size: 12px !important;
  }
  main .example h2, main .social h2 {
    font-size: 18px !important;
  }
  main .example p, main .social p {
    font-size: 14px !important;
  }
  main .example button, main .social button {
    font-size: 12px !important;
  }
  main .helping h1 {
    font-size: 14px !important;
  }
  main .footer p, main .footer a, main footer p, main footer a {
    font-size: 10px !important;
  }
  main .footer .payment img, main footer .payment img {
    margin-left: 6px !important;
  }
  main .footer .payment #img1, main footer .payment #img1 {
    width: 68px;
  }
  main .footer .payment #img2, main footer .payment #img2 {
    width: 48px;
  }
  main .footer .payment #img3, main footer .payment #img3 {
    width: 18px;
  }
  main .footer .payment #img4, main footer .payment #img4 {
    width: 38px;
  }
  main .footer .payment #img5, main footer .payment #img5 {
    width: 56px;
  }
  main .footer .payment #img6, main footer .payment #img6 {
    width: 36px;
  }
}
@media screen and (max-width: 820px) {
  main .intro h1 {
    font-size: 11px !important;
  }
  main .intro h3 {
    font-size: 11px !important;
  }
  main .intro .text {
    width: 50% !important;
  }
  main .about li {
    width: 100% !important;
  }
  main .about h1 {
    font-size: 12px !important;
  }
  main .about h3 {
    font-size: 14px !important;
  }
  main .about p {
    font-size: 10px !important;
  }
  main .how li {
    width: 100% !important;
  }
  main .how h1 {
    font-size: 12px !important;
  }
  main .how h3 {
    font-size: 18px !important;
  }
  main .how p {
    font-size: 10px !important;
  }
  main .fis h1 {
    font-size: 18px !important;
  }
  main .fis p {
    font-size: 14px !important;
  }
  main .example h1, main .social h1 {
    font-size: 12px !important;
  }
  main .example h2, main .social h2 {
    font-size: 12px !important;
  }
  main .example p, main .social p {
    font-size: 14px !important;
  }
  main .example button, main .social button {
    font-size: 10px !important;
    padding: 8px !important;
    border-radius: 10px !important;
  }
  main .example .side, main .social .side {
    width: 50% !important;
  }
  main .helping h1 {
    font-size: 14px !important;
  }
  main .top h1 {
    font-size: 12px !important;
  }
  main .top p {
    font-size: 16px !important;
  }
  main .top a {
    margin-top: 2% !important;
  }
  main .top button {
    font-size: 14px !important;
    padding: 8px;
    border-radius: 10px;
  }
  main .footer p, main .footer a, main footer p, main footer a {
    font-size: 9px !important;
  }
  main .footer .payment img, main footer .payment img {
    margin-left: 4px !important;
  }
  main .footer .payment .img1, main footer .payment .img1 {
    width: 58px;
  }
  main .footer .payment #img2, main footer .payment #img2 {
    width: 38px;
  }
  main .footer .payment #img3, main footer .payment #img3 {
    width: 18px;
  }
  main .footer .payment #img4, main footer .payment #img4 {
    width: 28px;
  }
  main .footer .payment #img5, main footer .payment #img5 {
    width: 46px;
  }
  main .footer .payment #img6, main footer .payment #img6 {
    width: 26px;
  }
}
@media screen and (max-width: 700px) {
  header img {
    width: 32px !important;
  }
  header button {
    font-size: 12px !important;
    padding: 8px !important;
    border-radius: 10px !important;
  }
  main .intro {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  main .intro img {
    position: absolute;
    width: 100%;
    opacity: 0.2;
  }
  main .intro h1 {
    font-size: 10px !important;
  }
  main .intro h3 {
    font-size: 10px !important;
  }
  main .intro .text {
    width: 60% !important;
    -webkit-backdrop-filter: blur(25px);
            backdrop-filter: blur(25px);
    border-radius: 12px;
  }
  main .about ul {
    display: block;
  }
  main .about li {
    width: 100% !important;
    height: 25% !important;
    margin-top: 2% !important;
  }
  main .about h1 {
    font-size: 12px !important;
  }
  main .about h3 {
    font-size: 14px !important;
  }
  main .about p {
    font-size: 10px !important;
  }
  main .fis h1 {
    font-size: 16px !important;
  }
  main .helping h1 {
    font-size: 12px !important;
    margin-bottom: 24px !important;
  }
  main .helping .h-block {
    width: 320px !important;
    height: 250px !important;
  }
  main .helping .h-block h2 {
    font-size: 16px !important;
  }
  main .helping .h-block p {
    font-size: 12px !important;
  }
  main .how li {
    width: 100% !important;
  }
  main .how h1 {
    font-size: 12px !important;
  }
  main .how h3 {
    font-size: 14px !important;
  }
  main .how p {
    font-size: 9px !important;
  }
  main .how .progress {
    width: 200px !important;
  }
  main .example h1, main .social h1 {
    font-size: 12px !important;
  }
  main .example h2, main .social h2 {
    font-size: 12px !important;
  }
  main .example p, main .social p {
    font-size: 14px !important;
  }
  main .example button, main .social button {
    font-size: 10px !important;
    padding: 8px !important;
    border-radius: 10px !important;
  }
  main .example .side, main .social .side {
    width: 50% !important;
  }
  main .top h1 {
    font-size: 12px !important;
  }
  main .top p {
    font-size: 16px !important;
  }
  main .top a {
    margin-top: 2% !important;
  }
  main .top button {
    font-size: 14px !important;
    padding: 8px;
    border-radius: 10px;
  }
  main .footer, main footer {
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
  }
  main .footer .politics-text, main .footer .connect-text, main .footer .upn, main .footer .payment, main footer .politics-text, main footer .connect-text, main footer .upn, main footer .payment {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-top: 1% !important;
  }
  main .footer p, main .footer a, main footer p, main footer a {
    font-size: 9px !important;
  }
  main .footer .payment img, main footer .payment img {
    margin-left: 4px !important;
  }
  main .footer .payment .img1, main footer .payment .img1 {
    width: 58px;
  }
  main .footer .payment #img2, main footer .payment #img2 {
    width: 38px;
  }
  main .footer .payment #img3, main footer .payment #img3 {
    width: 18px;
  }
  main .footer .payment #img4, main footer .payment #img4 {
    width: 28px;
  }
  main .footer .payment #img5, main footer .payment #img5 {
    width: 46px;
  }
  main .footer .payment #img6, main footer .payment #img6 {
    width: 26px;
  }
}
@media screen and (max-width: 500px) {
  .ad .container {
    background-size: cover !important;
    width: 80% !important;
  }
  .ad .container .sale_title {
    padding: 0 16px !important;
    width: 100% !important;
  }
  .ad .container .buttons {
    padding: 10px 16px !important;
  }
  .ad .container .buttons button {
    font-size: 12px !important;
    padding: 6px 16px !important;
    border-radius: 10px !important;
  }
  .ad .container h1 {
    font-size: 12px !important;
  }
  .ad .container h3 {
    font-size: 10px !important;
  }
  .ad .container img {
    width: 128px !important;
  }
  header {
    padding: 8px !important;
    padding-left: 16px !important;
  }
  header img {
    width: 32px !important;
  }
  header button {
    font-size: 10px !important;
    padding: 8px !important;
    border-radius: 10px !important;
  }
  header .menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  main .intro {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  main .intro img {
    position: absolute;
    width: 100%;
    opacity: 0.2;
  }
  main .intro h1 {
    font-size: 8px !important;
  }
  main .intro h3 {
    font-size: 10px !important;
    margin-top: 15% !important;
  }
  main .intro .text {
    width: 60% !important;
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    border-radius: 24px;
    padding: 24px 0 !important;
  }
  main .fis h1 {
    font-size: 12px !important;
    text-align: center !important;
  }
  main .fis p {
    font-size: 12px !important;
  }
  main .about ul {
    display: block;
  }
  main .about li {
    width: 100% !important;
    height: 25% !important;
    margin-top: 2% !important;
  }
  main .about h1 {
    font-size: 10px !important;
  }
  main .about h3 {
    font-size: 14px !important;
  }
  main .about p {
    font-size: 10px !important;
  }
  main .helping h1 {
    font-size: 10px !important;
    margin-bottom: 24px !important;
  }
  main .helping .h-block {
    width: 280px !important;
    height: 220px !important;
    background-position: -20px -20px;
    background-repeat: no-repeat;
  }
  main .helping .h-block h2 {
    font-size: 16px !important;
  }
  main .helping .h-block p {
    font-size: 12px !important;
  }
  main .how li {
    width: 100% !important;
    margin: 0 2px !important;
  }
  main .how h1 {
    font-size: 10px !important;
  }
  main .how h3 {
    font-size: 12px !important;
  }
  main .how p {
    font-size: 8px !important;
    height: 20% !important;
  }
  main .how .progress {
    width: 200px !important;
  }
  main .example h1, main .social h1 {
    font-size: 6px !important;
    margin-bottom: 10% !important;
  }
  main .example h2, main .social h2 {
    font-size: 10px !important;
    text-align: center;
  }
  main .example p, main .social p {
    font-size: 14px !important;
  }
  main .example button, main .social button {
    font-size: 10px !important;
    padding: 8px !important;
    border-radius: 10px !important;
  }
  main .example .side, main .social .side {
    width: 50% !important;
  }
  main .top h1 {
    font-size: 10px !important;
  }
  main .top p {
    font-size: 14px !important;
  }
  main .top a {
    margin-top: 5% !important;
  }
  main .top button {
    font-size: 14px !important;
    padding: 8px;
    border-radius: 10px;
  }
  main .media h1 {
    font-size: 12px !important;
  }
  main .footer, main footer {
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
  }
  main .footer .politics-text, main .footer .connect-text, main .footer .upn, main .footer .payment, main footer .politics-text, main footer .connect-text, main footer .upn, main footer .payment {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-top: 1% !important;
  }
  main .footer p, main .footer a, main footer p, main footer a {
    font-size: 9px !important;
  }
  main .footer .payment img, main footer .payment img {
    margin-left: 4px !important;
  }
  main .footer .payment .img1, main footer .payment .img1 {
    width: 58px;
  }
  main .footer .payment #img2, main footer .payment #img2 {
    width: 38px;
  }
  main .footer .payment #img3, main footer .payment #img3 {
    width: 18px;
  }
  main .footer .payment #img4, main footer .payment #img4 {
    width: 28px;
  }
  main .footer .payment #img5, main footer .payment #img5 {
    width: 46px;
  }
  main .footer .payment #img6, main footer .payment #img6 {
    width: 26px;
  }
}/*# sourceMappingURL=mobile_index.css.map */