@media (max-width: 250px) {
    .cpi-input {
        margin-right: 14px !important;
        width: 51%;
    }
    .pl{
        width: 25% !important
      }
}

@media (min-width: 250px) and (max-width: 375.98px) {
    .cpi-input {
        margin-right: 10px !important;
        width: 62%;
      }
      .pl{
        width: 25% !important
      }
}

@media (min-width: 376px) and (max-width: 447px) {
        .cpi-input {
            margin-right: 8px !important;
            width: 64%;
      }
      .pl{
        width: 25% !important
      }

}
@media (min-width: 448px) and (max-width: 575px) {
    .cpi-input {
        margin-right: 24px !important;
        width: 65%;
      }
      .pl{
        width: 25% !important
      }
}
@media (min-width: 576px) and (max-width: 755px) {
    .cpi-input {
        margin-right: 24px !important;
        width: 65%;
      }
      .pl{
        width: 25% !important
      }
}
@media (min-width: 756px) and (max-width: 922px) {
    .cpi-input {
        margin-right: 7px !important;
        width: 64%;
      }
.pl{
    width: 25% !important
  }
}
@media (min-width: 923px) and (max-width: 1024px) {
    .cpi-input {
        margin-right: 17px !important;
        width: 64%;
      }
.pl{
    width: 25% !important
  }
}

@media (min-width: 923px) and (max-width: 1024px) {
    .cpi-input {
        margin-right: 17px !important;
        width: 64%;
      }
      .pl{
        width: 25% !important
      }
}
@media (min-width: 1024.98px) and (max-width: 1099px) {
    .cpi-input {
        margin-right: 17px !important;
        width: 64%;
      }
      .pl{
        width: 25% !important
      }
}

@media (min-width: 1100px) and (max-width: 1200px) {
    .cpi-input {
        margin-right: 17px !important;
        width: 65%;
      }
      .pl{
        width: 25% !important
      }
}
@media (min-width: 1201px) and (max-width: 1300px) {
    .cpi-input {
        margin-right: 25px !important;
        width: 65%;
      }
      .pl{
        width: 25% !important
      }
}
@media (min-width: 1301px) and (max-width: 1550px) {
    .cpi-input {
        margin-right: 25px !important;
        width: 65%;
      }
      .pl{
        width: 27% !important
      }
}
@media (min-width: 1551px) and (max-width: 1650px) {
    .cpi-input {
        margin-right: 34px !important;
        width: 65%;
      }
      .pl{
        width: 25% !important
      }
}
@media (min-width: 1651px) and (max-width: 1750px) {
    .cpi-input {
        margin-right: 33px !important;
        width: 65%;
      }
      .pl{
        width: 25% !important
      }
}