@media (min-width: 649px) and (max-width: 980px){
	#root, .root{
  max-width: 980px;
  min-width: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#header {
  		background: #000 url(header-bg_rwd.jpg) no-repeat top center;
  		height: 1116px;
  }
	#header .somatodrol{
		width:100%;
		top:0;
		left:0;
		padding:14px 14px 6px 14px;
		box-sizing:border-box
   }
   #header h1{
   	max-width:74%;
   	margin-left:2%
   }
   #header .bodybuilder {
 	position: absolute;
  	top: 252px;
  	left: 20px;
  	width: 432px;
  	color: #fff
   }
   #header .button{
   		left:auto;
   		right:2%;
   		top:615px
   }
   #header h2{
   	top:693px;
   	width: 88%;
   	left:4%
   }
   #header .hgh{
   		width:88%;
   		left:4%;
   		top:810px
   }
   #niveis h1,#niveis .osingredientes{
   	width:88%;
   	margin-left:4%
   }
   #niveis .osingredientes{
   	font-size:1.1em;
   	max-width:64%
   }
   #niveis{
   	background-position: -630px 0;
   }
   #niveis h2 {
  font-size: 1.400em;
  line-height: 1em;
  font-family: 'Russo One', sans-serif;
  position: absolute;
  top: 318px;
  left: 45px;
  padding: 0;
  margin: 0;
   }
	#header .bodybuilder cite{
		padding-left:37px;
		width:75%;
	}
	#niveis .arginina-e-ornitin{
		right:auto;
		left:4%
	}
	#niveis .composto{
		right:auto;
		left:2%
	}
	#niveis .button{
		right:4%
	}
	#acompanhe h1,#acompanhe p{
		padding-left:4%;
	}
	#acompanhe h1{
		font-size: 1.925em;
	}
	#acompanhe .semana{
	width:30%;
	
	}
	#acompanhe .semana img{
	max-width:100%
	}
	#acompanhe .col{
		width:44%
	}
	#acompanhe .semana{
		margin-left:12%;
		margin-top:20%
	}
	#facaparte .bigger{
		width:94%
	}
	#facaparte .bigger img{
		max-width:100%
	}
	#facaparte .box:nth-child(3){
		width:40%;
		margin-left:4%
	}
	#facaparte .box:nth-child(4){
		width:40%;
		margin-left:4%
	}
	#facaparte .box:nth-child(5){
		width:96%;
		margin-left:4%
	}
	#kettlebell2 p{
		margin-left:4%;
		margin-top:38px
	}
	#garantia h1,#garantia h2{
		margin-left:4%
	}
	#garantia{
		background-position:-500px 0
	}
	#garantia p{
		margin-left:4%
	}
	#faq{
		width:94%;
		margin:0px auto
	}
	#pedido h1{
		font-size: 2.2em;
		padding-top: 111px
	}
	#facaparte h1{
		font-size: 1.45em
	}
	#garantia h3{
		left: 492px;
	}
	#pedido .form{
		margin-right:4%
	}
	#pedido .button{
		max-width: 74%;
		margin:0px auto;
		display:block;
		bottom:8px
	}
	#facaparte .button{
		margin:0px auto
	}
	
	#social h1 { font-size: 5em; }
	
	#social .smallboxes .leftcol { width: 100%; }
	#social .smallboxes .rightcol { width: 100%; margin-top: 1em;  }
	
	
}
@media (min-width: 649px) and (max-width: 719px){
	#acompanhe .col{
		width:100%
	}
	#acompanhe figure:nth-child(2){
		width:100%;
		text-align:center
	}
	#acompanhe figure img {
 		 display: block;
		 margin: 0px auto;
	}
	#acompanhe .semana13 figcaption{
		text-align:center;
		width:100%;
		left:auto
	}
	#footer .logo{
		display:block;
		margin: 0px auto;;
		padding-left:0
	}
}




@media (max-width: 648px) {
	#header {
  		background: #000 url(header-bg_rwd.jpg) no-repeat top center;
  }
	#root, .root{
  max-width: 980px;
  min-width: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
   #header .somatodrol{
		width:100%;
		top:0;
		left:0;
		padding:14px 14px 6px 14px;
		box-sizing:border-box
   }
   #header{
   	background-position: -194px 35px;
    background-size: 1023px;
    height: 1355px;
   }
   #header h1{
  		width: 96%;
 		left:4%;
 		font-size:1.6em;
 		max-width:90%
	}
   #header .bodybuilder{
   	  width: 96%;
   	  z-index:100
   }
   #header .bodybuilder cite{
   	padding-top:0;
   	width:90%;
   	margin:0 0 0 8%;
   	background:rgba(0,0,0,0.5)
   }
   #header .bodybuilder blockquote{
   	font-size:0.95em
   }
   #header .bodybuilder blockquote p:nth-child(2){
   	background:rgba(0,0,0,0.8)
   }
   /*
   #header:after{
  	  content: '';
  display: block;
  width: 100%;
  height: 209px;
  background: #000;
  position: absolute;
  top: 365px;
   }
   */
   #zx-lang.lang .hover-lang img{
   	  border: 1px solid #ccc!important;
   }
   #zx-lang.lang dl{
   	  left: -100px!important;
   	  background: #fff!important;
   }
   #zx-lang.lang {
  top: 21px !important;
   	z-index:101!important;
   	left:auto!important;
   	right:10px
	}
	#header .button{
		left:5%;
		width:90%;
	}
	#header h2{
		width:94%;
		left:4%
	}
	#header .button .bt-texting{
		width:80%
	}
	#header .button .bt-t{
		font-size:1.4em
	}
	#header h2{
		font-size:1.2em;
		text-align:center
	}
	#header h2:after{
		content:'';
		display:block;
		width:100%;
		height:170px;
		background:url(../images/facaparte-somatodrol.png) no-repeat center;
		position:absolute;
		top:90px
	}
	#header .bodybuilder blockquote:after{
		left:auto;
		right:20px;
	}
	#header .hgh{
		left:4%;
		width:94%;
		top: 761px;
		padding-right:0px;
	}
	#header .hgh p{
		font-size:1em;
	}
	#header .hgh li{
		font-size:1.1em
	}
	#header .hgh li:nth-child(2){
		margin-left:0
	}
	#niveis{
		background-size:1200px;
		background-position:-640px 452px;
		  height: 831px;
	}
	#niveis h1{
		font-size:1.4em;
		width:94%;
		margin:0px auto
	}
	#niveis .repeticao{
		top: 509px;
	}
	#niveis .button .bt-t{
		font-size:1.4em
	}
	#niveis .button .bt-texting{
		width:80%
	}
	#niveis .button{
		width:94%;
		left:4%;
		top: 745px;
	}
	#niveis .osingredientes{
		width:94%;
		margin:0px auto;
		font-size:1em
	}
	#niveis h2{
		left:4%;
		width:92%;
		top:310px
	}
	#niveis .arginina-e-ornitin{
		left:4%;
		width:92%
	}
	#niveis .composto{
		right:4%;
		width:92%;
		top:165px
	}
	#acompanhe h1{
		font-size: 1.125em;
		width:94%;
		margin:0px auto;
	}
	#acompanhe p{
		width:94%;
		margin:0px auto;
	}
	#acompanhe .semana{
		width:100%;
		float:none;
		margin:0;
		background:none;
		text-align:center
	}
	#acompanhe figure img{
		display:inline-block;
		max-width:100%
	}
	#acompanhe .semana figcaption{
		padding:0.8em 0
	}
	.top-fx{
		position:fixed!important;
		z-index:1000;
		/*background:#fff300!important;*/
		border-bottom:2px solid #000
	}
	#facaparte h1{
		font-size:1.2em
	}
	#facaparte .bigger{
		width:94%
	}
	#facaparte .bigger img{
		max-width:100%
	}
	#facaparte .box{
		width:94%;
		margin:0px auto;
		display:block;
		margin-right:auto
	}
	#facaparte .box:nth-child(3){
		margin-left:auto
	}
	#facaparte .box:nth-child(5){
		margin-right:auto
	}
	#facaparte .button{
		width:92%;
		margin:0 auto;
		padding-left:0;
		padding-top: 130px;
		background: url(../images/facaparte-somatodrol.png) no-repeat center;
	}
	#facaparte .button .bt-texting{
		width:80%
	}
	#facaparte .button .bt-t{
		font-size:1.4em
	}
	#facaparte img{
		max-width:100%
	}
	#kettlebell2 {
  		margin: 69px 0 50px
  	}
	#kettlebell2 h3{
		width: 100%;
		margin:0px auto;
		font-size:1em;
		right:auto;
		line-height:25px;
		top: -40px
	}
	#kettlebell2 figure{
		height: 340px;
		width:100%;
		float:none;
		max-width: 447px;
	}
	#kettlebell2 figure img{
		max-width:100%
	}
	#kettlebell2 p{
		float:none;
		margin: 0px auto;
		width:94%;
		max-width:510px
	}
	#garantia{
		background-position: -400px -200px;
		height:548px
 	}
	#garantia h1{
		font-size:2.8em;
		margin-left:4%
	}
	#garantia h2{
		font-size:2em;
		margin-left:4%;
		padding: 20px 0 0 0
	}
	#garantia p{
		margin-left: 4%;
	}
	#garantia .button .bt-texting{
		width:80%
	}
	#garantia .button .bt-t{
		font-size:1.4em
	}
	.link{
		display:inline-block;
		position:absolute;
		top:50%;
		right:5px;
		margin-top:-15px;
		color:#FFF300;
		font-size:0.9em;
		padding:5px;
		text-decoration:none;
		border-radius:6px;
		background: rgb(14,14,14);
  		background: -moz-linear-gradient(top, rgba(14,14,14,1) 1%, rgba(86,86,86,1) 99%);
  		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(14,14,14,1)), color-stop(99%,rgba(86,86,86,1)));
  		background: -webkit-linear-gradient(top, rgba(14,14,14,1) 1%,rgba(86,86,86,1) 99%);
  		background: -o-linear-gradient(top, rgba(14,14,14,1) 1%,rgba(86,86,86,1) 99%);
  		background: -ms-linear-gradient(top, rgba(14,14,14,1) 1%,rgba(86,86,86,1) 99%);
  		background: linear-gradient(to bottom, rgba(14,14,14,1) 1%,rgba(86,86,86,1) 99%);
  		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#565656',GradientType=0 );
		font-family: 'Alegreya SC', serif
	}
	#garantia h3{
		display:none
	}
	#garantia .button .bt-box{
		width:94%;
		margin:0px auto
	}
	#pedido{
		background-position:-990px 0
	}
	#pedido h1{
		font-size: 1em;
	}
	#pedido .form{
		width:94%;
		float:none;
		margin:1em auto
	}
	#pedido h3{
		font-size:3em
	}
	#fr-form .button{
		width:94%;
		margin:1em auto;
		display:block
	}
	#fr-form .entry{
		padding-bottom: 1em;
	}
	#footer .a-healwheel,#footer .logo{
		width:100%;
		padding-left:0;
		text-align:center
	}
	#footer .logo{
		margin:1em 0
	}
	#footer .security{
		width:100%
	}
	#faq h2{
		text-align:center;
		font-size: 1.4em;
	}
	#footer .a-healwheel{
		padding-right:0
	}
	#efekty,#wiek{
		-webkit-appearance:button;
		padding:10px!important
	}
	.select.w100{
		position:relative
	}
	.select.w100:before{
		content:'▼';
		display:block;
		width:12px;
		height:24px;
		color:#000;
		position:absolute;
		top:25px;
  		right: 25px;
 		z-index: 1000;
	}
	.entry .inline{
		
	}
	#faq dt{
		font-size:1em
	}
	#shadow{
		width:100%;
		min-width: 100%;
		max-width: 980px;
		margin:0px auto
	}
	#contact .title,#internal .logo{
		padding:0.9em 0.9em 0.6em 0.9em
	}
	#internal .logo{
		height:auto
	}
	#contact .entry {
  		width:100%;
  		margin:0px auto;
  		padding:0
	}
	#shadow.contact .contactHead{
		padding:1em 0;
		font-size:0.9em
	}
	#shadow.contact ul{
		  margin: 0;
		  padding:0
	}
	#shadow.contact ul li label{
		width:100%;
		padding: 3px 0
	}
	.capcha{
		margin:0em 0 1em 0 !important;
	}
	#shadow.contact ul li input, #shadow.contact ul li textarea{
		width:100%!important
	}
	#shadow.contact .formSubmit{
		margin:2em 0;
		width: 100%
	}
	#shadow.contact ul.media li{
		display:inline-block;
		float:none
	}
	#wspolpraca #internal{
		  background-position:0px 0;
		  background-size: 100%;
		  height: 158px;
	}
	#shadow.wspolpraca #contact .title h1{
		font-size:1em!important;
		width: 100%
	}
	#wspolpraca #contact .entry h3{
		font-size:1em;
		line-height:1.4em;
		width:70%;
		margin:0 auto;
		padding-top:40px;
		padding-bottom: 13px
	}
	#wspolpraca #contact .entry img{
		float:none;
		display:block;
	}
	#wspolpraca .entry p{
		width:90%;
		margin:0px auto;
		font-size:0.8em
	}
	#wspolpraca .backg{
		width:94%;
		margin:1em auto;
		font-size:1em
	}
	#wspolpraca #contact .entry .kol1{
		width:94%;
		margin:0px auto;
		float:none
	}
	#shadow.wspolpraca ul li input, #shadow.wspolpraca ul li textarea{
		width:100%!important
	}
	#shadow.wspolpraca ul li label{
		width:100%;
		padding: 0;
		margin:0.5em 0
	}
	#shadow.wspolpraca .kol1.lewo ul li{
		display:inline-block;
		width:100%
	}
	#shadow.wspolpraca ul{
		display:inline-block
	}
	#wspolpraca #contact .entry .kol2 ul li{
		  margin: 10px 0;
		  font-size:0.9em;
		  border-bottom:0
	}
	#shadow.wspolpraca .formSubmit input{
		width:100%;
	}
	.contactHead{
		font-size:0.8em;
		text-align:center
	}
	.ikony{
		display:none
	}
	.media li{
		margin-left: 5px!important;	
	}
	#header .bodybuilder blockquote p{
		max-width:325px
	}
	#acompanhe .col{
		float:none
	}
	.box figure{
		text-align:center
	}
	#acompanhe .semana13{
		float:none;
		text-align:center
	}
	 #header .hgh ul{
   		max-width:385px
   }
   
   	#social h1 { font-size: 4em; }
   	
   		#social .smallboxes .leftcol { width: 100%; font-size: 0.9em; }
	#social .smallboxes .rightcol { width: 100%; margin-top: 1em;  }	
	
	
	#social .button {  width: auto; height: auto;  margin: 0; font-size: 0.8em; display: inline-block; 	}
	#social .button a { margin: 0; font-size: 1.2em; padding-top: 0.5em; padding-bottom: 2.5em;  padding-left: 2em; padding-right: 2em; margin-top: 0.7em; margin-left: 2em; }
	#social .button a span { font-size: 1em;  }
   	
   
}
@media (max-width: 440px){
	#header h1 {
		font-size: 1.4em;
		max-width:300px
	}
	
	   	#social h1 { font-size: 3em; }
	
}
@media (max-width: 480px){
	 #header{
   	background-position: -231px 35px;
    background-size: 923px;
    height: 1355px;
   }
}
@media (max-width: 420px){
	 #header{
    background-size: 823px;
    height: 1255px;
   }
   
   		#social .button a { font-size: 0.9em;  }
	#social .button a span { font-size: 1em; line-height: 1;  }
   
}
@media (max-width: 384px){
	#kettlebell2 figure{
		max-height:325px
	}
	
	


	
}
@media (min-width: 376px) and (max-width:648px){
	#header .bodybuilder blockquote {
  		font-size: 0.95em;
	}
}
@media (max-width: 350px){
	#facaparte .button .bt-t {
  		font-size: 1.2em;
	}
}

@media (max-width: 330px){
	#kettlebell2 figure{
		max-height:255px
	}
	#social h1 { font-size: 2em; }
	
}
@media (max-width: 648px) {
   #header .bodybuilder blockquote{
   	font-size:0.95em
   }
}
@media (max-width: 370px) {
   #header .bodybuilder blockquote{
   	font-size:0.85em
   }
}