html {
  scroll-behavior: smooth;
 }


body{ background: #000; font-family:helve,Tahoma, Geneva, sans-serif; color:#fff; position: relative;}

span,p,a{  text-decoration:none;  font-family: helve,Tahoma, Geneva, sans-serif; color:#000;}
a{cursor: pointer; }
h1{  font-size:40px; font-family:helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#000; }
h2{  font-size:37px; font-family:helve-bc,Tahoma, Geneva, sans-serif;text-transform:uppercase; color:#000; }
h3{  font-size:18px; font-family:helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#000; }
h4{  font-size:30px; font-family:helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#000;  }

a:hover{}



#sec1{ float: left; width:100%;  height: 1038px; background: url("../images/bg-sec1-2.png")bottom center no-repeat, url("../images/bg-sec1-1.jpg") top center no-repeat fixed; position: relative;}
img.mainlogo{ position:absolute; top:0px; left:0px;  z-index: 1;}
.sec1-inner{ margin:0px auto;  background: url("../images/pb-bg.png") top center no-repeat; width: 1280px; text-align: center; margin-top: 135px;}

.top-nav{ position:absolute; right:20px; top:15px;  z-index: 10; }
.top-nav ul{list-style: none;}
.top-nav ul li{ display: inline-block; margin-left: 20px;}
.top-nav ul li a{ color:#fff; font-size:15px; font-weight: bold; font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; }
.top-nav ul li a:hover{ color:#b39454;;}

.sp-txt h2{ font-weight: bold; font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; font-size: 77px; letter-spacing: 15px;  color: #fff; line-height: 0.4;    text-shadow: 4px 3px 0px #00000042; }


@font-face {
    font-family:helve-bc;
    src:url(../font/HelveticaNeueLTStd-BdCn.otf);
    font-weight:400;
}

@font-face {
    font-family:helve;
    src:url(../font/HelveticaNeueLTStd-Cn.otf);
    font-weight:200;
}

@font-face {
    font-family:helve-b;
    src:url(../font/HelveticaNeueLTStd-Roman.otf);
    font-weight:200;
}


button.whatsapp-fix{width:100px; height: 100px; position: fixed; bottom: 10px; right: 10px;  z-index: 9; background:url("../images/whatsapp-btn-id.png"); 
	background-size:100px; border: none; }
.pagewarp{ width: 1280px; margin:0px auto; position: relative;}


#sec2{ float:left; width:100%; background: url("../images/bg-sec2.jpg")top center no-repeat #fff;  padding: 550px 0 50px 0; position: relative;}
.sp-txt{ width: 100%; text-align: center;  position: absolute; bottom:0px; }


#sec2 img{ float: left; margin-right: 25px;}
#sec2 h1{  font-weight: bold; font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; font-size: 70px; letter-spacing: 25px;  color: #dbc67d;}
#sec2 h2{  font-weight: bold; font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; font-size: 70px; letter-spacing: 25px; color: #797979;}
#sec2 p{ color:#3d3d3d; font-size: 15px; line-height: 1.2;}
	 
.icn-sec2{ float:left; width: 400px; margin:0 80px 0 165px;}
.txt-sec2{ float:left; width: 500px;}

#sec-cat-nav{float:left; width:100%; background-image: linear-gradient(#343434, #000);  }
#sec-cat-nav ul{ list-style:none; position:relative;}
#sec-cat-nav h3{ font-weight: bold; font-family:helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; font-size: 44px;  color: #fff; float: right;   margin: 149px 10px 0 0;   letter-spacing: 8px;   text-shadow: 4px 3px 0px #00000042;}
#sec-cat-nav ul a{  display: block; cursor: pointer;}
#sec-cat-nav ul li{ height: 198px; width:25%; width: calc(25% - 1px); float: left; border-left: 1px solid #62605c; display: block;}
#sec-cat-nav ul li:last-child{  border-right: 1px solid #62605c; width: calc(25% - 2px);}
#sec-cat-nav ul li.oral{ background: url("../images/menu1-bg.png")top right no-repeat;}
#sec-cat-nav ul li.sarm{ background: url("../images/menu2-bg.png")top right no-repeat ;}
#sec-cat-nav ul li.injection{ background: url("../images/menu3-bg.png")top right no-repeat;}
#sec-cat-nav ul li.peptide{ background: url("../images/menu4-bg.png")top right no-repeat;}



#sec3{ float:left; width:100%; border-top: 20px solid #caaf76; background: url("../images/bg-sec3-2.png")bottom center no-repeat, url("../images/bg-sec3.jpg") top center no-repeat; }

.sec3-left{ float:left; width:400px; margin:150px 100px 0 100px; }
.sec3-right{ float:left; height: 100%;  }
.sec3-right img{vertical-align: bottom;}
#sec3 h1{  font-weight: bold; font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; font-size: 70px; letter-spacing: 25px;  color: #dbc67d;}
#sec3 h2{  font-weight: bold; font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; font-size: 70px; letter-spacing: 25px; color: #fff;}
#sec3 p{ color:#fff; font-size: 15px; line-height: 1.2; margin-top: 50px;}


#sec4{ float:left; width:100%;  background: url("../images/bg-sec4.jpg") top repeat-x #84623f; border-bottom: 6px solid #000;  color:#000; padding: 170px 0; }
.sec4-left{ float:left; width: 50%;   text-align: center;}
.sec4-right{ float:left; width: auto; margin-left: 85px; margin-top:50px;}
.sec4-right img{float:left; margin-right: 40px;}
.sec4-right h1{ font-weight: bold; font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; font-size: 58px; letter-spacing: 25px; color: #000; margin-bottom: 40px;}
.sec4-right p{ width: 350px;   float: left;}

#footer{ float:left; width:100%; background:#000; color:#d9d3c8; text-align: center; padding: 30px 0;  border-top:5px solid #906e48;}


ul.sub-menu{position: absolute; text-align: left; margin-top:12px; display: none;}
ul.sub-menu li{display:block; margin: 0 0 8px 0;}
.top-nav ul.sub-menu li a{ font-size: 12px; padding-top: 8px;}
.top-nav ul.sub-menu li a:hover{ background: none;}















/*------------------- authentic page -----------------------*/


#main-sec-authenticpage{ float: left; width:100%;  min-height: 800px; background: url("../images/bg-checkcode.png")bottom center no-repeat, url("../images/bg-sec1-1.jpg") top center no-repeat; position: relative;}

.authenpage-head-txt{ text-align: center; margin:200px 0 20px 0;}
.authenpage-head-txt h2{  font-size:37px; font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#bea260; font-weight: bold;  }
.authenpage-head-txt h1{  font-size:88px; font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#fff; font-weight: bold;}

.authenpage-top{  width: 310px; margin:0px auto;}
.authenpage-top p{color:#fff; font-size: 15px; line-height: 1.2;}
.authenpage-bottom{}

table.checkcode-table{   margin: 0px auto;  margin-top: 30px;}

table.checkcode-table tr{  height: 33px;}
table.checkcode-table tr td.txt-table-checkcode{ width:50px; text-align: right; padding-right: 10px;}
table.checkcode-table tr td.input-table-checkcode input{ width:100%;}
table.checkcode-table tr td.input-table-checkcode{ width:200px;}
button#submit-checkcode{background-image: linear-gradient(#ddca82, #875a23); width: 125px; color:#000; padding: 5px 0; border: none; cursor: pointer; font-weight: bold; text-transform: uppercase;}





.authenpage-bottom{width: 500px; margin:0px auto; margin-top:100px;}
.authenpage-bottom h3{margin-bottom: 10px; color:#fff;}
.authenpage-bottom p{color:#fff; font-size: 14px; line-height: 1.25;}
.authenpage-bottom img{float:left; margin-right: 20px;}

.minor-sec-authenpage{ width:100%; float: left; background:#fff; border-top:10px solid #ddca82; padding: 50px 0;}
.authenpage-minor-inner{width: 500px; margin:0px auto;}
.authenpage-minor-inner img{float:left; margin-right: 20px;}
.authenpage-minor-inner h3{margin-bottom: 10px;}







/*------------------- product list page -----------------------*/
/*
#main-sec-productlist-page{ float: left; width:100%;  min-height: 300px; background: url("../images/bg-checkcode.png")bottom center no-repeat, url("../images/bg-sec1-1.jpg") top center no-repeat; position: relative;}
.headcat-productlist{ text-align: left; padding: 200px 0 50px; }
.headcat-productlist h2{  font-size:75px; font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#bea260; font-weight: bold;}
.headcat-productlist h1{ font-size:88px; font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#fff; font-weight: bold; letter-spacing: 18px;}

.product-show{ width:100%; float: left; background:#fff; border-top:10px solid #ddca82; padding: 50px 0;}

.product-box{ float: left; width: calc(50% - 10px); margin:20px 5px 50px 5px; height: 350px }
.product-thump{ float: left; margin: 0 50px 0 0;}
.product-info{ float: left; width:300px;} 
.product-info h1{ clear: both; font-size:26px;  font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#bea260; font-weight: bold; letter-spacing: 5px;  margin-bottom: 12px;}
.product-info h2{  display: none; font-size:17px;  font-family:helve,Tahoma, Geneva, sans-serif; text-transform:none!important; color:#000; font-style: italic; margin-bottom: 12px; letter-spacing: 2px; }
.product-info p{ height: 90px;   margin-bottom: 10px; }

table.product-star{}
table.product-star tr{}
table.product-star tr td{ color:#000;}
table.product-star tr td.star-topic{ width:90px;}
table.product-star tr td.star-level{ vertical-align: baseline;}
table.product-star tr td.star-level img{ float: left; margin-right: 2px;}

table.inform{ margin-top: 20px;}
table.inform tr td{ color:#000; height: 22px;}
table.inform tr td.inform-topic{  width:120px;}
table.inform tr td.inform-detail{}
*/


/*------------------- product list page new -----------------------*/

#main-sec-productlist-page{ float: left; width:100%;  min-height: 300px; background: url("../images/bg-checkcode.png")bottom center no-repeat, url("../images/bg-sec1-1.jpg") top center no-repeat; position: relative;}
.headcat-productlist{ text-align: left; padding: 200px 0 50px; }
.headcat-productlist h2{  font-size:75px; font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#bea260; font-weight: bold;}
.headcat-productlist h1{ font-size:88px; font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#fff; font-weight: bold; letter-spacing: 18px;}

.product-show{ width:100%; float: left; background:#fff; border-top:10px solid #ddca82; padding: 50px 0 100px 0;}

.product-box{ float: left;  height: 350px;  width: 21%;     margin: 0 2%;    padding: 50px 0; }

h1.oral-h1{ font-size: 40px;   font-family: helve-bc,Tahoma, Geneva, sans-serif;   text-transform: uppercase;  color: #000; margin-top: 20px;}

h1.sarm-h1{ font-size: 38px;   font-family: helve-bc,Tahoma, Geneva, sans-serif;   text-transform: uppercase;  color: #000; margin-top: 20px;}
h1.peptide-h1{ font-size: 38px;   font-family: helve-bc,Tahoma, Geneva, sans-serif;   text-transform: uppercase;  color: #000; margin-top: 20px;}
h1.inj-h1{ font-size: 38px;   font-family: helve-bc,Tahoma, Geneva, sans-serif;   text-transform: uppercase;  color: #000; margin-top: 20px;}

h2.pp{ color:#bd1d1d; font-size: 24px;}


/*-------------------------Res Nav----------------------*/

/*
.res-nav{ float: left; width:100%;  box-shadow: 0px 5px 5px #0000004a; position:relative; display:none;}

.res-nav ul.mainresnav{list-style: none;}


.res-nav ul.mainresnav li{ background: url("../images/res-top-nav-bg.jpg")top repeat-x; height: 47px; display: inline-block; color:#000;  width: calc(25% - 26px); float: left; border-right: 1px solid #000; line-height: 1.1; padding: 17px 0 0 25px;  font-size: 17px;
 text-transform: uppercase; font-weight: bold;

}
.res-nav ul.mainresnav li:last-child{ border:none;}
.res-nav ul.mainresnav li a{display: block; width: 100%; height: 100%; cursor: pointer;}

ul.sub-menu-res{display:none; width: 100%; position: absolute; z-index: 11; top: 67px; left:0px;}
ul.sub-menu-res li{ float:left; width:100%!important; height: 30px!important; background:url("../images/res-submenu-bg-b.png")!important; border-bottom:1px solid #ffffffa8!important; border-right: none;  }
ul.sub-menu-res li a{ display: block; width: 100%; height: 100%; cursor: pointer; color:#fff!important;}

*/

.res-nav{ float: left; width:100%; border-bottom: 10px solid #bea260;  box-shadow: 0px 5px 5px #0000004a; position:relative; display:none;}

.res-nav ul.mainresnav{list-style: none; float: left; width:100%;}
.res-nav ul.mainresnav li{ }
li.logo-li-nav{ float: left; width:70%; padding:10px 0 0 0;}
li.btn-li-nav{ float: right; with:50px; padding:10px 0 0 0;}

img.logo-onresponsive{ max-width: 325px; height: auto;;}
img.icn-openmenu-res{ max-width: 125px; height: auto;}

/*resnav menu open step1*/
ul.menuresponsive{ width:100%; float: left; list-style: none;}
ul.menuresponsive li{width: 90%; text-align: left; padding:19px 5% 8px 5%; background:#aa965f; border-bottom: 1px solid #2d2510; float: left;} 
ul.menuresponsive li:first-child{padding-top: 20px;}
ul.menuresponsive li:last-child{border-bottom: none;}
ul.menuresponsive li a{width:100%; display: block; cursor: pointer; font-size:22px;}

/*resnav menu open step2*/
ul.menuresponsive-sub-menu{ width:100%; float: left; list-style: none;}
ul.menuresponsive-sub-menu li{width:100%; padding: 18px 0 8px 0; border-bottom: 1px solid #2d2510;}
ul.menuresponsive-sub-menu li a{width:100%; display: block; cursor: pointer; font-size:22px; margin-left: 34px;}





/*---------------popup checkcode---------------------*/
img.result-icon {   width: 100px !important;  margin-bottom: 10px; }





/*-----------gym ware----------------*/

#gymware{ float:left; width: 100%; background:url("../images/gym-ware-bg.jpg") center bottom no-repeat #fff;  border-top:5px solid #fff; border-bottom: 1px solid #fff; position: relative; padding-top: 150px;}
img.gymware-model{ float: left;}
.gymware-content{ float: left; width:500px; margin-left: 58px;}
.gymware-content h1{  font-size:125px; font-family:helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#000;  line-height: 0.8;  margin-top: 100px; margin-bottom: 40px;}
.gymware-info-box {clear: both; color:#000;}
.gymware-info-box img{float: left; margin-right: 20px; box-shadow: 2px 2px 2px #0000002e;}

.gymware-info-box h2{ font-family:helve-b,Tahoma, Geneva, sans-serif; text-transform:uppercase; font-size: 20px; letter-spacing: 10px; margin:10px 0 20px;}
.gymware-info-box ul{ margin-bottom: 23px; }
.gymware-info-box ul li{ margin-bottom: 2px;  list-style: circle inside; }
.gymware-info-box h4{ font-family:helve,Tahoma, Geneva, sans-serif; text-transform:uppercase; font-size: 20px; font-style:italic; color:#ac8600;}

.gymware-content button{color: #fff;  background: #000;  border: none;  font-size: 15px;  padding: 7px 30px;  margin-top: 50px;}
br.breakline-gymware{display: none;}



.productgym-box{width: calc(50% - 20px); padding: 30px 10px; float: left; }
img.productgym-img{width:100%;}

.productgym-img-box{ width: 250px; float: left;}
.productgym-box-info{ float: left;   margin: 50px 0 0 25px;}
.productgym-box-info h1{ color: #000; font-size: 28px; margin-bottom: 10px; }
.productgym-box-info h2{ color: #bea260; font-size: 20px;   font-family: helve,Tahoma, Geneva, sans-serif;   font-style: italic;   margin-top: 16px; }
.productgym-box-info ul{  }
.productgym-box-info ul li{ color: #000; list-style: disc inside; }



.innerpagewarp{ width: 90%; margin: 0 5%;}


@media screen and (max-width: 1800px) {
	
}
@media screen and (max-width: 1700px) {

	
}


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

@media screen and (max-width: 1400px) {
	
}
@media screen and (max-width: 1280px) {
	.pagewarp{ width:100%;}
	.sec1-inner { width:100%;}
	
	.icn-sec2{width: 35%;   margin: 0 0 0 100px;;}
	
	
	.sec3-left{width:30%; margin:150px 5% 0 ;}
	#sec-cat-nav h3{ letter-spacing: 4px;}
	
	
	.sec4-right-detail-inner{clear: both; margin-top: 30px;}
	/*#sec-cat-nav  , #sec2, #sec3{display: none;} */
	
	/*----------- product list page --------------*/
	
	.headcat-productlist{text-align: center;}
	
	
	img.product-thump{ width:100%;}
	h1.peptide-h1{font-size: 33px;}
	h1.inj-h1{font-size: 33px;}
	.product-box{height: 280px;}
	
	
	
	/*--------- gymware ----------*/
	img.gymware-model {  float: left;  position: absolute;  right: -78px;  top: -55px; }
	#gymware{overflow: hidden; padding: 100px 0 63px 0;}
}

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

}

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


@media screen and (max-width: 1024px) {
	  .icn-sec2 {    width: 40%;    margin: 0 0 0 5%;  }
	.txt-sec2 {  float: left;  width: 50%;}
	.sec4-left img{ width:80%;}
	.sec4-right{width:auto; margin-left:10px ;}
	#sec-cat-nav h3{ font-size:34px;}
	
	/*----------- product list page --------------*/
	
}


@media screen and (max-width: 1000px) { 
	.sec3-right {   float: right;  height: auto;  width: 55%; }
	.sec3-right img{width:100%;}
	
	
	
	
	.productgym-box-info{clear: both;}
	.productgym-box {  width: calc(50% - 10%);  padding: 30px 5%;}
	
}

@media screen and (max-width: 950px){ 
	.sec1-inner{width:100%; overflow: hidden;}
	img.model-inner-sec1{ width:110%; margin-left: -5%;}
	.sec4-left{ width:40%;}
	.sec4-right h1{ font-size: 60px;   letter-spacing: 21px;}
	#sec4{padding: 100px 0 150px;}
	
	
	
	.gymware-info-box h2{letter-spacing: 2px;}
	img.gymware-model { right: -211px;   }
	
	br.breakline-gymware{display: block;}
	
	/*----------- product list page --------------*/

	h1.oral-h1{font-size: 33px;}
	h1.sarm-h1{font-size: 33px;}
	h1.peptide-h1{font-size: 28px;}
	h1.inj-h1{font-size: 28px;}
	.product-box{padding: 20px 0 50px;}
}	


@media screen and (max-width: 850px)/*flip mobile samsung view*/ { 
	.txt-sec2{ margin-top:150px;}
	#sec2 h1{float: left; margin-top: 20px; clear: both;}
	  #sec-cat-nav h3 {  font-size: 28px;   margin-top: 164px;  }
	.sec3-right img{margin-top: 67px; width:129%;}
	#sec3{overflow: hidden;}
}	




@media screen and (max-width: 750px) /*flip mobile view*/ { 
	#sec2{padding-top:430px;}
	h1.dott-line{display: none;}
	.sec1-inner{ background-size: 150%;}
	
	
	.sec4-left{width:100%; margin-bottom: 20px;}
	.sec4-right{float: none;     margin: 0px auto;    width: 60%;}
	
	.top-nav ul li a{font-size:13px;}
	
	/*checkcode-page*/
	
	.authenpage-head-txt h1{ font-size:70px;}
	
	/*----------- product list page --------------*/

	.headcat-productlist h1.longtxt{font-size: 70px; letter-spacing: 12px;}
	
		h1.oral-h1{font-size: 28px;}
	h1.sarm-h1{font-size: 28px;}
	h1.peptide-h1{font-size: 23px;}
	h1.inj-h1{font-size: 23px;}
	.product-box{padding: 20px 0 50px; height: 230px;}
	
	
	
}


@media screen and (max-width: 600px){
	.top-nav ul li{margin-left: 12px;}
	 .top-nav ul li a {    font-size: 12px;  }
}




@media screen and (max-width: 550px){
		.res-nav{display: block;}
	.mainlogo , .top-nav{display: none;}
	button.whatsapp-fix{width:50px; height: 50px; background-size: 50px;}
}



@media screen and (max-width: 500px){
	.authenpage-bottom , .authenpage-minor-inner{width:90%; padding: 0 5%;}
	.authenpage-head-txt h1 {    font-size: 59px; }
	
	.authenpage-head-txt{margin-top:150px;}
	.headcat-productlist h1.longtxt{font-size: 53px; letter-spacing: 10px;}
	.sec4-right p{width:100%;}
	
	.productgym-box{
		width:70%;
		margin-left: 15%;
		margin-right: 5%;
		
		
	}
	
	
	

	
	/*----------- product list page --------------*/
	
	.headcat-productlist h1.longtxt{font-size: 60px;}
	.product-box{width: 43%;  height: 280px;}
	
	h1.oral-h1{font-size: 30px;}
	h1.sarm-h1{font-size: 30px;}
	h1.peptide-h1{font-size: 28px;}
	h1.inj-h1{font-size: 34px;}
	
	
	
	
}


@media screen and (max-width: 450px){
	
	#sec1{ height: 850px;}
	
	  img.model-inner-sec1 {    width: 181%;    margin-left: -27%;  }
	.sec1-inner{margin-top:41px; background: url("../images/pb-res-index-sec1-bg.png") top center no-repeat; background-size: 100%; height: 100%;}
	.sp-txt h2{font-size: 35px;     letter-spacing: 6px;}
	#sec2{  background-size: 170%; padding-top: 355px;}
	.icn-sec2{width:90%; overflow: hidden;}
	#sec2 h1{clear: none;}
	h1.dott-line{ display: block; float: none!important;   margin: 0px auto!important;}
	.txt-sec2{width: 90%;     margin: 38px 5%;}
	#sec-cat-nav ul li{ width: calc(50% - 2px)!important; border-bottom: 1px solid #62605c;}
	
	
	
	.sec3-left{width: 90%; margin: 100px 5% 0;}
	#sec3 pP{margin-top:29px;}
	.sec3-right{width: 92%; float: left;  height: 580px;}
	  .sec3-right img {    margin-top: 22px;    width: 129%;    margin-left: -34%;  }
	
	.sec4-right{width: 75%;}
	  .sec4-right h1 {    font-size: 40px;    letter-spacing: 18px;  }
	.sec4-right img { float: none; margin-right: 40px;  margin-bottom: 35px; }
	
	
	/*----------- product list page --------------*/
	
	.headcat-productlist{padding: 110px 0 50px;}
	.headcat-productlist h1.longtxt{font-size: 49px; letter-spacing: 4px;}

	
	
	
	/*-------------- Gym ware ----------------*/
	
	
	  #gymware {    padding: 0 0 63px 0;    height: 1138px; background-size:  auto 100%;  }
	 /* img.gymware-model{right: auto;   top: auto; bottom: -1292px;   left: 33px;}*/
	 img.gymware-model{right: auto;   top: auto; bottom: -1304px;    left: -71px;}
	.gymware-content {   float: left;  width: 90%;  margin-left: 10%;}
	.gymware-info-box img{width: 150px;}
	
	
	
	
	
	/* responsive menu */
	img.logo-onresponsive{ max-width: 300px; height: auto;;}
img.icn-openmenu-res{ max-width: 100px; height: auto;}

	
	
}



@media screen and (max-width: 400px) {	
	#sec1{ height: 750px;}
	#sec2 h1, #sec2 h2{ font-size:63px;}
	.authenpage-head-txt h1 {    font-size: 52px;}	
	
	
	
		/*----------- product list page --------------*/
	
	.headcat-productlist h1.longtxt{font-size: 48px;}
	.product-box{width: 43%;  height: 260px;}
	
	h1.oral-h1{font-size: 28px;}
	h1.sarm-h1{font-size: 28px;}
	h1.peptide-h1{font-size: 26px;}
	h1.inj-h1{font-size: 28px;}
	
	
	
	
	/* responsive menu */
	img.logo-onresponsive{ max-width: 280px; height: auto;;}
img.icn-openmenu-res{ max-width: 80px; height: auto;}

	
	
	
}