/* Mobile & Tablet Styles (max-width: 1023px) */
@media (max-width: 1023px) {
    body {
        background-color: #ffffff;
        font-size: 14px;
    }

    .form-input {
        padding: 1.1rem 1rem 0.7rem 3.25rem !important;
        font-size: 14px;
    }

    .floating-label {
        left: 3.25rem !important;
        font-size: 13px !important;
    }

    .form-input:focus ~ .floating-label,
    .form-input:not(:placeholder-shown) ~ .floating-label,
    .form-input:-webkit-autofill ~ .floating-label {
        top: 0 !important;
        left: 1rem !important;
        transform: translateY(-50%) !important;
        font-size: 11px !important;
        padding: 0 4px !important;
    }

    .input-icon {
        left: 1rem !important;
        font-size: 1.25rem !important;
    }

    /* Mobile Textarea Fix */
    textarea.form-input {
        padding-top: 1.25rem !important;
    }

    textarea.form-input ~ .input-icon,
    textarea.form-input ~ .floating-label {
        top: 1.25rem !important;
    }

    textarea.form-input:focus ~ .floating-label,
    textarea.form-input:not(:placeholder-shown) ~ .floating-label {
        top: 0 !important;
    }
}