/* Mobile CSS Document */


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	/* Styles */
	.hidden-phone {
		display: none;
	}
	.visible-phone {
		display: block !important;
	}
	.development-phone {
		text-align: left !important;
	}
}

@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 640px) {
	/* Styles */
	.hidden-phone {
		display: none;
	}
	.visible-phone {
		display: block !important;
	}
	.development-phone {
		text-align: left !important;
	}
}
@/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	/* Styles */

}