@charset "utf-8";
/* CSS Document */

@media only screen and (max-width : 1366px){
	
	.product{height: 390px; width: 400px;}
	
	#innercontent{width: 950px;}
	
	.caption{margin-top: 323px;height: 77px;width: 400px;font-size: 22px;}
	
	.innercaption{height: 190px;padding-top: 200px; width: 400px;font-size: 12px;font-style: normal;line-height: 30px;}

	.product:hover > .innercaption{height: 230px;padding-top: 160px;}

	.logo{height: auto;	width: auto; padding: 40px 0 0 5%;}
	
	.logo > img{width: 220px;}
	
	#header {height: 50px;}
	
	#Navigation{height: 40px;width: 80%;padding-top:10px;}
	
	ul.egmenu a{line-height: 34px; }
	
	.Social_icons{margin: 0px 10px 0px 10px;padding: 0px 10px 0px 0px;top:right: 0px;top:15px;}
	
	.banners{margin: auto;padding:50px 0 0 0;height: auto;width: 100%;overflow:hidden;background-color:#010101;}

		
}

@media only screen and (max-width : 1180px){
		
	.logo{height: auto;	width: auto; padding: 30px 0 0 3%;}
	
	.logo > img{width: 200px;}
	
	#header {height: 50px;}
	
	#Navigation{height: 40px;width: 80%;padding-top:10px;}
	
	.Social_icons{margin: 0px 10px 0px 10px;padding: 0px 10px 0px 0px;top:right: 0px;}
		
}

@media only screen and (max-width : 1024px){
	
	.product{height: 340px; width: 350px;}
	
	#innercontent{width: 850px;}
	
	.caption{margin-top: 273px;height: 77px;width: 350px;font-size: 22px;}
	
	.innercaption{height: 140px;padding-top: 200px; width: 350px;font-size: 12px;font-style: normal;line-height: 20px;}

	.product:hover > .innercaption{height: 180px;padding-top: 160px;}
	
	h1{font-size: 70px;text-align: right;margin-top: 450px;margin-left: 0px;margin-right: 100px;transform: translateX(-250px);}
	
	h2{font-size: 30px;text-align: right;transform: translateX(250px);}
	
	h3{font-size: 28px;text-align: center;margin-top: 85%;margin-left: 0%;line-height:28px;}
	
	h4{font-size: 14px;text-align: center;margin-top: 0%;margin-left: 0%;line-height:12px;}	
	
	#Navigation{width: 84%;}
	
	.Social_icons{margin: 0px 5px 0px 5px;padding: 0px 5px 0px 0px;right: 2%;}
	
	#bottomtext{margin:auto auto;padding-bottom:2%;padding-left:0%; width:100%;}
	
	#highlightwrapper {height:auto; width:850px;margin:auto auto;}
	

	.highlight{	width: 43%;	padding-top: 4%;padding-right: 0;padding-bottom: 0;	padding-left: 4%;}
		
}

@media only screen and (max-width : 900px){
	
	#Navigation{width: 100%;}
	
	.Social_icons{display:none;}
		
}

@media only screen and (max-width : 850px){
	
	
	#productInnerContent{width:90%;}
	
	.Social_icons{margin: 0px 5px 0px 5px;padding: 0px 10px 0px 0px;right: 2%;}	
	
	.product{height: 290px; width: 300px;}
	
	#innercontent{width: 800px;}
	
	.caption{margin-top: 223px;height: 77px;width: 300px;font-size: 22px;}
	
	.innercaption{width: 300px;font-size: 10px;font-style: normal;line-height: 16px;}

	.product:hover > .innercaption{height: 160px;padding-top: 130px;}
	
	.banners{height: auto;width: 100%;background-color:#000;}

	
	h3{font-size: 36px;text-align: center;margin-top: 5%;margin-left: 25%;line-height:36px;}
	
	h4{font-size: 18px;text-align: center;margin-top: 0%;margin-left: 25%;line-height:12px;}
	
	
	#hellfire_img{background-image: url(../_images/1_small.jpg);padding-top:117.6%;}

	#hellfireposter_img{background-image: url(../_images/2_small.jpg);padding-top:117.6%;}

	#testochargeposter_img{background-image: url(../_images/3_small.jpg);padding-top:117.6%;}

	#testup_img{background-image: url(../_images/4_small.jpg);padding-top:117.6%;}
	
	#notestposter_img{background-image: url(../_images/5_small.jpg);padding-top:117.6%;}
	
	#massgainerposter_img{background-image: url(../_images/6_small.jpg);padding-top:117.6%;}
	
	#nitromassposter_img{background-image: url(../_images/7_small.jpg);padding-top:117.6%;}
		
	#wheyposter_img{background-image: url(../_images/8_small.jpg);padding-top:117.6%;}
		
	#muscleproposter_img{background-image: url(../_images/9_small.jpg);padding-top:117.6%;}

	
	
	#highlightwrapper {height:auto; width:800px;margin:auto auto;}
	
	.highlight{	width: 39%;	padding-top: 4%;padding-right: 0;padding-bottom: 0;	padding-left: 5%;}
	
	
	.parallxBackground {padding-top:141.12%;background-image: url(../images/bg_mobile.jpg);}
	
    .parallxLayerShooter{width: 146.83%;height: 69.42%;background-image: url(../images/heros_mobile.png);left: -20%;bottom: 7%;-webkit-transform: translateZ(60px);
			transform: translateZ(60px);}
	
	.parallxLayerRStar{width:60%;height:18%;top:-10px;left: -10px;}
	
	.parallxLayerBlack{-webkit-transform:translateZ(120px);transform:translateZ(120px);}	
	
	#animation_container {top:3%;left:2%;}
	
		

}

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


	.logo{height: auto;	width: auto; padding: 30px 0 0 3%;}
	
	.logo > img{width: 175px;}

	#Navigation{padding-top:0px; height:50px;}

}



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

	.product{height: 390px; width: 400px;margin-left:0px;margin-top: 0px;margin-bottom: 50px;}
	
	#innercontent{width: 400px;padding-top:50px;height:auto;}
	
	#content{width: 100%;margin-left: auto;	margin-top: 0%;float: none;height:auto;}
	
	.caption{margin-top: 323px;height: 77px;width: 400px;font-size: 22px;}
	
	.innercaption{height: 190px;padding-top: 200px; width: 400px;font-size: 12px;font-style: normal;line-height: 30px;}

	.product:hover > .innercaption{height: 230px;padding-top: 160px;}
	
	
	#bottomtext{margin:auto auto;padding-bottom:50px;}
	
	#highlightwrapper {height:auto; width:400px;margin:auto auto;}
	
	.highlight{	width: 100%;padding-top: 50px; padding-left:0px;}
	
	
}


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


	.logo{height: auto;	width: auto; padding: 20px 0 0 3%;}
	
	.logo > img{width: 150px;}


}

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


	
	
	.logo > img{width: 120px;}

.product{height: 290px; width: 300px;}
	
#innercontent{width: 300px;}

#content{width: 100%;margin-left: auto;	margin-top: 0%;float: none;}
	
.caption{margin-top: 223px;height: 77px;width: 300px;font-size: 22px;}
	
.innercaption{height: 110px;padding-top: 180px; width: 300px;font-size: 10px;font-style: normal;line-height: 15px;}

.product:hover > .innercaption{height: 150px;padding-top: 140px;}


	#bottomtext{margin:auto auto;padding-bottom:0px; padding-top:0px;}
	
	#highlightwrapper {height:auto; width:300px;margin:auto auto;}
	
	.highlight{	width: 300px;padding-top: 0px; padding-left:0px;padding-bottom: 50px;}


}













@media only screen and (max-width : 450px){
	
	
.image{width:100%;float:left;position:relative;text-align:center;}

#menu-trigger {margin: 0 0 0 0; }

ul.egmenu {margin: 0 0 0 0;}
	

}


@media only screen and (max-width : 400px){
	
	.logo{height: auto;	width: auto; padding: 5px 0 0 2%;}
	
	.logo > img{width: 100px;}
	

}

@media only screen and (max-width : 350px){
	
	
	
	
	.product{height: 190px; width: 200px;}
	
	#innercontent{width: 200px;}

	#content{width: 100%;margin-left: auto;	margin-top: 0%;float: none;}
	
	.caption{margin-top: 123px;height: 77px;width: 200px;font-size: 22px;}
	
	.innercaption{height: 90px;padding-top: 100px; width: 200px;font-size: 10px;font-style: normal;line-height: 15px;}

	.product:hover > .innercaption{height: 120px;padding-top: 70px;}
	
	#myproductsmall_img{height:auto; width:230px;}
	
	#myproductsmall_img > img{height:auto; width:220px;}
	
	#bottomtext{margin:auto auto;padding-bottom:0px; padding-top:0px;}
	
	#highlightwrapper {height:auto; width:200px;margin:auto auto;}
	
	.highlight{	width: 200px;padding-top: 0px; padding-left:0px;padding-bottom: 50px;}
			
	
}






@media only screen and (max-width : 640px){
	
	
	#maindiv{background-image: url(../_images/bg_small.jpg);}
	
	.product{margin-left:0%;}
	
	#company{margin-left:5%;width:80%; margin-bottom:0px; margin-top:0px; padding: 0 0 0 0;}
		
	#col_first{margin-left:5%;width:80%;margin-bottom:0px; margin-top:0px; padding: 20px 0 0 0;}
	
	#col_sec{margin-left:5%;width:80%; margin-bottom:0px; margin-top:0px; padding: 20px 0 20px 0;}
	
	#contact{padding: 10px 10px 0px 0px;height: 150px;width: 150px;}
		

}