@media only screen and (max-width: 360px) {}

/* from 0 to 360px, the following code will be implemented  above comment */


/* from 360 to 500 px the following code will be implemented */
@media only screen and (min-width: 360px) and (max-width: 500px) {}

/* from 500 px to 800 px, the following code will be implemented */
@media only screen and (min-width: 500px) and (max-width: 900px) {
    #service-about-section {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
}