@media (min-width: 768px) {
    .product-customization-item .form-control {
        height: 3rem;
        padding: 0 1rem;
        font-size: 0.8rem;
        font-weight: 500;
        color: #000;
        border: 1px solid #f2f2f2;
        border-radius: .375rem;
        outline: 0 !important;
        background: #f2f2f2;
        width: 60%;
        background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
        background-position: 98%;
        background-repeat: no-repeat;
        background-size: 4%;
    }
}

@media (max-width: 767px) {
    .product-customization-item .form-control {
        height: 3rem;
        padding: 0 1rem;
        font-size: 0.8rem;
        font-weight: 500;
        color: #000;
        border: 1px solid #f2f2f2;
        border-radius: .375rem;
        outline: 0 !important;
        background: #f2f2f2;
        width: 100%;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nIzIxMjUyOSc+PHBhdGggZmlsbC1ydWxlPSdldmVuZCcnIGQ9J00xLjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMEw4IDEwLjI5M2w1LjY0Ni01LjY0N2EuNS41IDAgMCAxIC43MDguNzA4bC02IDZhLjUuNSAwIDAgMSAtLjcwOCAwbC02LTZhLjUuNSAwIDAgMSAwLS43MDh6Jy8+PC9zdmc+");
        background-position: 98%;
        background-repeat: no-repeat;
        background-size: 4%;
        appearance: none;
    }
}

.product-customization-item label {
    margin: 0 0 1rem 0;
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 0.5em;
}
.product-customization button {
    margin-top: 2em;
}
.customization-message label, .customization-message {
    color: #0d9652;
}