/* 640  -  768  -  sm */
@media screen and (min-width: 640px) {

}

/* 768  -  1024  -  md */
@media screen and (min-width: 768px) {

}

/* 1024  -  1280  -  lg */
@media screen and (min-width: 1024px) {

}

/* 1280  -  1536  -  xl */
@media screen and (min-width: 1280px) {

}

/*   -  1536  -    - xxl */
@media screen and (min-width: 1536px) {

}