.post-list { clear: both; width: 100%; margin: 0 0 2em 0; }
.post-list::after { display:block; content:""; clear: both; }
.post-list {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.post {width: 50% !important; max-width: 50%}
.post { display: block; }
.post-icon { position: relative; z-index: 9;  -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; }
.post-icon a { display: block; width: 100%; height: 100%; position: relative; z-index: 9; }
.post-icon img { max-width: 100%; height: auto; margin: 0px; }

		
@media screen and (max-height: 480px) {
	/*header smaller space*/
	#header { padding-top: 2em; }
	.post-list .post .grid-sizer {width: 98% !important;}
}

@media screen and (max-width: 640px) and (orientation: portrait) {
	/*galleries adapted*/
	.post-list .post .grid-sizer {width: 98% !important;}
	  

.post-list { clear: both; width: 100%; margin: 0 0 2em 0; }
.post-list::after { display:block; content:""; clear: both; }
.post-list {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.post {width: 50% !important; max-width: 50%}
.post { display: block; }
.post-icon { position: relative; z-index: 9;  -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; }
.post-icon a { display: block; width: 100%; height: 100%; position: relative; z-index: 9; }
.post-icon img { max-width: 100%; height: auto; margin: 0px; }

		
@media screen and (max-height: 480px) {
	/*header smaller space*/
	#header { padding-top: 2em; }
	.post-list .post .grid-sizer {width: 98% !important;}
}

@media screen and (max-width: 640px) {
	/*galleries adapted*/
	.post-list .post .grid-sizer {width: 98% !important;}
	  

Fix post layout on low rez screen
Fix post layout on low rez screen
