.line {
      padding: 5px 2%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: auto;
      background: #fff;
  }

  .lineInfo {
      background: #b83088;
      height: 24px;
      color: #fff;
      line-height: 24px;
      font-weight: 500;
  }

  .language .btn-reset {
      color: #999;
  }

  .language .btn-reset.active {
      color: #b83088;
      font-weight: 700;
  }

  .order-item {
      padding: 8px 0;
  }

  #cta-section {
      scroll-margin-top: 0px;
  }

  .btn-area .registerBtn {
      margin: 20px 0 10px;
  }

  .modal-total {
      font-size: 26px;
  }

  .logos-section {
      border-bottom: 1px solid #ddd;
  }

  .wrap .wrapConSure {
      padding: 15px 25px;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      min-height: auto;
      display: block;
  }

  .logos-section .btn-default {
      padding: 10px 30px;
      font-size: 16px;
      color: #b83088 !important;
      background: #f1f1f1 !important;
      border: 1px solid #b83088 !important;
  }

  .payLogoInfo {
      font-size: 12px;
      color: #666;
      margin-top: 5px;
  }

  .link-btn {
      color: #999;
      text-decoration: underline;
      cursor: pointer;
      font-size: 14px;
      margin-top: 10px;
  }

  .link-btn:hover {
      color: #666;
  }

  .editCodeBox {
      display: flex;
      align-items: center;
  }

  .editCodeBox .form-control {
      max-width: 300px;
  }

  .editCodeBox .btn {
      padding: 5px 20px;
      font-size: 16px;
      color: #fff;
      background: #b83088;
      border: 1px solid #b83088;
      margin-left: 10px;
      border-radius: 5px;
  }

  .editCodeBox .btn-primary {
      color: #666;
      background: #fff;
      border: 1px solid #666;
  }

  .close {
      position: absolute;
      right: 20px;
      top: 10px;
  }

  @media (max-width: 767px) {
      .editCodeBox .btn {
          padding: 5px 8px;
      }

      .topIndexNavBox .logo {
          height: 40px;
      }

      .hero-bg {
          background: rgba(0, 0, 0, 0.7);
      }

      .heroBoxW {
          position: relative;
      }

      .heroBox {
          position: absolute;
          left: 0;
          bottom: -15px;
          width: 100%;
      }

      .hero-section h1 {
          font-size: 22px;
          line-height: 24px;
          padding: 0 2%;
      }

      .price-card {
          padding: 0 30px;
      }

      .feature-section.visible-xs-block {
          padding-bottom: 0;
      }

      .feature-section-title {
          margin-bottom: 20px;
      }

      .feature-box {
          margin-bottom: 10px;
          background: #fff;
          padding: 5px 0;
      }

      .feature-title {
          font-size: 16px;
          margin: 10px 0;
      }

      .form-group {
          margin-bottom: 8px;
      }

      .control-label {
          display: none;
      }

      .modal-header,
      .order-item {
          padding: 8px 0;
      }
  }