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


.grid-item {
    width: 261px;
    height: 66px; 
    display: flex;
    justify-content: center;
    align-items: center;

}

.vertical-line {
    width: 1px; 
    height: 48px; 
    background-color: #000000;
    margin: 0 70px
}

@media (max-width: 1290px) {
    .row-wrapper {
     
        justify-content: start;
        gap:20px
    }
    @media (max-width: 1089px) {

        .row-wrapper .vertical-line:nth-of-type(4) {
            display: none; 
        }
    }
}





@media (max-width: 800px) {
    .row-wrapper {
       
        justify-content: space-between;
        gap:20px
    }

    .row-wrapper .vertical-line:nth-of-type(2) {
        display: none;
    }
}

@media (max-width: 700px) {
    .row-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .vertical-line {
        display: none;
    }
}