.eacf7-row{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    &.custom{
        flex-wrap: nowrap;
    }
    .eacf7-col{
        flex: 1;
        // margin: 0 5px;
        span{
            input[type='text'],
            input[type='email'],
            input[type='tel'],
            input[type='number'],
            input[type='date'],
            input[type='url'],
            input[type='file'],
            select,
            textarea{
                width: 100%;
            }
        }
        .full-width{
            input{
                width: 100%;
            }
        }
    }
    .eacf7-col-2{
        width: 48%;
    }
    .eacf7-col-3{
        width: 31%;
    }
    .eacf7-col-4{
        width: 22%;
    }
    .eacf7-col-5{
        width: 19.2%;
    }
    .eacf7-col-6{
        width: 16%;
    }
}

@media only screen and (max-width: 767px){
    .eacf7-row{
        flex-direction: column;
        gap: 0;
        > div{
            width: 100% !important;
            margin: 0 !important;
        }
    }
}