.grid-containerDes {
    display: grid;
    position: relative;
    grid-column-gap: 80px;
    grid-template-columns: repeat(4, 1fr);
    font-size: 0px;
    width: max-content;
    row-gap: 40px;
}

.grid-containerDes>div {
    align-items: center;
    cursor: pointer;
}

.item1Des {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    text-align: center;
}

.item2Des {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 2;
    grid-column-end: 2;
    text-align: center;
}

.item3Des {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 3;
    grid-column-end: 3;
    text-align: center;
}

.item4Des {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 4;
    grid-column-end: 4;
    text-align: center;
}

.item5Des {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 1;
    text-align: center;
}

.item6Des {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 2;
    text-align: center;
}

.item7Des {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 3;
    grid-column-end: 3;
    text-align: center;
}

.item8Des {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 4;
    grid-column-end: 4;
    text-align: center;
}

.item9Des {
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 1;
    text-align: center;
}

.item10Des {
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 2;
    text-align: center;
}

.item11Des {
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 3;
    text-align: center;
}

.item12Des {
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 4;
    grid-column-end: 4;
    text-align: center;
}

.item13Des {
    grid-row-start: 4;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 1;
    text-align: center;
}

.item14Des {
    grid-row-start: 4;
    grid-row-end: 4;
    grid-column-start: 2;
    grid-column-end: 2;
    text-align: center;
}

@media only screen and (max-width: 1340px) {
    .grid-containerDes {
        grid-column-gap: 30px;
    }
}

@media only screen and (max-width: 1190px) {
    .grid-containerDes {
        display: grid;
        position: relative;
        grid-column-gap: 80px;
        grid-template-columns: repeat(3, 1fr);
        font-size: 0px;
        width: max-content;
        row-gap: 40px;
    }
    .grid-containerDes>div {
        align-items: center;
        cursor: pointer;
    }
    .item1Des {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item2Des {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: center;
    }
    .item3Des {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 3;
        grid-column-end: 3;
        text-align: center;
    }
    .item4Des {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item5Des {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: center;
    }
    .item6Des {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 3;
        grid-column-end: 3;
        text-align: center;
    }
    .item7Des {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item8Des {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: center;
    }
    .item9Des {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 3;
        grid-column-end: 3;
        text-align: center;
    }
    .item10Des {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item11Des {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: center;
    }
    .item12Des {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 3;
        grid-column-end: 3;
        text-align: center;
    }
    .item13Des {
        grid-row-start: 5;
        grid-row-end: 5;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item14Des {
        grid-row-start: 5;
        grid-row-end: 5;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: center;
    }	
}

@media only screen and (max-width: 1000px) {
    .grid-containerDes {
        grid-column-gap: 30px;
    }
}

@media only screen and (max-width: 899px) {
    .grid-containerDes {
        display: grid;
        position: relative;
        grid-column-gap: 80px;
        grid-template-columns: repeat(2, 1fr);
        font-size: 0px;
        width: max-content;
        row-gap: 40px;
    }
    .grid-containerDes>div {
        align-items: center;
        cursor: pointer;
    }
    .item1Des {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item2Des {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: center;
    }
    .item3Des {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item4Des {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: center;
    }
    .item5Des {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item6Des {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: center;
    }
    .item7Des {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item8Des {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: center;
    }
    .item9Des {
        grid-row-start: 5;
        grid-row-end: 5;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item10Des {
        grid-row-start: 5;
        grid-row-end: 5;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: center;
    }
    .item11Des {
        grid-row-start: 6;
        grid-row-end: 6;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item12Des {
        grid-row-start: 6;
        grid-row-end: 6;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: center;
    }
    .item13Des {
        grid-row-start: 7;
        grid-row-end: 7;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item14Des {
        grid-row-start: 7;
        grid-row-end: 7;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: center;
    }	
}

@media only screen and (max-width: 660px) {
    .grid-containerDes {
        grid-column-gap: 30px;
    }
}

@media only screen and (max-width: 599px) {
    .grid-containerDes {
        display: grid;
        position: relative;
        grid-column-gap: 80px;
        grid-template-columns: repeat(1, 1fr);
        font-size: 0px;
        width: max-content;
        row-gap: 40px;
    }
    .grid-containerDes>div {
        align-items: center;
        cursor: pointer;
    }
    .item1Des {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item2Des {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item3Des {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item4Des {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item5Des {
        grid-row-start: 5;
        grid-row-end: 5;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item6Des {
        grid-row-start: 6;
        grid-row-end: 6;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item7Des {
        grid-row-start: 7;
        grid-row-end: 7;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item8Des {
        grid-row-start: 8;
        grid-row-end: 8;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item9Des {
        grid-row-start: 9;
        grid-row-end: 9;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item10Des {
        grid-row-start: 10;
        grid-row-end: 10;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item11Des {
        grid-row-start: 11;
        grid-row-end: 11;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item12Des {
        grid-row-start: 12;
        grid-row-end: 12;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item13Des {
        grid-row-start: 13;
        grid-row-end: 13;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }
    .item14Des {
        grid-row-start: 14;
        grid-row-end: 14;
        grid-column-start: 1;
        grid-column-end: 1;
        text-align: center;
    }	
}