#container #contentBody { position: relative; width: 1106px; margin: 0px 47px 123px 46px; z-index: 6; } /* Original margin: 0px 87px 123px 87px; */
#container #contentBody ul { position: relative; list-style: none; width: 1106px; font-size: 0; line-height: 0px; margin: 0px; padding-top: 172px; padding-left: 1px; }
#container #contentBody ul li { position: relative; float: left; display: block; margin: 0px 1px 1px 0px; width: 220px; height: 123px; z-index: 6; }

#container #contentBody ul li div.item { position: relative; width: 220px; height: 123px; z-index: 5; }
#container #contentBody ul li div.item div.overlay { position: absolute; top: 0px; left: 0px; width: 220px; height: 123px; background-color: rgba(242,242,242,0.9); z-index: 3; display: none; }
#container #contentBody ul li div.item p { position: absolute; padding: 0px 5px 10px 10px; bottom: 0px; left: 0px; font-size: 13px; line-height: 17px; color: black; z-index: 4; display: none;}
#container #contentBody ul li div.item img { position: absolute; top: 0px; left: 0px; width: 220px; height: 123px; z-index: 2; }


/* For Smart Phones */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) { 
	/* Code Goes Here */
}

/* For iPad (Potrait & Landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	/* Code Goes Here */	
}