/*-----------------------------------------------------------------------------------*/
/* MOBILE @MEDIA TWEAKS
/*-----------------------------------------------------------------------------------*/
/* Combined settings for all screen sizes (HORIZONTAL & VERTICAL) */
@media only screen and (min-width: 320px) and (max-width: 1024px) {

	#body {
		background: #F5F6F7 !important;
	}
	
	.logo {
		height:auto;
	}
	
	.menu ul li {
		margin:0px;
	}
	.menu ul li a:hover,
	.menu ul li a.selected {
		padding-top:-35px !important;
	}
	.menu ul li ul {
		margin-top:0px;
	}
	
	blockquote {
		width:90%;
	}
	.posts-grid .post {
		height:auto;
	}
	.post-container .related ul li img {
		height: auto;
		margin:0px;
		padding:0px;
	}
	
	.sidebar {
		width:100%;
	}
	.contact-form-area {
		width:95%;
	}
	
	.zetaSlider {
	  width: 100%;
	}
	.zetaEmpty div a.enlarge {
		display:none;
	}
	
	.scrollgallery {
		width:95% !important;
	}
	.scrollgallery .imagearea img {
		width:97% !important;
		height:auto !important;
		margin:0px auto !important;
	}
	.scrollgallery .thumbarea {
		margin:-10px auto 0px !important;
	}
	.scrollgallery .thumbarea img {
		height:auto;
	}
	
	.widget_nav_menu {
		width:100%;
		margin:10px 0px;
		padding:5px 0px;
		text-align:center;
	}
	
	hr {
		background:transparent url(../images/line-mobile.png) no-repeat;
		height:20px;
		margin:20px auto 35px;
	}
	
}

/* Combined settings for iPhone screen sizes (HORIZONTAL & VERTICAL) */
@media only screen and (min-width: 320px) and (max-width: 767px) {

	.logo {
		width:100px;
		margin:0px auto;
	}
	
	.header-arrow {
		margin:-15px auto;
	}
	
	.menu ul li {
		margin:0px;
	}
	.menu ul li a:hover,
	.menu ul li a.selected {
		padding-top:0px !important;
	}
	.menu ul li ul {
		margin-top:-40px;
	}
	
	.posts-grid .post {
		margin: 0 20px 20px 0;
	}
	.post-container .post .featured {
		margin-left:10px;
	}
	.post-container .related ul li img {
		width: 130px;
	}
	
	.sidebar {
		width:100%;
		margin:5px 0px;
	}
	
	/*.img-header {
		margin-bottom:-40px;
	}*/

	.platform-entry .thumb {
		width:100px;
		height:auto;
	}
	.feature-entry .desc {
		height:auto;
		min-height:auto;
		overflow:visible;
	}
	.feature-entry img {
		height:auto;
	}
	
	.filter {
		font-size:10px;
	}
	
	#gamefolio .game-info img {
		max-width:100px;
		height:auto;
	}
	.game-info {
		overflow:visible;
	}
	
	#more-games .item {
		margin:0px;
		padding:5px 0px;
	}
	#game-credits .item img {
		height:auto;
	}
	#more-games .item img {
		width:145px;
		height:auto;
	}
	
	.portfolio .items li {
		width:140px;
	}
	
	.zetaHolder, .zetaEmpty div, .zetaEmpty {
	  height: 150px;
	}
	
	.scrollgallery .thumbarea img {
		width:84px;
	}
	
	.footer-wrapper {
		padding:5px 0px;
	}
	.site-generator-wrapper {
		min-height:0px;
		padding:5px 0px;
	}
	
	.footer .one-half, .footer .one-third,
	.footer .two-third, .footer .three-fourth,
	.footer .one-fourth, .footer .one-fifth, .footer .one-sixth {
		margin-bottom:10px;
	}
	
	.widget_nav_menu .menu {
		font-size:10px;
	}
	.widget_nav_menu ul {
		float:none;
		padding-bottom:10px;
	}
	
	.copyright {
		font-size:10px;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	h1 { font-size:26px; }
	
	.logo {
		float:left;
		padding: 5px 20px 10px 0px;
		margin-left:-10px;
	}
	.menu {
		margin:10px auto;
		float:right;
	}
	.menu ul li {
		padding:5px 0px;
	}
	.menu ul li a {
		padding:5px 8px;
	}
	
	.rev_slider_wrapper {
		max-width:480px !important;
		max-height:230px;
	}
	.rev_slider, .bannercontainer {
		width:480px !important;
		height:230px;
		margin:0px 0px -45px 0px;
		padding:0px;
	}
  
	.wrapper {
		width: 440px;
		padding-left:20px;
		padding-right:20px;
		padding-top:45px;
	}
	
	.post-container {
		width:440px;
	}
	
	.posts-grid .post {
		width: 205px;
	}
	
	.latest-blog li {
		width:204px;
		margin:0px 18px 16px 0px;
	}
	
	.wrapper .img-header {
		margin: -25px -20px 30px;
	}
	
	.feature-entry img {
		width:240px;
	}
	
	#gamefolio .thumb, #gamefolio .thumb img {
		min-width:200px;
		width:200px;
	}
	
	#game-credits .item {
		margin:0px 14px 5px 0px;
	}
	#game-credits .item img {
		max-width:120px;
	}
	
	.social {
		float: none;
		margin:0px auto !important;
		padding:0px !important;
		max-width: 60%;
		text-align: center;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	h1 { font-size:22px; }
	
	.logo {
		float:none;
		padding: 10px;
		text-align:center;
	  }
  	
	.menu {
		width:100%;
		margin:5px auto;
		padding:0px;
		float:none;
	}
	.menu ul li {
		margin:0px;
		padding:5px 10px;
	}
	.menu ul li a {
		padding:0px;
	}
	.menu ul li a,
	.header-wrapper.dark .menu ul li a {
		font-size:10px;
	}
	
	.wrapper {
		width: 300px;
		padding-left:10px;
		padding-right:10px;
		padding-top:40px;
	}
	
	.post-container {
		width:300px !important;
	}
	.post-container .post .featured img {
		display:none;
	}
	.posts-grid .post {
		width: 290px !important;
	}
	
	.latest-blog li {
		width:290px;
		margin-bottom:20px;
	}
	
	.wrapper .img-header {
		margin: -19px -10px 30px;
	}
	
	.platform-entry .thumb {
		float:none;
		padding:0 0 10px 0;
	}
	
	.feature-entry img {
		width:290px;
		margin-bottom:10px;
	}
	
	#gamefolio .thumb, #gamefolio .thumb img {
		min-width:290px;
		width:290px;
	}
	
	#game-credits .item {
		margin:0px 8px 5px 0px;
	}
	#game-credits .item img {
		max-width:80px;
	}
	.widget_nav_menu ul li {
		padding:5px 3px 5px 7px !important;
	}
	
	hr {
		background:transparent url(../images/line-mobile-portrait.png) no-repeat;
		height:14px;
		margin:20px auto 35px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.logo {
		float:left;
		padding: 5px 20px 10px 0px;
		margin-left:-10px;
	}
	
	.rev_slider_wrapper {
		max-width:768px;
		max-height:368px;
	}
	.rev_slider, .bannercontainer {
		width:768px;
		height:368px;
		margin:0px 0px -45px 0px;
		padding:0px;
	}
  
	.wrapper {
		width: 728px;
		padding-left:20px;
		padding-right:20px;
	}
	
	.post-container {
		width:728px;
	}
	
	.posts-grid .post {
		width: 230px;
		margin: 0 14px 20px 0;
	}
	
	.post-container .post .featured img {
		width:276px;
	}
	
	.post-container .related ul {
		width:728px;
	}
	.post-container .related ul li img {
		width: 151px;
	}
	
	.latest-blog li {
		width:346px;
		margin:0px 18px 16px 0px;
	}
	
	.sidebar {
		margin:20px 0px;
	}
	
	.portfolio .items li {
		width:240px;
		margin:0px 5px 5px 0px;
	}
	.portfolio .items li img {
		width:240px;
	}
	
	.zetaHolder, .zetaEmpty div, .zetaEmpty {
	  height: 280px;
	}
	
	.scrollgallery .thumbarea img {
		width:140px;
	}
	
	.widget_nav_menu {
		width:500px;
		margin:10px 0px;
		padding:5px 0px;
	}
	
	.social {
		margin:5px auto;
		padding:0px;
	}
}