Breakpoints Responsive

/* Mobile & Tablet: width <1024px */
@media only screen and (max-width: 1023px) {
    /* Responsive styles */

}

/* Mobie: width < 740px */
@media only screen and (max-width: 739px) {
    /* Responsive styles */

}

/* Tablet: width >= 740px and width < 1024px */
@media only screen and (min-width: 740px) and (max-width: 1023px) {
    /* Responsive styles */

}

/* PC Low, Ipad Pro */
@media (min-width: 1024px) and (max-width: 1239px) {
    /* Responsive styles */

}

/* Destop: width >= 1024px*/
@media only screen and (min-width: 1024px) {
    Responsive styles /*  */

}