/*<div class="displayTest">
YELLOW = Default (Resposive not detected)
RED = Large Screen desktops and laptops: RED<br>
GREEN = Landscape tablets and medium desktops (iPad mini Landscape & Kindle Fire landscape)<br>
BLUE = Portrait tablets and small desktops (iPad portrait)<br>
ORANGE = Landscape phones and portrait tablets: (iPhone landscape / Kindle Fire Portrait)<br>
GRAY = Portrait phones and smaller devices (iPhone Portrait)<br>
</div>*/

/* --------------------------------------------------
RESPONSIVE CSS
-------------------------------------------------- */

/* Large screen desktops and laptops */
@media (min-width: 1200px) {
	/*.displayTest {
		background-color:red;
		padding:20px;
		color:black
	}*/

}

/* Landscape tablets and medium desktops (iPad mini Landscape & Kindle Fire landscape) */
@media (min-width: 992px) and (max-width: 1199px) {
	/*.displayTest {
		background-color:green;
		padding:20px;
		color:black
	}*/

.site-nav .navbar-nav > li > a {
	padding: 5px 20px;
}

.fp-carousel .slideimage {
	right: 0px;	
}

}

/* Portrait tablets and small desktops (iPad portrait) */
@media (min-width: 768px) and (max-width: 991px) {
	/*.displayTest {
		background-color:blue;
		padding:20px;
		color:black
	}*/

.site-nav .navbar-nav > li > a {
	padding: 5px 20px;
}

.navbar-collapse.collapse {
	float: none !important;	
}
.navbar-nav {
	margin: 0px -15px;	
}

.fp-carousel .slideimage {
	display: none;
}
.fp-carousel .content {
	padding: 0px;	
}

.site-nav {
	padding: 0px;	
}
.site-nav .navbar-nav > li {
	padding: 0px;	
}


.detail-container {
	text-align: center;	
}
.detail-container .detail-cta {
	margin: 50px;
}

}

/* Landscape phones and portrait tablets: (iPhone landscape / Kindle Fire Portrait) */
@media (max-width: 767px) {
	/*.displayTest {
		background-color:orange;
		padding:20px;
		color:black
	}*/

.pageHeader {
	margin: 25px 0px;	
}

.fp-carousel {
	padding-top: 175px;	
}
.fp-carousel .slideimage {
	/*display: none;*/
	position: absolute;
	bottom: auto;
	right: auto;
	max-width: 85%;
	height: auto;
}
.fp-carousel .content {
	margin-bottom: 25px;
	padding: 0px;
}
.fp-carousel .title {
	font-size: 30px;
	line-height: 40px;
	margin-top: 0px;
	padding: 0px;
}
.fp-carousel .title span {
	display: inline;
	font-size: 35px;
	line-height: 35px;
	padding: 0px;
}
.fp-carousel .desc {
	font-size: 16px;
	line-height: 20px;	
}
.fp-carousel .image {
	float: none;
	margin-bottom: 15px;	
}
.marquee-inner-wrapper {
	display: none;
}

.spotlight-image {
	display: none;	
}

.parallax {
	display: none;	
}

.site-nav {
	padding: 0px;	
}

.site-nav .navbar-nav > li {
	margin: 15px 0px;
	padding: 0px 10px;	
}
.site-nav .navbar-nav > li > a {
	border: none;
	padding: 5px 0px;
}
.site-nav .navbar-nav > li > a:hover, 
.site-nav .navbar-nav > li > a:focus {
	color: #fcc33a;	
}

.navbar-toggle {
	background-color: #3664AE;
	border: 2px solid #fcc33a !important;
	border-radius: 0px;
	width: 100%;
	margin: auto;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #fcc33a;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;	
}
.navbar-default .navbar-collapse {
	background-color: #3664AE;
}
.navbar-collapse {
	border: none;	
}

.editor {
	padding-bottom: 50px;	
}

.default .pageContent {
	background-color: #fff;	
}

.game-detail {
	padding: 8px 15px 50px 15px;	
}
.game-detail .category {
	padding: 25px 0px 0px 0px;	
}
.game-detail .gameSpecs {
	padding-top: 25px;
}
.status-flag {
	border-radius: 0px;
	position: relative;
	top: auto;
	right: auto;
	height: auto;
	width: auto;
	padding: 10px 5px;	
}
.status-flag > span {
	padding: 0px;	
}

figure.effect-sadie .wrapper {
	padding: 15px 15px;
	bottom: -4px;
	top: auto;
	height: auto;
}
figure.effect-sadie h3 {
	font-size: 15px;
	height: auto;
}
figure.effect-sadie p {
	display: none;	
}
figure.effect-sadie {
	display: none !important;	
}

.grid figure figcaption .wrapper {
	position: absolute;
	bottom: 0px;
}

.gallery_listing .details {
	border-radius: 10px;
	display: block;
	position: relative;	
	text-align: left;
}
.gallery_listing .details img {
	border-radius: 10px;
}
.gallery_listing .details a {
	display: block;	
}
.gallery_listing h3 {
	color: #fff;
	font-size: 16px;
	line-height: normal;
	margin: 0px;
	padding: 30px 15px 10px 15px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: -webkit-linear-gradient(top, rgba(54,99,167,0) 0%, rgba(54,99,167,1) 40%);
	background: linear-gradient(to bottom, rgba(54,99,167,0) 0%, rgba(54,99,167,1) 40%);
}

.hightlight-feature .status-flag {
	border-radius: 10px 0 0 0;
	position: absolute;
	top: auto;
	right: auto;
	left: auto;
	height: auto;
	width: auto;
	padding: 10px 15px;
	margin-bottom: 15px;
	box-shadow: none;
}
.hightlight-feature .overview {
	padding: 0px 5px 25px 5px;
}

.related-cs .category-desc {
	height: auto;
	padding: 0px;
}
.related-cs .category-image {
	display: none;
}

.solutions .item {
	margin-bottom: 15px;
	text-align: center;	
}
.solutions .item figure {
	height: auto;
	text-align: left;
}

.solutions .filters > ul {
	display: none;	
}
.solutions .filters-mobile {
	display: block;
}

.detail-container {
	text-align: center;	
}
.detail-container .detail-cta {
	margin: 50px;
}

.footer {
	text-align: center;	
}

.social {
	margin: 25px 0px;	
}

.copyright {
	line-height: normal;
	text-align: center;
}

}

/* Portrait phones and smaller devices (iPhone Portrait) */
@media (max-width: 480px) {
	/*.displayTest {
		background-color:gray;
		padding:20px;
		color:black
	}*/	
	
}
/* -------------------------------------------------- */