@media (min-width: 1300px) {
     .container {
          max-width: 100%;
          padding: 0px 34px;
     }
}




@media (max-width: 767px) {
     .wized-header {
          flex-wrap: wrap;
          grid-gap: 16px;
          justify-content: center;
          margin-bottom: 24px;
     }

     body {
          background: #101010;
     }

     .logo img {
          width: 48px;
          height: 48px;
          margin: 0 auto 16px;
     }

     .wized-body {
          padding: 24px 16px;
     }

     .wized-list {
          flex: auto;
          width: 100%;
          margin: 16px -3px 0px -30px;
     }

     .wized-body h2 {
          font-size: 20px;
     }

     .step1 .wized-body h2 {
          margin-right: 0px;
     }

     .progress-circle {
          --size: 63px;
          --thickness: 4px;
     }

     .progress-container::after {
          width: 52px;
          height: 52px;
     }

     .progress-container span {
          font-size: 14px;
     }

     .btn-primary,
     .btn-back {
          width: 100%;
     }

     .btn-list {
          flex-wrap: wrap;
     }

     .btn-list li {
          width: 100%;
     }
  .btn-list li:last-child{
     order: 1;
  }.btn-list li:first-child{
     order: 2;
  }
     .wized-body p {
          font-size: 14px;
     }
.step-header{
     margin-bottom: 16px;
}
     .wized-container {
          margin: 24px 0px;
     }
}


@media (max-width: 375px) {}