@media (max-width: 1357px) {
  .wizard > .steps > ul > li {
    width: 33%;
  }

  .banner-image {
    background-size: auto;
  }
}

@media (max-width: 1199px) {
  .navbar-brand-wrapper-logo {
    width: 260px;
  }

  .navbar-brand.brand-logo img {
    width: 40%;
    height: auto;
  }

  .auth.auth-img-bg .auth-form-transparent {
    width: 50%;
    margin: auto;
  }

  .mobile-main-banner img {
    width: inherit;
    height: auto;
  }

  .auth.auth-img-bg .auth-form-transparent {
    margin: 80px auto;
  }

  .auth-form-transparent-signup {
    margin: 80px auto;
  }
  .otp-code {
    width: 100%;
  }
  .otp-verification-btn {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .navbar-brand.brand-logo img {
    display: none;
  }

  .horizontal-menu
    .top-navbar
    .navbar-brand-wrapper
    .navbar-brand.brand-logo-new
    img {
    width: 90px;
    height: auto;
    max-width: 200px;
  }

  .btn-download,
  .nav-pills .nav-item {
    width: 50%;
  }

  .auth.auth-img-bg .auth-form-transparent {
    width: 50%;
  }

  .wizard > .steps > ul > li {
    width: 25%;
  }

  .content-wrapper {
    max-width: 940px;
  }

  .change_img {
    display: flex;
    justify-content: space-around;
  }

  .swal-text {
    text-align: center;
    line-height: 26px;
  }

  .nav-pills {
    display: flex;
    justify-content: space-around;
  }

  .nav-pills .nav-link {
    width: 100%;
  }

  .nav-pills .nav-item {
    width: 52%;
    margin-right: 0px;
  }

  .change_img .upload-btn {
    left: 54%;
    top: -26px;
  }

  .user-profile {
    padding-top: 0px;
  }

  .content-wrapper {
    padding: 0px 0px 20px;
  }

  .user-info {
    padding-bottom: 0px;
  }

  .download {
    padding-bottom: 10px;
  }

  .horizontal-menu .top-navbar .navbar-brand-wrapper {
    height: 70px;
  }

  .main-panel {
    padding-top: 100px;
  }
}

@media (max-width: 785px) {
  .wizard > .steps > ul > li {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .card .card-body.details-card-body {
    padding: 0px;
  }

  .wizard > .steps .number {
    display: none;
  }

  .wizard > .content {
    min-height: 62em;
    overflow: auto;
  }

  .auth-form-transparent-signup {
    margin-top: 60px;
  }

  .auth .brand-logo img {
    width: 120px;
    height: auto;
  }

  .content-wrapper {
    max-width: 660px;
  }

  .img-lg-new {
    height: auto;
  }
  .nav-pills .nav-item {
    width: 50%;
  }
}

@media (max-width: 575px) {
  .event-ph {
    text-align: center;
  }

  .event-image.qr-code img {
    width: 500px;
    margin: 12px 0px;
    height: auto;
  }

  .card-title {
    text-align: center;
  }

  .auth.auth-img-bg .auth-form-transparent {
    width: 100%;
  }

  .wizard > .steps > ul > li {
    width: 100%;
  }

  .auth-form-transparent-signup {
    width: 100%;
    margin-top: 70px;
  }

  .profile-detalies-list {
    text-align: center;
  }

  .card .card-body.details-card-body h4 {
    text-align: center;
  }

  .nav-pills .nav-item {
    margin: 0 0 14px;
  }

  .fild-name {
    margin-bottom: 4px;
  }

  .user-info {
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
  }

  .change_img .upload-btn {
    left: 80%;
    top: -24px;
  }

  .user-profile-info {
    text-align: left;
    margin-left: 20px;
  }

  .content-wrapper {
    padding: 0px 0 20px;
  }

  .user-profile {
    padding-top: 0px;
  }

  .my-detail-qr {
    padding: 30px 0;
  }

  .download {
    padding-bottom: 12px;
  }

  .tab-content {
    padding: 10px 0px;
  }

  .my-detail-qr svg {
    width: 160px !important;
  }

  .see-less-button a {
    display: block;
  }

  .productSKUtable {
    display: block;
  }

  .slic-register-btn {
    width: 100%;
  }

  .navigation-wrapper {
    padding: 0px 26px;
  }
  .slic-brand-logo {
    display: flex;
    justify-content: center;
  }
  .welcome-header-note h3,
  .welcome-header-note h4,
  .welcome-header-note h6,
  .welcome-header-note form{
    text-align: center !important;
  }
}

@media (max-width: 500px) {
  .event-image.qr-code img {
    width: 400px;
  }
}

@media (max-width: 480px) {
  .event-image.qr-code img {
    width: 300px;
  }

  .btn-download,
  .nav-pills .nav-item {
    width: 60%;
  }
}

@media (max-width: 420px) {
  .event-ph {
    font-size: 12px;
    margin: 10px 0px;
    line-height: 26px;
  }

  .btn-download {
    width: 90%;
  }
  .nav-pills .nav-item {
    width: 90%;
  }
}

@media (max-width: 400px) {
  .my-detail-qr img {
    width: 250px;
  }

  .new-modal-footer {
    display: block;
  }

  .submit-btn {
    width: 45%;
  }

  .colse-btn {
    width: 45%;
    margin-bottom: 0.7rem;
  }
}

@media (max-width: 340px) {
  .event-image.qr-code img {
    width: 240px;
  }

  .btn-download {
    width: 100%;
  }
  .nav-pills .nav-item {
    width: 100%;
  }
}

@media (max-width: 280px) {
  .img-lg {
    width: 85px;
    height: 85px;
  }

  .change_img .upload-btn {
    font-size: 14px;
    padding: 7px;
  }
}