.input__phone {
        position: relative !important;
        display: flex !important;
        align-items: stretch !important;
        width: 100% !important;
    }

    .input__phone__prepend {
        margin-right: 0px !important;
        display: flex !important;
        border: 1px solid #ccc !important;
        border-radius: 3px 0px 0px 3px !important;
        border-right: none !important;
        height: 46px !important;
    }
    .input__phone__prepend__two {
        margin-right: 0px !important;
        display: flex !important;
        border: 1px solid #ccc !important;
        border-radius: 3px 0px 0px 3px !important;
        border-right: none !important;
        height: 46px !important;
      	margin: 10px 0px 0px 0px !important;
    }

    .input__phone__pretext {
        display: flex !important;
        align-items: center !important;
        font-weight: 400 !important;
        text-align: center !important;
        white-space: nowrap !important;
        color: #000 !important;
        background-color: #fff !important;
        font-size: 14px !important;
        padding: 0px 0px 0px 10px !important;
    }

    .input__phone__aftertext {
        display: block !important;
        color:#243178 !important;
        padding: 11px 14px !important;
        border-radius: 0px 3px 3px 0px !important;
        border-left: none !important;
        background: #fff !important;
    }

@media screen and (max-width: 345px) {
	.input__phone__pretext {
      padding: 0px 0px 0px 2px !important;
  }
  .input__phone__aftertext {
    padding: 11px 3px !important;
  }
}