.asphalt{
    margin-left: -28vw;
    margin-right: -20vw;
}

.tableu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.row table {
    position: relative;
    width: fit-content;
    height: fit-content;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 0;
}

#dataInput2, #dataInput3 {
    display: none;
}

input{
    padding: 10px;
    width: 60px;
    border-radius: 5px;
}

.del_ph,
.del_v,
.dphbydv,
.mean,
.x-input,
.y-input,
.sr_no {
    /* width: 40px; */
    padding: 10px;
}

.sr_no {
    width: 30px;
    padding-right: 0;
    text-align: center;
}


@media only screen and (max-width: 800px){
    .asphalt{
        margin-left: 1vw;
        margin-right: 1vw;
    }
}