.toggle-switch {
    border-radius: 20px;
    border: 1px solid #ccc;
    overflow: hidden;
    float:right;
    font-size: 12px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    display: inline;
    margin-top: -1px;
    margin-left: auto;
  }

  .toggle {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
  }

  .toggle.active {
    background-color:orange;
    color: #fff;
  }
  @media (max-width: 767.98px) {
    .toggle-switch {
        border-radius: 20px;
        border: 1px solid #ccc;
        overflow: hidden;
        float:right;
        font-size: 10px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: block;
        margin-top: -1px;
        margin-left: auto;
      }

      .toggle {
        display: inline-block;
        padding: 5px 10px;
        cursor: pointer;
      }

      .toggle.active {
        background-color:orange;
        color: #fff;
      }
    }
/*
  .toggle-switch {
    border: 1px solid #ccc;
    overflow: hidden;
    float:right;
    font-size: 12px;
    border-radius: 30px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    display: inline;
    margin-top: -1px;
    margin-left: auto;
  }

  .toggle {
    display: inline-block;
    padding: 5px 10px;
     border-radius: 30px 0 0 30px !important;
    cursor: pointer;
  }

  .toggle.active {
    background-color:orange;
    color: #fff;
  }*/