@media screen and (max-width: 768px) {
    .main-nav-container {
      gap: 15px;
    }

    .curve-icon {
      display: none;
    }

    .hero-text {
      font-size: 3rem;
      line-height: 3rem;
    }

    .hero-text-2 {
      font-size: 3rem;
      line-height: 3.4rem;
    }

    /* .dropdown-menu-full{
          left: -21px !important;
          width: 340px;
      } */

    .union-avatar {
      display: none;
    }

    .h2-xs {
      font-size: 2rem;
    }

    .mockup-1,
    .mockup-2,
    .mockup-3,
    .mockup-4,
    .mockup-5 {
      display: none;
    }

    .card-img {
      height: 135px;
    }

    .mockup-6 {
      position: absolute;
      width: 80%;
      top: -35px;
      z-index: 1;
      left: 40px;
    }

    .feature-img,
    .grid-item-2,
    .circle-rotate,
    .subtract,
    .payment-received-tag,
    .info-img,
    .curved-placement,
    .mobile-pos,
    .card-doodle,
    .support-2,
    .support-1,
    .play-circle,
    .planet-float-1,
    .planet-float-2,
    .planet-float-3,
    .planet-float-4,
    .planet-float-5,
    .planet-float-6,
    .planet-float-7 {
      display: none;
    }

    .grid-container {
      grid-template-columns: 1fr;
    }

    .grid-item-1 {
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .all-radius .card {
      border-radius: 20px !important;
    }

    .backg-cover {
      height: 315px;
      padding-left: 20px;
      padding-right: 20px;
    }

    .dashboard-view {
      margin-top: -120px;
      padding-right: 20px;
      padding-left: 20px;
    }

    .business-hero {
      height: 600px;
    }

    .extra-text-h {
      font-size: 25px;
      line-height: 35px;
    }

    .extra-text-p {
      font-size: 25px;
      line-height: 30px;
    }

    .content-spacing {
      padding: 50px 0;
    }

    .auth-height {
      height: 100% !important;
    }

    .error-content h1 {
      font-weight: 700;
      font-size: 170px;
      letter-spacing: -0.06em;
      color: #0b223d;
      line-height: 160px;
    }

    .ft-adjusted {
      font-size: 2rem;
    }

    .navbar-full-height {
      height: 100vh;
    }

    .faq-section h5 {
      font-size: 1rem;
    }

    .error-text {
      color: #9da1b7;
      font-size: 20px;
    }

    .auth-doodle-5 {
      background-size: cover;
    }

    .partner-logo {
      height: 25px;
    }

    .top-banner-2 {
      background-color: #0f023c;
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: unset;
    }

    .grid-sm-none {
      display: none !important;
    }

    .doodle-mk-absolute {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
    }

    .btn-float {
      position: absolute;
      right: 21px;
      width: 30px;
      top: -40px;
    }

    .onboarding-tab.nav-pills .nav-link.active,
    .onboarding-tab.nav-pills .show > .nav-link {
      border-right: unset;
    }

    .onboarding-tab.nav-pills .nav-link {
      border-right: unset;
      padding: 0;
    }

    .onboarding-media-q {
      display: flex;
      position: absolute;
      justify-content: space-between;
      top: 40px;
    }

    .scroll-card {
      flex-wrap: nowrap;
      overflow: auto;
    }

    .rocket-pos,
    .world-pos,
    .star-position-1,
    .star-position-2,
    .star-pos-xs,
    .star-position-3,
    .pos-absolute-health,
    .grid-item-web-1 {
      display: none;
    }

    .col-count-2 {
      column-count: 1;
    }

    .onload-img-2 {
      display: none;
    }

    .add-img-banner {
      background-image: url(../assets/images/banner-health.png);
      height: 640px !important;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
    }

    .rounded-pill-2 {
      border-radius: 8px;
    }

    .overlay-hero-sect {
      height: 550px;
    }

    .w-sm-100 {
      width: 100%;
    }

    .hide-break {
      display: none;
    }

    .hero-sub-text {
      font-size: 40px;
    }

    .white-space-nowrap {
      white-space: nowrap;
    }

    .grid-currency-sect {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }

    .btn-absolute {
      position: absolute;
      /* left: 0; */
      top: -142px;
      right: 0;
    }

    .btn-light-campaign {
      margin-top: 10px;
      margin-bottom: 10px;
    }

    .converter-text {
      font-size: 20px;
      font-weight: 700;
      line-height: 28px;
    }

    .converter-curr {
      margin-left: 6px;
    }
  }

  @media screen and (min-width: 991px) {
    .dropdown-size {
      width: 300px;
    }

    .dropdown-size-2 {
      width: 400px;
    }

    .doodle-mk-absolute {
      display: none;
    }

    /* .dropdown-menu-full {
          left: -308px !important;
          width: 447px !important;
      } */

    .union-avatar {
      position: absolute;
      width: 45%;
      right: 0;
      top: -34px;
    }

    .margin-top-100 {
      margin-top: 100px;
    }

    .card-doodle-width {
      max-width: 59px;
    }

    .w-lg-50 {
      width: 50%;
    }

    .border-dashed-left {
      border-left: 1px dashed #7e8195;
      height: 65%;
      left: 27.5px;
      top: 8px;
    }

    .upload-img-container {
      height: 220px;
      overflow: hidden;
      position: relative;
    }

    .rocket-pos {
      position: absolute;
      right: -60px;
      top: -160px;
    }

    .world-pos {
      position: absolute;
      top: -70px;
      left: -10px;
    }

    .star-position-1 {
      position: absolute;
      left: 20%;
      top: 65px;
    }

    .star-position-2 {
      position: absolute;
      right: 100px;
      top: 130px;
    }

    .star-pos-xs {
      position: absolute;
      top: -100px;
      left: 240px;
      opacity: 0.5;
      width: 20px;
    }

    .star-position-3 {
      position: absolute;
      right: -50px;
      bottom: 50px;
    }

    .col-count-2 {
      column-count: 2;
    }

    .height-testify {
      height: 300px;
      overflow: hidden;
    }

    .testimonial-container-box.unset-faded::before,
    .testimonial-container-box.unset-faded::after {
      content: unset !important;
    }
  }

  @media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
      max-width: 1200px;
    }
  }