.input-grid-1 {
    margin-bottom: 15px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.input-grid-2 {
    margin-bottom: 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.input-grid-3 {
    margin-bottom: 15px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.input-grid-4 {
    margin-bottom: 15px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}


@media (max-width:1000px) {
    .input-grid-4 {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media (max-width:700px) {

    .input-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .input-grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:500px) {
    .input-grid-2 {
        grid-template-columns: 1fr;
    }

    .input-grid-3 {
        grid-template-columns: 1fr;
    }

    .input-grid-4 {
        grid-template-columns: 1fr;
    }
}