.iti, .iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.iti__hide {
  display: none; }

.iti input[type=tel] {
  margin: 0;
  padding: 6px 12px;
  border-radius: 2px;
  font-family: inherit;
  font-size: 100%;
  color: inherit;
  border: 1px solid #CCC; }

.iti--allow-dropdown input[type=tel] {
  padding-left: 52px; }

.iti input[type=tel]::placeholder {
  color: #BBB;
  opacity: 1; }

.fme-otp-gateway-notice {
  margin: 8px 0;
  padding: 10px 12px;
  background: #fdf0d5;
  color: #6f4400;
  font-size: 1.3rem;
  line-height: 1.4; }

.fme-otp-demo-hint {
  margin: 6px 0;
  color: #555;
  font-size: 1.3rem; }

/* The forms set fixed pixel widths inline; on a phone they widened the whole page. */
.iti {
  max-width: 100%; }

input#phone_number,
input#otp,
input#emailLogin,
input#emailOtp {
  max-width: 100%;
  box-sizing: border-box; }

.login-container .block-customer-login {
  max-width: 100%; }

.login-container .fieldset,
.form-create-account .fieldset,
.form.password.forget .fieldset {
  min-width: 0; }

/* On the reset page the footer newsletter box keeps a 35 px right margin that overflows a phone screen. */
@media (max-width: 767px) {
  .block.newsletter input#newsletter {
    margin-right: 0; } }