/* ------------------------------------------------------- */
/* 		SMART PHONES (portrait/landscape)			*/
/* ------------------------------------------------------- */

@media only screen and (min-device-width: 320px) and (max-device-width : 480px) {




}







/* ------------------------------------------------------- */
/* 		TABLETS (portrait/landscape)			*/
/* ------------------------------------------------------- */

@media only screen and (min-device-width: 768px) and (max-device-width : 1024px) {




}






/* ------------------------------------------------------- */
/* 		DESKTOPS / LAPTOPS			*/
/* ------------------------------------------------------- */

@media only screen  and (min-width: 1224px) {




}






/* ------------------------------------------------------- */
/* 		LARGE SCREENS			*/
/* ------------------------------------------------------- */
@media only screen  and (min-width: 1824px) {




}







/* need to be more specific? check this out: https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints */