@media screen and (min-width: 1920px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1199px) {

  .content-section2,
  .feature-section,
  .how-it-works-content,
  .product-section,
  .commission-section,
  .wrapper-dashboard-image,
  .dashboard-stats,
  .who-should-join-content,
  .footer,
  .background,
  .container5 {
    width: 100%;
  }

  .container2,
  .container4 {
    padding: var(--padding-0) var(--padding-20);
  }

  .content-section {
    padding: 210px var(--padding-20) 16.3px var(--padding-0);
  }

  .who-should-join-image,
  .wrapper-who-should-join-image {
    box-shadow: none;
  }

  .who-should-join {
    font-size: 16px;
  }

  .testimonial-block {
    padding: 10px;
  }

  .who-should-join-list {
    gap: 10px;
  }

  .header {
    padding-left: 40px;
    padding-right: 40px;
  }

  .union-icon {
    width: 180px;
  }
}

@media screen and (max-width: 991px) {
  .header {
    position: inherit;
    backdrop-filter: none;
  }

  .hamburger {
    display: block !important;
  }

  .main-navigation {
    display: none;
  }

  .header-container-wrapper {
    margin-top: 25px;
  }

  .how-it-works-content,
  .step-card {
    flex-wrap: wrap;
  }

  .main-navigation,
  .desktop-cta {
    display: none !important;
  }

  .subtitle {
    width: 100%;
  }

  .main-title {
    gap: 5px;
  }

  .feature-section,
  .how-it-works-content,
  .product-section,
  .commission-section,
  .dashboard-stats,
  .who-should-join-content {
    flex-direction: column;
  }

  .step-header-child {
    flex: none;
  }
}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 479px) {
  .content-section {
    padding: 0;
  }

  .content-row,
  .content-block {
    width: 100%;
    box-shadow: var(--shadow-drop);
  }

  .feature-column {
    display: none;
  }

  .content-column-b {
    padding: 0;
  }

  .features {
    width: 100%;
    flex-direction: column;
  }

  .feature,
  .feature2 {
    min-width: 100%;
  }

  .feature-area {
    width: 100%;
    display: block;
  }

  .step-card5,
  .step-card6 {
    padding: 38px 15px;
  }

  .footer {
    flex-direction: column;
  }
}