﻿/* RESPONSIVE CSS FOR POSTS

#TABLET - 768px
#MOBILE (Landscape) - 480px
#MOBILE (Portrait) - 320px

*/

#mainContent.review-page p iframe {
	margin: 0 190px;
}

/* Widescreen */

@media only screen and (min-width: 960px) and (max-width: 1169px) {

#reviewBanner, #reviewBanner img {
	width: 932px;
	height: auto;
}

#mainContent.review-page {
	width: 960px;
}

#mainContent.review-page p {
	width: 930px;
}

#mainContent.review-page img {
	width: 450px ;
	height: auto;
}

#mainContent.review-page p iframe {
	margin: 0px 145px;
}

#generalinfo img {
	width: 65px !important;
	height: 79px !important;
}

#review_synopsis {
	width: 960px;
}

.videoReview, .videoReview iframe {
	width: 450px;
	height: 253px;
}

.pullquote p {
	width: 400px !important;
	font-size: 18px !important;
	line-height: 32px;
}

.reviewScore {
	width: 450px;
}

#related.review a img {
	width: 270px !important;
	height: 135px !important;
}
	
hr.review_divider {
	width: 930px;
}

#relatedStories {
	width: 960px !important;
}

#related.review {
	width: 218px !important;
	height: 132px !important;
}

#related.review a img {
	width: 218px !important;
	height: 104px !important;
}

#related.review h3 {
	width: 188px;
}
	
}

/* Tablet  (Portrait) */

@media only screen and (min-width: 768px) and (max-width: 959px) {

#reviewBanner, #reviewBanner img {
	width: 740px;
	height: auto;
}

#mainContent.review-page {
	width: 768px;
}

#mainContent.review-page p {
	width: 738px;
}

#mainContent.review-page p iframe {
	margin: 0px;
}

#mainContent.review-page img {
	width: 375px ;
	height: auto;
}

#generalinfo img {
	width: 65px !important;
	height: 79px !important;
}

#generalinfo #info-right {
	width: 670px;
}

#review_synopsis {
	width: 768px;
}

.videoReview, .videoReview iframe {
	width: 375px;
	height: 211px;
}

.pullquote p {
	width: 325px !important;
	font-size: 18px !important;
	line-height: 32px;
}

.reviewScore {
	width: 340px;
}

#related.review a img {
	width: 270px !important;
	height: 135px !important;
}
	
hr.review_divider {
	width: 738px;
}

#relatedStories {
	width: 768px !important;
}

#related.review {
	width: 359px !important;
	height: 217px !important;
}

#related.review a img {
	width: 359px !important;
	height: 189px !important;
}

#related.review h3 {
	width: 329px;
}
 
}

/* Mobile (Landscape) */

@media only screen and (min-width: 480px) and (max-width: 767px) {

#reviewBanner, #reviewBanner img {
	width: 450px;
	height: auto;
}

#mainContent.review-page {
	width: 480px;
}

#mainContent.review-page p {
	width: 450px;
}

#mainContent.review-page p iframe {
	margin: 0px;
}

#mainContent.review-page img {
	width: 480px ;
	height: auto;
	margin: 0px 0px 15px 0px !important;
	float: none;
}

#generalinfo {
	padding: 15px 0px 0px 15px;
}

#generalinfo img {
	width: 65px !important;
	height: 79px !important;
	float: left !important;
	margin-top: 15px !important;
	margin-left: 15px !important;
}

#generalinfo #info-right {
	width: 350px !important;
	margin: 0px 0px 0px 0px !important;
}

.gameInfo {
	float: none !important;
}

#review_synopsis {
	width: 480px;
}

.videoReview, .videoReview iframe {
	width: 450px;
	height: 253px;
}

.pullquote p {
	width: 400px !important;
	font-size: 18px !important;
	line-height: 32px;
}

.reviewScore {
	width: 450px;
	margin-top: 115px;
}

.reviewScore ul.score {
	width: 280px;
	margin: auto;
}

#related.review a img {
	width: 270px !important;
	height: 135px !important;
}
	
hr.review_divider {
	width: 450px;
}

#relatedStories {
	width: 450px !important;
}

#related.review {
	width: 450px !important;
	height: 272px !important;
}

#related.review a img {
	width: 450px !important;
	height: 244px !important;
}

#related.review h3 {
	width: 420px;
}

}


/* Mobile (Portrait) */

@media only screen and (max-width: 479px) {

#reviewBanner, #reviewBanner img {
	width: 290px;
	height: auto;
}

#mainContent.review-page {
	width: 320px;
}

#mainContent.review-page p {
	width: 290px;
}

#mainContent.review-page p iframe {
margin: 0px;
}

#mainContent.review-page img {
	width: 320px ;
	height: auto;
	margin: 0px 0px 15px 0px !important;
	float: none;
}

#generalinfo {
	padding: 15px 0px 0px 15px;
}

#generalinfo img {
	width: 65px !important;
	height: 79px !important;
	float: left !important;
	margin-top: 15px !important;
	margin-left: 15px !important;
}

#generalinfo #info-right {
	width: 290px !important;
	margin: 0px 0px 0px 0px !important;
}

#generalinfo #info-right h4, #generalinfo #info-right .gameInfo {
	margin-left: 0px !important;
}

.gameInfo {
	float: none !important;
}

#review_synopsis {
	width: 320px;
}

.videoReview, .videoReview iframe {
	width: 290px;
	height: 218px;
}

.pullquote p {
	width: 230px !important;
	font-size: 18px !important;
	line-height: 32px;
}

.reviewScore {
	width: 290px;
	margin-top: 230px;
}

.reviewScore ul.score {
	width: 280px;
	margin: auto;
}

#related.review a img {
	width: 270px !important;
	height: 135px !important;
}
	
hr.review_divider {
	width: 290px;
}

#relatedStories {
	width: 290px !important;
}

#related.review {
	width: 290px !important;
	height: 175px !important;
}

#related.review a img {
	width: 290px !important;
	height: 147px !important;
}

#related.review h3 {
	width: 260px;
}

}