/*--- BEGIN MEDIA QUERY ---*/
@media only screen and (min-width: 240px) {
	#dl-menu {
		display: block;
	}
	nav {
		display: none;
	}
	.trickLogo {
		float: none;
		margin: auto auto 20px;
	}
	.responsivePadding {
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
	}
	.responsiveMarginTop {
		margin: 20px 0 0;
	}
	.responsiveMarginBottom {
		margin: 0 0 20px;
	}
	.responsiveMarginPortfolio {
		margin: 20px 0 0;
	}
	aside {
		margin: 20px auto;
		float: none;
		width: 102px;
	}
	.headerBanner {
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
		background: url("../img/bg/bg_home.jpg") center top no-repeat;
	}
		.headerBanner.about {
			background-size: cover;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			-ms-background-size: cover;
			background: url("../img/bg/bg_about.jpg") center top no-repeat;
		}
		.headerBanner.portfolio {
			background-size: cover;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			-ms-background-size: cover;
			background: url("../img/bg/bg_gaming_mobile.jpg") center top no-repeat;
		}
	.headerBanner .absolute {
		position: absolute;
		top: 33%;
		z-index: 50;
		left: 0;
		margin: 0;
		padding: 0 20px;
	}
	.headerBanner .absolute h1 {
		font-size: 60px;
		color: #fff;
		font-weight: 800;
		margin: 0 0 30px;
		line-height: 1;
	}
	.headerBanner .absolute h4 {
		font-size: 31px;
		color: #fff;
		margin: 0 0 40px;
		line-height: 1.1;
		font-weight: 300;
		text-align: left;
	}
	.responsiveInactive {
		display: none;
	}
	.responsiveActive {
		display: block;
	}
	.boxContact aside {
		margin: 0 0 30px;
	}
	.serviceTech {
		width: 100%;
	}
	.teamCEO p {
		font-size: 12px;
		line-height: 1.5;
		margin: 0 0 10px !important;
	}
	.subNav {
		margin: auto;
		overflow: hidden;
		display: inline-block;
	}
		.subNav li {
			list-style: none;
			float: left;
			background: #323232;
			border: 1px solid #5a5f98;
			transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
		}
			.subNav li:first-child {
				border-top-left-radius: 50px;
				border-bottom-left-radius: 50px;
			}
				.subNav li:first-child a {
					padding: 24px 30px 24px 44px;
				}
			.subNav li:last-child {
				border-top-right-radius: 50px;
				border-bottom-right-radius: 50px;
			}
				.subNav li:last-child a {
					padding: 24px 44px 24px 30px;
				}
			.subNav li.active {
				background: #5a5f98;
			}
				.subNav li.active a {
					color: #fff;
				}
		.subNav a {
			display: block;
			font-size: 15px;
			color: #5a5f98;
			font-weight: 300;
			text-align: center;
			line-height: 1;
			float: left;
		}
			.subNav li:hover {
				opacity: 0.25;
			}
			.subNav li.active:hover {
				opacity: 1;
			}
	.separadorPortfolio {
		height: 80px;
		float: left;
		clear: both;
		width: 100%;
	}
	.cracycart {
		background: url(../img/photo/img_crazycart.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 300px;
		margin: 100px 0 0;
	}
	.kitty {
		background: url(../img/photo/img_kitty.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 250px;
		margin: 100px 0 0;
	}
	.poker {
		background: url(../img/photo/img_poker.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 250px;
		margin: 100px 0 0;
	}
	.warheads {
		background: url(../img/photo/img_warheads.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 220px;
		margin: 100px 0 0;
	}
	.coindozer {
		background: url(../img/photo/img_coindozer.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 260px;
		margin: 100px 0 0;
	}
	.bestbuy {
		background: url(../img/photo/img_bestbuy.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 210px;
		margin: 100px 0 50px 0;
	}
	.dancefanatik {
		background: url(../img/photo/img_dancefanatik.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 310px;
		margin: 70px 0 50px 0;
	}
	.meegenius {
		background: url(../img/photo/img_meegenius.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 205px;
		margin: 130px 0 40px 0;
	}
	.rockspace {
		background: url(../img/photo/img_rockspace.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 221px;
		margin: 130px 0 60px 0;
	}
	.fodors {
		background: url(../img/photo/img_fodors.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 210px;
		margin: 100px 0 50px 0;
	}
	.boxContact {
		background: url(../img/bg/bg_contact_mobile.jpg) center top no-repeat #3e3e3e;
	}
	.teamCEO .right,
	.teamCEO .left {
		display: none;
	}
	.responsiveInfo {
		display: block;
		padding: 20px 0.9375rem;
	}
		.responsiveInfo p,
		.responsiveInfo strong {
			color: #fff;
		}
	.iconApple {
		clear: both;
	}
	.nav-up {
	    top: -172px;
	}
}
@media only screen and (max-width: 320px) {
}
@media only screen and (min-width: 348px) {
	.cracycart {
		background: url(../img/photo/img_crazycart.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 490px;
		margin: 100px 0 0;
	}
	.kitty {
		background: url(../img/photo/img_kitty.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 410px;
		margin: 100px 0 0;
	}
	.poker {
		background: url(../img/photo/img_poker.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 400px;
		margin: 100px 0 0;
	}
	.warheads {
		background: url(../img/photo/img_warheads.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 360px;
		margin: 100px 0 0;
	}
	.coindozer {
		background: url(../img/photo/img_coindozer.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 450px;
		margin: 100px 0 0;
	}
	.bestbuy {
		background: url(../img/photo/img_bestbuy.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 356px;
		margin: 100px 0 100px -0;
	}
	.dancefanatik {
		background: url(../img/photo/img_dancefanatik.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 561px;
		margin: 70px 0 100px 0;
	}
	.meegenius {
		background: url(../img/photo/img_meegenius.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 365px;
		margin: 130px 0 100px 0;
	}
	.rockspace {
		background: url(../img/photo/img_rockspace.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 361px;
		margin: 130px 0 100px 0;
	}
	.fodors {
		background: url(../img/photo/img_fodors.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 356px;
		margin: 100px 0 100px -0;
	}
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (min-width: 600px) {
	#dl-menu {
		display: none;
	}
	nav {
		display: block;
	}
	.bannerImg img {
		transform: scale(1.3);
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-o-transform: scale(1.3);
		-ms-transform: scale(1.3);
	}
	.serviceTech {
		width: 20%;
	}
}
@media only screen and (min-width: 768px) {
	.cracycart {
		background: url(../img/photo/img_crazycart.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 500px;
		margin: 100px 0 0;
	}
	.kitty {
		background: url(../img/photo/img_kitty.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 410px;
		margin: 100px 0 0;
	}
	.poker {
		background: url(../img/photo/img_poker.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 410px;
		margin: 100px 0 0;
	}
	.warheads {
		background: url(../img/photo/img_warheads.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 370px;
		margin: 100px 0 0;
	}
	.coindozer {
		background: url(../img/photo/img_coindozer.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 470px;
		margin: 100px 0 0;
	}
	.bestbuy {
		background: url(../img/photo/img_bestbuy.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 390px;
		margin: 100px 0 50px 0;
	}
	.dancefanatik {
		background: url(../img/photo/img_dancefanatik.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 600px;
		margin: 70px 0 50px 0;
	}
	.meegenius {
		background: url(../img/photo/img_meegenius.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 395px;
		margin: 130px 0 40px 0;
	}
	.rockspace {
		background: url(../img/photo/img_rockspace.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 395px;
		margin: 130px 0 60px 0;
	}
	.fodors {
		background: url(../img/photo/img_fodors.png) left top no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		height: 390px;
		margin: 100px 0 50px 0;
	}
	.boxContact {
		background: url(../img/bg/bg_contact.jpg) center bottom no-repeat;
	}
	.responsiveMarginPortfolio {
		margin: 0;
	}
	.nav-up {
	    top: -110px;
	}
}
@media only screen and (min-width: 1024px) {
	.boxContact {
		background: url(../img/bg/bg_contact.jpg) center bottom no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
	}
	#dl-menu {
		display: none;
	}
	nav {
		display: block;
	}
	.trickLogo {
		float: left;
		margin: auto;
	}
	.responsivePadding {
		padding-left: 0;
		padding-right: 0;
	}
	.responsiveMarginTop,
	.responsiveMarginBottom {
		margin: 0;
	}
	aside {
		float: right;
		width: initial;
		margin: 14px 0 0;
	}
	.headerBanner,
	.headerBanner.about,
	.headerBanner.portfolio {
		background: none;
	}
	.headerBanner .absolute {
		position: absolute;
		top: 33%;
		z-index: 50;
		left: 0;
		margin: 0;
		padding: 0 20px;
	}
	.headerBanner .absolute h1 {
		font-size: 60px;
		color: #fff;
		font-weight: 800;
		margin: 0 0 30px;
		line-height: 1;
	}
	.headerBanner .absolute h4 {
		font-size: 31px;
		color: #fff;
		margin: 0 0 40px;
		line-height: 1.1;
		font-weight: 300;
		text-align: left;
	}
	.responsiveInactive {
		display: block;
	}
	.responsiveActive {
		display: none;
	}
	.boxContact aside {
		margin: 0 0 300px;
		float: left;
	}
	.bannerImg img {
		transform: scale(2);
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-o-transform: scale(2);
		-ms-transform: scale(2);
	}
	.serviceTech {
		width: 20%;
	}
	.teamCEO p {
		font-size: 13px;
		line-height: 1.7;
		margin: 0 0 30px !important;
	}
	.subNav {
		margin: auto;
		overflow: hidden;
		display: inline-block;
	}
		.subNav li {
			list-style: none;
			float: left;
			background: #323232;
			border: 1px solid #5a5f98;
			transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
		}
			.subNav li:first-child {
				border-top-left-radius: 50px;
				border-bottom-left-radius: 50px;
			}
				.subNav li:first-child a {
					padding: 24px 40px 24px 54px;
				}
			.subNav li:last-child {
				border-top-right-radius: 50px;
				border-bottom-right-radius: 50px;
			}
				.subNav li:last-child a {
					padding: 24px 54px 24px 40px;
				}
			.subNav li.active {
				background: #5a5f98;
			}
				.subNav li.active a {
					color: #fff;
				}
		.subNav a {
			display: block;
			font-size: 20px;
			color: #5a5f98;
			font-weight: 300;
			text-align: center;
			line-height: 1;
			float: left;
		}
			.subNav li:hover {
				opacity: 0.25;
			}
			.subNav li.active:hover {
				opacity: 1;
			}
	.separadorPortfolio {
		height: 160px;
		float: left;
		clear: both;
		width: 100%;
	}
	.teamCEO .right,
	.teamCEO .left {
		display: block;
	}
	.responsiveInfo {
		display: none;
	}
	.iconApple {
		clear: none;
	}
}
@media only screen and (min-width: 1200px) {
	.bannerImg img {
		transform: scale(1.3);
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-o-transform: scale(1.3);
		-ms-transform: scale(1.3);
	}
	.cracycart {
		background: url(../img/photo/img_crazycart.png) left top no-repeat;
		width: 817px;
		height: 688px;
		margin: 10px 0 0 -100px;
	}
	.kitty {
		background: url(../img/photo/img_kitty.png) left top no-repeat;
		width: 770px;
		height: 550px;
		margin: 70px 0 100px -130px;
	}
	.poker {
		background: url(../img/photo/img_poker.png) left top no-repeat;
		width: 817px;
		height: 550px;
		margin: 70px 0 100px -130px;
	}
	.warheads {
		background: url(../img/photo/img_warheads.png) left top no-repeat;
		width: 833px;
		height: 523px;
		margin: 100px 0 100px -130px;
	}
	.coindozer {
		background: url(../img/photo/img_coindozer.png) left top no-repeat;
		width: 842px;
		height: 663px;
		margin: 60px 0 100px -150px;
	}
	.bestbuy {
		background: url(../img/photo/img_bestbuy.png) left top no-repeat;
		width: 842px;
		height: 537px;
		margin: 100px 0 100px -150px;
	}
	.dancefanatik {
		background: url(../img/photo/img_dancefanatik.png) left top no-repeat;
		width: 797px;
		height: 811px;
		margin: 70px 0 100px -120px;
	}
	.meegenius {
		background: url(../img/photo/img_meegenius.png) left top no-repeat;
		width: 806px;
		height: 525px;
		margin: 130px 0 100px -120px;
	}
	.rockspace {
		background: url(../img/photo/img_rockspace.png) left top no-repeat;
		width: 796px;
		height: 521px;
		margin: 130px 0 100px -120px;
	}
	.fodors {
		background: url(../img/photo/img_fodors.png) left top no-repeat;
		width: 866px;
		height: 521px;
		margin: 130px 0 100px -120px;
	}
	.headerBanner .absolute {
		position: absolute;
		top: 53%;
		z-index: 50;
		left: 50%;
		margin: -90px 0 0 -36.75rem;
	}
	.headerBanner .absolute h1 {
		font-size: 68px;
		color: #fff;
		font-weight: 800;
		margin: 0 0 30px;
		line-height: 1;
	}
	.headerBanner .absolute h4 {
		font-size: 31px;
		color: #fff;
		margin: 0 0 40px;
		line-height: 1.1;
		font-weight: 300;
		text-align: left;
	}
}
/*--- END MEDIA QUERY ---*/