/* =Responsive (Mobile) Design
--------------------------------------------------------------
EDITED 3/31/14
*/
#primary-menu-icon {
	display:none;
}

@media only screen and (max-width: 1200px) {
	.container {
		max-width:1042px;
	}
	.game-copy p {
		font-size: 40px !important;
		margin: 20% 0 !important;
	}

}

@media only screen and (max-width: 1125px) {
	.container {
		max-width:1000px;
	}
	/*.footer-group input {
		width:220px;
	}*/
	.gameslistContent {
		width:100%;
		padding:0 15px;
	}
	#grid4 .game-copy {
		margin-top:7px !important;
		top:30%;
	}
	#grid4 .game-copy h2 {
		font-size:34px !important;
	}
	#grid4 .game-copy p {
		font-size:13px !important;
		line-height:1.2em !important;
		-webkit-text-size-adjust: none;
	}
	#grid4 .game-copy .game-copy-big {
		font-size: 22px !important;
	}
	.footer-group input {
		width:120px;
	}
}
@media only screen and (max-width: 1000px) {
	.header-post-link {
		display:none;
	}
	.container .header-image {
		position:relative;
		height:auto;
		max-width:100%;
	}
	.container .header-image .attachment-header {
		position:inherit;
	}
	#grid7 .ftg-copy {
		font-size:18px;
		line-height:1.1em;
	}
	.footer-bottom .container {
		width:100%;
	}
	.footer-group input {
		width:100px;
	}
	.container .terms-container, .container .copyright {
		margin-right:20px;
	}
	.page-template-blog-developers-php .row {
		padding:0 15px 0 50px;
	}
	.develop-heart-2 {
		display:none;
	}

}

@media screen and (max-width: 980px) {
	#header {
		height:182px;
	}
	.home #main {
    	margin-top: 16px;
	}
	#footer-responses {
		padding: 3px 0 0;
	}
	#footer-responses input {
		font-size: 14px;
		height: 24px;
		width: 50px;
		padding:0;
	}
	.footer-email-container {
		padding-left:10px;
		clear:both;
		float:right;
	}
	.footer-group input {
		font-size: 10px;
		height: 20px;
		width: 120px;
	}
	.container {
		width:100%;
	}
	.counter-container {
		width:350px;
		margin:0 auto;
	}
	.terms-container {
		clear:both;
		float:none;
		text-align:center;
		padding-top:30px;
	}
	.copyright {
		clear:both;
		float:none;
		text-align:center;
	}
	.gameDetails {
		margin:35px 15px 60px;
	}
	.detailDownload {
		padding:15px 0 0 !important;
		float:left !important;
	}
	.detailTitle {
		width:100%;
	}
	.detailDownload .download-button {
		font-size:19px !important;
		white-space:nowrap !important;
		padding:15px 23px 15px 19px;
	}
	.star-rating {
		padding-bottom:10px;
	}
	.detailDownload img {
		padding:0 15px 0 5px !important;
	}
	h2.modalTitle {
		font-size:35px;
		line-height:40px;
	}
	.video-container {
    	padding: 12px !important;
	}
	.modalRightGallery {
    	padding: 30px 40px !important;
	}
	/*.pika-thumbs li {
		width:8%;
		height:inherit;
	}*/
	.row {
		padding: 0 15px;
	}
	#content .slider-container {
		background:none;
	}
	#content .develop-cta {
		background:none;
	}
	.row-post-tools {
		display:none !important;
	}
	#grid5 .game-overlay p, #grid6 .game-overlay p, #grid7 .game-overlay p {
		font-size:15px !important;
		line-height:1.1em !important;
	}
	#grid7 .ftg-copy {
		font-size: 15px;
	}
	.game-copy p {
		font-size: 25px !important;
	}
	#content .dev-post h2.dev-post-title {
		font-size: 19px;
	}

}


@media only screen and (max-width: 768px) {
	#nav ul li {
		margin: 0 0 0 15px;
	}
	.button {
		width:inherit !important;
	}
	#content {
		width:100%;
		padding:30px 10px !important;
		-moz-box-sizing: border-box;
 	 	-webkit-box-sizing: border-box;
 	 	box-sizing: border-box; /*changes box model so padding and border are taken from the inside of an element rather than adding to an element */
	}
	./*counter-container {
		width:650px;
		margin:0 auto;
	}*/
	.footer-group input {
		width:140px;
	}
	.modalRightGallery {
		padding:17px 48px !important;
	}
	.video-container {
		margin-bottom:25px;
	}
	.game-gallery-bkg {
		display:none;
	}
	#grid4 .game-copy h2 {
		font-size: 22px !important;
	}
	#content .dev-post h2.dev-post-title {
		font-size: 20px;
		background:none;
		color:#FC4422;
	}
	.post-content-top {
		display:none;
	}
	.page-template-blog-developers-php .post-content {
		background: #D8D8D8;
		margin: 0;
		padding: 15px;
	}
}

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

	body, body.page-template-template-discover-php {
		background: url(../images/mobile-bkg.jpg) repeat top center;
	}

	/* Primary Navigation Menu Icon properties */

	#primary-menu-icon {
		cursor: pointer;
		display: block;
		text-align: right;
		color:#fff;
		padding-right:10px;
		background:#ff450b;
	}

	#primary-menu-icon::before {
		color: #eee;
		font-weight: bold;
	}

	#primary-menu-icon:hover::before {
		color: #eee;
	}

	#primary-menu-icon:active::before {
		color: #fff;
	}
	#nav .menu-primary {
		margin-top:5px;
	}

	/* Hide Primary Navigation Menu until it's toggled via script */

	.menu-primary {
		display: none;
	}

	#header {
		background:#ff450b;
		height:77px;
	}
	.row1 {
		background:none;
		width:48%;
		float:right;
	}
	.row1 ul.headerSoc {
		float:right;
	}
	.row1 ul.headerSoc li a {
		margin-right:5px;
	}
	.row1nav {
		max-width:100%;
		height:inherit;
	}
	#header .row {
   		padding: 0;
	}
	.row {
		width:100%;
		float:left;
		padding:0;
	}
	.logo {
		width:133px;
		margin-top:-43px;
	}
	.logo img {
		padding-left:5px;
	}
	#order-btn {
		display:none;
	}
	.grid-container {
		max-width:100%;
	}

	#nav {
		float:right;
		width:110px;
		padding:0;
	}
	#nav ul li {
		margin:0 auto;
		background:#ff450b;
		border-bottom:1px solid #FFF;
	}
	#nav ul li:last-child {
		border-bottom:none;
	}
	#nav ul li a {
		padding:8px;
		display:block;
		width:94px;
	}
	.nav-shout-outs {
		font-size:90%;
	}
	#nav ul a {
	color:#FFF;
	}
	#nav ul .shopBtn {
		display:inline;
	}
	#secondary-nav {
		display:none;
	}
	.home #main {
		margin-top:-49px;
	}


	.grid-container .grid {
		-webkit-filter: saturate(100%);
		overflow:inherit;
	}
	.grid-container {
		background:none !important;
	}
	.grid-container .large, .grid-container .medium, .grid-container .small, .grid-container .twitter-grid, .grid-container .large-left, .grid-container .large-right {
		width:100%;
		opacity:1;
	}
	.grid-overlay-1, /*.grid-overlay-2,*/ .grid-overlay-3, .grid-overlay-4, .grid-overlay-5, .grid-overlay-6, .grid-overlay-7, .grid-overlay-8 {
		/*display:none;*/
		background-image:url(../images/homepage-topborder.png) !important;
		z-index:100;
		background-position: 0 0 !important;
		top:-.45em !important;
		height:21px !important
	}
	.grid-overlay-2 {
		background-image:url(../images/homepage-topborder.png) !important;
		z-index:100;
		background-position: 0 0 !important;
		top:-.45em !important;
		height:21px !important
	}
	#grid2 {
		/*border-style: solid;
		border-width: 12px 0px 0px;
		-moz-border-image: url(../images/homepage-topborder.png) 21 0 stretch;
		-webkit-border-image: url(../images/homepage-topborder.png) 21 0 stretch;
		-o-border-image: url(../images/homepage-topborder.png) 21 0 stretch;
		border-image: url(../images/homepage-topborder.png) 21 0 fill stretch;
		border-image-outset: 0;*/
		z-index:inherit !important;
	}
	.grid:hover .grid-overlay-2 {
		z-index: 100 !important;
	}
	#grid3 { /* Twitter grid */
		display:none;
	}
	#grid4 .grid-4-image .grid-overlay-4 {
		opacity: 1 !important;
	}
	#grid5 .game-overlay, #grid6 .game-overlay {
		min-height:inherit;
		padding:.45em 0;
	}
	#grid5 .game-overlay p, #grid6 .game-overlay p {
		padding:0 !important;
		font-size:14px !important;
		line-height:1.3em !important;
	}
	#grid4 .game-copy h2 {
		font-size:18px !important;
	}
	#grid4 .game-copy p {
		font-size:11px !important;
		line-height:1.2em !important;
		-webkit-text-size-adjust: none;
	}
	#grid4 .game-copy .game-copy-big {
		font-size: 13px !important;
	}
	#grid4 .grid-4-image img, #grid4 .grid-4-image .grid-overlay-4 {
		opacity: 1 !important;
	}

	/* Games page */
	#orank p {
		background: none;
		margin: 0 0 12px;
		padding: 0;
	}
	.gameslistContent {
		width:100%;
		padding:0 15px;
	}
	.gameslistButton {
		font-size: 12px;
		margin-bottom: 12px;
		margin-right: 6px;
		padding: 7px 6px 6px;
	}
	.upcomingMonthSort {
		width:100%;
	}
	.gamepageTitle {
		font-size:3em;
		background:none;
		padding-left:0;
		margin-left:0;
	}
	.games-invader {
		display:none;
	}
	.gamepageSubNav {
		margin-top:0;
	}
	.gameslist li {
		background: none repeat scroll 0 0 #FFFFFF;
		margin: 0;
		overflow: hidden;
		padding: 20px;
		position: relative;
		height: inherit;
	}
	.gameslist li:nth-child(2n) {
		background: none repeat scroll 0 0 #F5F5F5;
	}
	.gameslist.orank .rankNum {
		display: none;
	}
	.gameslist .posterImage {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
	}
	.gameslist .gamelistDetails {
		position: relative;
		margin-top: 20px;
		top: 0;
		left: 0
	}
	.gameslist.orank .posterImage {
		left: inherit;
		position: relative;
		top: inherit;
	}
	.gameslist.orank .gamelistDetails {
		left: inherit;
		position: relative;
		top: inherit;
	}


	.gameslist.releaseList .posterImage {
		float: left;
		left: inherit;
		padding: 30px 0 0 60px;
		position: relative;
		top: inherit;
	}
	.gameslist.releaseList .gamelistDetails {
		float: left;
		clear:both;
		left: inherit;
		padding: 20px 0 0 60px;
		position: relative;
		top: inherit;
	}

	.gameslist.orank .gameTaglist {
		/*bottom: inherit;
		clear: both;
		float: left;
		left: inherit;
		padding: 20px 0 20px 60px;
		position: relative;*/
	}
	.gameTag {
		margin-bottom:14px;
	}
	.modalColLeft, .modalColRight {
		width:100%;
		float:none;
	}
	.game-gallery-bkg {
		display:none;
	}
	.video-container {
    	margin-bottom: 20px !important;
	}
	.video-bkg {
		display:none;
	}
	/* End Games Page */

	/* Develop Pages */
	#content h3.develop-intro {
		line-height:1.2em;
		font-size:1em;
		width:100%;
	}
	#content h1.develop {
		background:none;
		font-size:2.5em;
		padding-bottom:0;
		line-height: 1em;
    	margin-bottom: 10px;
	}
	#content h2.discover {
		background:none;
		font-size:2em;
	}
	#content p {
		font-size:.75em;
		line-height:1.25em;
	}
	.slider-container {
		background:none;
		padding:0 0 0 30px;
	}
	.slider-container p.slider-label {
		padding-left: 0;
		font-size:.65em;
	}
	.slider-container .flexslider {
		margin: 0;
	}
	.slider-container .flex-container {
		width: 90%;
	}
	.slider-container .flex-direction-nav a {
		top: 25%;
	}
	.flex-viewport p.flex-caption {
		color: #000;
		padding-left: 0;
	}
	.orange-1, .orange-2, .orange-3 {
		background:none;
	}
	#content p.dark {
		padding-left: 0;
	}


	body.page-template-template-discover-php #content p {
    	font-size: 1em;
	}
	.big {
		font-size:1.5em;
	}
	.discover-counter {
		font-size:1.5em;
	}
	.discover-heart {
		display:none;
	}
	.discover-pad {
		padding-left:0;
	}
	#content .discover-cta {
		font-size:1.5em !important;
	}
	p.develop-dirt {
		background:none;
		padding: 0 0 10px 30px;
		margin-right:0;
		width:100% !important;
	}
	.develop-invader, .develop-invader-2, .discover-heart, .develop-heart, .develop-invader-3 {
		display:none;
	}
	.top-bar, .bar, .bottom-bar {
		background:none;
	}
	.top-bar, .bottom-bar {
		height:inherit;
	}
	#content h3.develop-end {
		line-height:1em;
		width:100%;
	}
	.develop-instructions .column {
		font-size: 0.75em;
		padding-left: 20px;
		width: 100%;
	}
	/* End Develop Pages */

	/* Start Shout-Outs Page */
	.page-template-blog-developers-php .row {
		padding: inherit;
	}
	#content h1.developers-blog {
		background:none;
		font-size: 2.5em;
		line-height: 1em;
		margin-bottom: 10px;
		padding-bottom: 0;
	}
	#content .dev-post h2.dev-post-title {
		background:none;
		color:#FC4422;
	}

	/* END Shout-outs Page */

	/* Blog pages */
	.header-image .header-category {
		padding-right: 0;
		right: 0;
		top: 70%;
	}
	.container .header-text {
		padding:0 10px;
	}
	.container .header-text h1 {
		font-size:22px;
		margin: 5px 0 10px 10px;
		line-height:1em;
	}
	.container .header-text p {
		font-size: 12px;
		margin-bottom: 5px;
		margin-top: 0;
		line-height:1.1em;
	}
	.container .post-content {
		margin-left:5px;
		padding-bottom:0;
	}
	.post-content .comments-section {
    	margin: 20px 0 0;
	}
	/* End Blog pages */

	.latest-news {
		width:100px !important;
		font-size:12px !important;
		position:inherit !important;
		float:left !important;
	}
	.burger-dropdown {
		background: url("/wp-content/themes/ouya/images/menu-burger.png") no-repeat scroll 167px 23px #FFFFFF !important;
		padding: 17px 0 0 16px !important;
		width: 187px !important;
		font-size:12px !important;
		position:inherit !important;
		float:left !important;
	}
	.burger-dropdown:hover {
		background: #ff420c url(/wp-content/themes/ouya/images/menu-burger-white.png) 167px 23px no-repeat !important;
		font-size:12px !important;
	}
	.burger-dropdown.active {
		background: #ff420c url(/wp-content/themes/ouya/images/menu-burger-white.png) 167px 23px no-repeat !important;
		font-size:12px !important;
	}
	.searchform {
		display:none !important;
	}

	.footer-dirt {
		display:none;
	}
	.container {
		width:100%;
	}
	.counter-container {
		width:220px;
		margin: 0 auto;
	}
	.game-counter-footer {
		width:auto;
		text-align:center;
	}
	.games-counting {
		padding:11px 0 0 5px;
	}
	.footer-email-container {
		background:none;
		clear:both;
		width:195px;
		float:left;
		position: absolute;
    	top: -12px;
	}
	#footer-responses {
		padding: 10px 0 0;
	}
	.footer-group {
		padding: 10px 0 0 0;
	}
	.footer-group input {
		width:100px;
		border:2px solid #FFF;
	}
	#footer-responses input {
		border:2px solid #FFF;
		background:#FFF;
		color:#FC4422;
		margin-left:2px;
		padding:0;
	}
	.terms-container {
		clear:both;
		float:none;
		text-align:center;
		padding-top:30px;
	}
	.copyright {
		clear:both;
		float:none;
		text-align:center;
	}

	/* Blog content */
	.blog-row-left .blog-col-left, .blog-row-left .blog-col-right, .blog-row-right .blog-col-left, .blog-row-right .blog-col-right {
		width:100% !important;
	}
	.post-small h3 {
   		font-size: 1.8em !important;
	}
	.post-big h3 {
    	font-size: 1.8em !important;
	}
	.scrollaway-header-new {
		border:none !important;
	}
	.post-small {
		min-height:inherit;
		max-height:300px;
	}
	.post-big {
		max-height:300px;
	}


	.accountLogin .modalTitle {
		font-size:13px;
		letter-spacing: inherit;
    	line-height: 1.2em;
		margin:35px 0 0;
	}
	.accountLogin .loginForm {
    	margin-top: 0;
	}
	.accountLogin input {
		font-size:12px;
		margin:25px 0 0;
	}
	.accountLogin .loginForm a {
		float:left;
		text-align:left;
		font-size:13px;
	}
	.accountLogin .loginSubmit {
		width:100px;
	}
	.accountLogin .loginCreate {
    	margin-top: 20px;
	}
	accountLogin .accountModalClose {
		right: -15px;
		top: -85px;
	}

}

@media screen and (max-width: 480px) {
	#content {
		overflow:hidden;
	}
	#content h1 {
    	font-size: 2.5em;
		line-height: 1.5em;
	}
	#content h4 {
    	font-size: 1.4em;
    	line-height: 1.2em;
	}
	.detailDownload img {
		display:none;
	}
	.modalContainer .modalRightGallery  {
		padding:10px 0 !important;
	}
	.game-copy p {
		font-size: 35px !important;
		margin: 10% 0 !important;
	}
	#grid7 .ftg-copy {
		font-size: 12px;
	}
	#content h1.developers-blog {
		font-size:1.5em;
	}
}

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

	.container {
		width:100%;
	}
	#content h1.develop {
    	font-size: 1.75em;
		line-height: 1.5em;
	}
	.terms-container, .copyright {
		font-size:8px;
	}
	.gameslist.orank .posterImage {
		float: left;
		width: 80%;
	}
	.gameslist.orank .rankNum {
   		font-size:20px;
		width: 30px;
	}
	.gameslist.releaseList .gamelistDetails {
    	padding: 20px 0 0 30px;
	}

	.gameslist.releaseList .posterImage {
		float: left;
		width: 80%;
		padding-left:30px;
	}
	.gameslist.orank .gamelistDetails {
    	padding: 20px 0 0 30px;
	}

	.gameslist.orank .gameTaglist {
    	/*padding: 20px 0 20px 30px;*/
	}
	.pika-thumbs li {
		width: 86px;
		height: 44px;
	}
	.slider-container .flex-direction-nav a:before {
		font-size: 20px;
	}
	.slider-container .flex-direction-nav .flex-prev {
		left: -14px;
	}
	.slider-container .flex-direction-nav .flex-next {
		right: -22px;
	}
	.slider-container .flex-direction-nav a {
		height: 23px;
		top:15%;
		width:20px;
	}
	.stLframe, .stwrapper {
		display:none !important;
	}

}

@media screen and (max-width: 240px) {
	.stwrapper {
		width:235px !important;
	}

}