/***********************************************
	RESPONSIVE LAYOUT STYLING
***********************************************/


/* WHEN HEIGHT IS LESS THAN 600px MARGIN TOP SHOULD HAVE A FIXED VALUE */

@media screen and (max-width : 1024px) {
	.social_side { display: none; }
	.social_small { display: block; }
	.beta { display: none; }
}
/* tablet (landscape) ----------- */
@media screen and (max-width : 800px) {
	#primary { width: 460px; }
}
/* iPad (portrait) ----------- */
@media screen and (max-width : 768px) {
	#primary { width: 428px; }

	/* SHOW THE BACKGROUND GOES SMALL HERE -picture- */
	.beta { display: none; }
}
/* smartphones (landcape) ----------- */
@media screen and (max-width : 685px) {
	#primary { width: 345px; }
	#secondary { }
}
/* tablet (portrait) ----------- */
@media screen and (max-width : 600px) {
	#primary { width: 100%; }
	#secondary { width: 100%; }
}
/* smartphones (landscape) ----------- */
@media screen and (max-width : 568px) {
	#logo_home {
		display: none;
	}
	.find_home {
		display: none;
	}
	#logo_icon {
		display: inline;
	}

	.one_fourth { width: 50%; }
	.three_fourths { width: 100%; }
}
/* smartphones (landscape) ----------- */
@media screen and (max-width : 480px) {
	.half, .one_third, .two_thirds, .one_fourth { width: 100%; }
}
/* smartphones (portrait) ----------- */
@media screen and (max-width : 380px) {
	/* LOGO GOES SMALL HERE FROM ALL PAGES -use the small icon logo- */
	/* LOGIN REGISTER GOES SMALL HERE -user- */
}
/* smartphones (portrait) ----------- */
@media screen and (max-width : 320px) {

}
/* small Smartphones ----------- */
@media screen and (max-width : 240px) and (orientation : portrait) {
}