@media (max-width: 640px) {
    html body .form-container form.hs-form .hs-form-field .hs-dateinput input.smp-hs-date-display:placeholder-shown {
        color: rgb(80, 80, 80) !important;
        font-family: "Quicksand", sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: normal !important;
        line-height: normal !important;
        text-transform: uppercase !important;
    }

    html body .form-container form.hs-form .hs-form-field .hs-dateinput input.smp-hs-date-display:not(:placeholder-shown) {
        font-size: 16px !important;
    }

    html body .form-container form.hs-form .hs-form-field .hs-dateinput input.smp-hs-date-display::placeholder {
        color: rgb(80, 80, 80) !important;
        font-family: "Quicksand", sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: normal !important;
        line-height: normal !important;
        opacity: 1 !important;
        text-transform: uppercase !important;
    }

    html body .form-container form.hs-form .hs-form-field .hs-dateinput input.smp-hs-date-display::-webkit-input-placeholder {
        color: rgb(80, 80, 80) !important;
        font-family: "Quicksand", sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: normal !important;
        line-height: normal !important;
        opacity: 1 !important;
        text-transform: uppercase !important;
    }

    html body .form-container form.hs-form .hs-form-field .hs-dateinput input.smp-hs-date-display::-moz-placeholder {
        color: rgb(80, 80, 80) !important;
        font-family: "Quicksand", sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: normal !important;
        line-height: normal !important;
        opacity: 1 !important;
        text-transform: uppercase !important;
    }

    .flatpickr-calendar.smp-hs-flatpickr.open {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }
}
