.ast-responsive-btns {
  display: inline-block;
  float: right;
  line-height: 1;
  margin-top: 6px;
  > li {
    margin-bottom: 0;
    display: none;
    &.active {
      display: inline-block;
    }
  }
  button[type="button"] {
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    opacity: .75;
    outline: none;
    > i {
      width: 15px;
      height: 15px;
      font-size: 15px;
    }
  }
}

.ast-field-settings-modal {
  .ast-responsive-btns {
    margin-top: 6px;
  }
}

.customize-control-ast-responsive .input-wrapper {
  overflow: hidden;
  input {
    display: none;
    width: 82%;
    float: none;
    &.active {
      display: block;
    }
  }
  .ast-responsive-select {
    width: 50px;
    margin: 0;
    margin-left: 2px;
	padding: 0 24px 0 8px;
    font-size: 13px;
	text-transform: uppercase;
    float: none;
    display: none;
  }
  .ast-responsive-input.active + .ast-responsive-select {
    display: block;
    width: 25%;
    float: none;
  }
  .ast-non-reponsive {
    &.ast-responsive-input {
      display: inline-block;
      &.active {
        display: inline-block;
      }
    }
    &.ast-responsive-select {
      display: inline-block;
    }
  }
}

#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper {
  display: inline-block;
  .ast-responsive-select {
    display: none;
  }
  .ast-responsive-input {
    width: 100%;
  }
}

.input-wrapper.ast-responsive-wrapper {
    display: inline-flex;
    justify-content: space-between;
    margin-right: 0;
    align-items: flex-start;
    flex: 0 1;
    width: 100%;
}
