/* Apply this style to the parent li */
.ContactUsLI {
  display: flex;
  justify-content: space-between; /* Pushes the label and input to opposite ends */
  align-items: center; /* Vertically aligns them in the middle */
  margin-bottom: 10px; /* Adds space between list items */
}

.ContactUsLI label, li input {
  margin: 0; /* Remove default margins if any */
}

/* Optional: Make the input field take up the remaining space */
.ContactUsLI input {
  flex-grow: 1;
  margin-left: 10px; /* Add some space between the label and input */
}


@media (max-width: 768px) {
    /* Change the flex direction to stack items on top of each other */
    .ContactUsLI {
        flex-direction: column;
        align-items: flex-start; /* Align all items to the left */
    }
    
    .ContactUsLI label {
        /* Give the label some space at the bottom */
        margin-bottom: 5px;
    }
    
    .ContactUsLI input {
        /* Make the input field take up the full width */
        width: 100%;
        margin-left: 0; /* Remove the left margin for a clean stack */
    }
}