.vendor-content-wrap {
    background: var(--a-pure-white);
    border: 1px solid var(--a-border);
    padding: 30px;
    border-radius: 15px;
}

.vendor-content-wrap .documents-upload {
    width: 100%;
    max-width: 330px;
    border: 1px solid var(--a-gray-tint-4);
    border-radius: 10px;
    padding: 15px;
}

.vendor-content-wrap .documents-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.vendor-content-wrap .documents-wrap .documents-upload:not(:last-child) {
    margin-right: 0px;
}

/* media query */
@media screen and (max-width:1365px) {
    .vendor-content-wrap .documents-wrap {
        grid-template-columns: repeat(3, 1fr);
    }
    .vendor-content-wrap {
        padding: 20px;
     }
}

@media screen and (max-width:767px) {
    .vendor-content-wrap .documents-wrap {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
}


@media screen and (max-width:575px) {
    .vendor-content-wrap {
        padding: 12px;
     }
    .vendor-content-wrap .documents-wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .vendor-content-wrap .documents-upload {
        max-width: 100%;
    }
}