@media (min-width: 768px) {
  .body-wraper {
    /*  grid-template-columns: 1fr minmax(0, 364px) minmax(0, 364px) 1fr; */
    grid-template-columns: 1fr minmax(0, 936px) 1fr;

    section.hero,
    section.brands,
    section.pricing,
    section.services,
    section.feature,
    section.about,
    section.products,
    section.ready,
    section.ready,
    section.newslatter,
    footer,
    header {
      grid-column: 2 / 3;
    }
    .pricing-cards,
    .services-cards,
    .feature-blocks,
    .products-zones,
    form {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      gap: 1.5rem;
    }
    .pricing-cards div.card,
    .serve-card,
    .block,
    .zone,
    .social,
    .links {
      max-width: 330px;
      width: 50%;
      /* flex: 0 0 auto; */
    }

    .hero-img {
      top: 80px;
      max-width: 550px;
      right: 50px;
    }

    /* section.hero {
      align-items: center;
    } */
    div.newslatter-container > form > input,
    div.newslatter-container > form > button {
      position: relative;
      max-width: 340px;
      margin-top: 0;
    }
  }
}

@media (min-width: 992px) {
  .body-wraper {
    /*  grid-template-columns: 1fr minmax(0, 364px) minmax(0, 364px) 1fr; */
    grid-template-columns: 1fr minmax(0, 1294px) 1fr;

    .pricing-cards,
    .services-cards,
    .feature-blocks,
    .products-zones,
    form {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
    }

    .pricing-cards div.card,
    .serve-card,
    .block,
    .zone,
    .social,
    .links {
      /* width: clamp(31.65%, 31.65%, 32.4%); */
      width: 31.65%;
      max-width: 33%;
      flex: 1 0 auto;
    }
    section.hero {
      /*  min-height: 600px; */
      padding-bottom: 100px;
    }
    .hero-img {
      top: 110px;
      max-width: 750px;
      right: -20px;
    }

    .hero-bitcoin .hero-bitcoin-text {
      transform: translateY(30px);
      transition: 5s ease;
    }
    .hero-bitcoin-text h1.title {
      font-size: 80px;
      transition: 5s ease;
    }
    div.newslatter-container > form > input {
      width: 66%;
      position: relative;
    }
    div.newslatter-container > form > button {
      width: 31.65%;
    }

    .about-container {
      height: 700px;

      .about-text {
        width: 100%;
        padding: 100px 20px 100px 400px;
      }
    }
    .about-hidden-img {
      .ab-img1 {
        left: 0px;
      }
      .ab-img2 {
        right: 0px;
      }
    }
  }
}

@media (min-width: 1100px) {
  .body-wraper {
    .hero-img {
      top: 80px;
      max-width: 900px;
    }
    .hero-bitcoin-text h1.title {
      font-size: 102px;
      line-height: 1.1;
      margin-bottom: 40px;
      letter-spacing: -3.06px;
    }
  }
}

@media (min-width: 1400px) {
  .body-wraper {
    .hero-img {
      top: 20px;
      max-width: 1200px;
    }
    /*  .hero-bitcoin-text h1.title {
      font-size: 102px;
      line-height: 1.1;
      margin-bottom: 40px;
      letter-spacing: -3.06px;
    } */
  }
}

@media (max-width: 992px) {
  .line-wraper {
    display: none;
  }

  a.login {
    display: none;
  }

  .about-hidden-img > .ab-img1 {
    display: none;
  }
}

/* @media (max-width: 1024px) {
  .body-wraper {
    grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
  }
} */