/* General
================================================== */
img{ max-width: 100%; }

/*hide responsive menus*/
#top-bar .selector,
#navigation .selector { display: none; }


/* Apply To All Responsive Layouts
================================================== */
@media only screen and (max-width: 959px) {
	
	/*hide stuff*/
	
	body:before
	{ 
	content:"CSS: To All Responsive Layouts";
	}

}



/* #Tablet (Portrait) = Design for a width of 730px
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	body:before
	{ 
	content:"CSS: #Tablet (Portrait) (min-width: 768px) and (max-width: 959px) ";
	}


}



/* Mobile (Portrait) = Design for a width of 280px
================================================== */

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

	body:before
	{ 
	content:"CSS: Mobile (min-width: 768px) and (max-width: 860px)";
	}
       
       
}

@media only screen and (max-width: 480px) {
	body:before
	{ 
	content:"CSS: Mobile (max-width: 480px)";
	}
}


/* Mobile (Landscape) = Design for a width of 440px
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body:before
	{ 
	content:"CSS: Mobile (Landscape) (min-width: 480px) and (max-width: 767px)";
	}
		
}