/*********************************
 ***	Tablet/Laptop Version  ***
 *********************************/

 /*************** Tablet Portrait  *******************/
@media only screen and (min-width: 751px) and (max-width: 1120px) and (orientation: portrait) {

	#MMDfiltercontainer{
		width: 100%;
	}
	
	#MMDportfoliocontainer{
		width: 100%;
	}

	#MMDtitle h3{
		margin-bottom: 10px;
	}

	#MMDfilters{
		margin-top:10px;
	}

	#MMDfilters li{
		display: inline-block;
	}
 }
 



 
 /*******************************
 ***	Mobile Version        ***
 ********************************/
 
@media only screen and (max-width: 750px){

	#MMDfiltercontainer{
		width: 100%;
	}
	
	#MMDportfoliocontainer{
		width: 100%;
	}

	/* On vertical screens, the menu is above the items instead of to the side.
	   Therefore, we get rid of the separator altogether since it no longer has any use.*/
	#MMDseparator{		
		display: none;
	}

	#MMDtitle h3 {
		margin-bottom: 0px;
	}

	#MMDfilters {
		margin-top: 12px;
		margin-bottom: 12px;
	}

	#MMDfilters li{
		display: inline-block;
	}
 }
 

@media only screen and (max-width: 420px) {

}

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


}


/************************************
 ***	Mobile Landscape Version  ***
 ************************************/
 
 @media only screen and (max-width: 750px) and (max-height: 520px) {

 
	#filtercontainer img{
		max-width: 25%;				/* Image is 25% of filtercontainer's height/width */
		max-height: 25%;
	}
	
	#filters{
		width: 75%;
	}
		#filters li{
			display: inline-block;		/* Allows horizontal instead of vertical display */
		}
	 
 
 }