@import url(https://fonts.googleapis.com/css?family=Special+Elite|Keania+One);

*{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}

.main-wrapper{
  	max-width: 880px;
  }
  
/*********************************************************
*   Anything smaller than 400px
*********************************************************/  

/*********************************************************
*   Anything smaller than 600px
*********************************************************/  
@media (max-width: 600px) {

body{
	background: #ccc;
	overflow-x: hidden;
}
						/*********************************************************
						*   Some Generic styles
						*********************************************************/  
						.full-width{
								max-width: 100%;
								margin: 0;
								clear: both;
								float: none;
						}
						.half-width{
								width: 50%;
								margin: 0;
						}
			
						.left{
							float: left;
						}
			
						.right{
							float: right;
						}
						
						.sectional,
						.badge-section{
							width: 100%;
							margin: 1em -1em 0 -1em;
							padding: 1em;
						}
						/*********************************************************
						*   Oy, the photos are annoying. The overrides are all just here
						*********************************************************/  
							.main1 .photo3,
							.main1 .photo14,
							.main1 .photo15,
							.main3 .product-group-1,
							.main3 .product-group-2,
							.main3 .product-group-3{
								clear: both;
								float: none;
								display: block;
								margin: 0 auto;
							}
							.main1 .photo2{
								width: 70%;
								margin: 0 -1em 0 -1em;
															}
							
							.main1 .photo9{
							margin: -.5em 1em 0px -1em
							}
							
							.main1 .photo11{
								margin: 0 -1em 0 1em;
								width: 66%;
							}
							.main2 .photo17,
							.main2 .photo15{
								margin: 0 0 0 -1em;
							}
							.main3 .money-back-guarantee{
							margin: 1em 1em 1em 0;
							}
	/*********************************************************
	*   Black Backgrounds
	*********************************************************/  
	.main2 p.tricks, 
	.main2 h2.result	{width: 100%;
		text-align: center;
		margin: 0 auto;
		text-shadow: 0 0 5px black;
		-moz-border-radius: 25px 10px / 10px 25px;
		border-radius: 25px 10px / 10px 25px;
		font-size: 1.5em;
		line-height: 1.25em;
		padding: .25em;
		height: auto;
		border: 1px solid darkgray;
		background: black;}
/*********************************************************
	*   Yellow Backgrounds
	*********************************************************/  
	.main1 h2.listen,
	.main1 p.smile,
	.main1 p.seeking,
	.main3 p.down,
	.main3 .bonus1 h2, 
	.main3 .bonus2 h2, 
	.main3 .bonus3 h2,
	.main3 p.pps{width: 100%;
		text-align: center;
		margin: 0 auto;
		-moz-border-radius: 25px 10px / 10px 25px;
		border-radius: 25px 10px / 10px 25px;
		font-size: 1.5em;
		line-height: 1.25em;
		padding: .25em;
		height: auto;
		color: black;
		background: #FFF57D;}

	.header{
		padding: .5em 1em;
		height: 130px;
		
	}
	.header h1{
	clear: both;
	float: none;
	background-size: 100%;
	max-width: 100%;
	margin: 0;
	height: 70px;
			}
	.header h2{
		clear: both;
		float: none;
		text-align: center;
		padding: 0;
		display: block;
		font-size: 1.5em;
		margin-top: 0;
	}
	.header .divider {
		display: none;
		}

	.main-wrapper{
		clear: both;
		float: none;
		margin: 1em .5em 0 .5em;
		overflow: hidden;
	}
	.main{
		padding: 1em;
	}
	.main-wrapper .intro{
	padding: 1em;
}	

	.main-wrapper .intro p {
    font-size: .8em;
    line-height: 1.5em;
	 }
	.main-wrapper .intro h2 {
    font-size: 1.4em;
    padding: 0 1em;}
  
   .main p{
   	font-size: .8em;
   	line-height: 1.5em;
   	margin: 1em 0;
   } 
   
   .main p.serious,
      .main1 p.serious,
      .main2 p.serious{

				font-size: 1em;
			line-height: 1.25em;
   }
    .main h1,
    {
    	font-size: 1.8em;
    	line-height: 1.2em;
    	margin: 0;
    }
   .main h2{
			font-size: 1.4em;
			line-height: 1em;
		} 
  .main .intro-warning .warning-text{
  	background-size: 100%;
  	width: 120px;
  	height: 30px;
  	margin: -1px 0px -5px -6px
  }
    
	.main1 .intro-warning .highlight2 {
		width: 60px;
			}
			
	.main1 .intro-letter{
		width: 100%;
		background-size: 100%;
		margin: 0;
		padding: 1em 1em 0;
	}
	
	.main1 .intro-letter h2{
		font-size: 1.5em;
		line-height: 1.2em;
	}
	
	.main1 .intro-letter .arrow-left, .main1 .intro-letter .arrow-right {
		display: none;
	}
	.main1 h1{
		font-size: 2em;
		line-height: 1.25em;
	}
	.main1 h2.star{
		font-size: 1.2em;
		line-height: 1.2em;
		width: 100%;
		margin: 0 0 32px -47px;
		padding: 10px 0 4px 37px;
		}
	
	.main1 h2.open{
		font-size: 1.8em;
		text-align: right;
	}
	.main1 h2.open .line2{
		font-size: 1.5em;
	}
	.main1 p.good-girl{
		font-size: 1.5em;
		line-height: 1.25em;
	}
	
	.main .green-flag,
	.main2 .three-things .red-badge,
	.main3 .green-flag{
		margin: 0 -1em 0 -42px;
		background-repeat: no-repeat;
		background-size: 80%;
		height: 65px;
	}
	.main .green-flag img,
	.main .green-flag .number,
	.main2 .three-things .red-badge .number,
	.main3 .green-flag .number
	{
		height: 40px;
		width: 40px;
		font-size: 1.25em;
		line-height: 2em;
		margin: -.15em 0 0 0;
	}
								.main1 .photo12{
								margin: 0 -1em 0 .5em;
							}					
							/*-------------------SHORT FORM CHANGE----------------------*/
							.sfsl .main1 .photo12{
								clear: both;
								float: none;
								max-width: 100%;
								margin: 0;
								width: 100%;
															}
							/*----------------------------------------------------------*/


	.main1 h2.learn{
		float: none;
		margin: 0 0 1em 2.5em;
		font-size: 1.3em;
		line-height: 1.25em;
	}
	.main1 h2.who {
		font-size: 1.5em;
		line-height: 1.25em;
		}
		
	.main1 .photo6{
		margin: -.5em 1em -.5em -1em;
	}
	.main1 p.when,
	.sfsl .main2 p.when{
		margin: 0;
		max-width: 100%;
		background-size: 100%;
		font-size: 1em;
		background-repeat: no-repeat;
		
	}
	.main1 p.nightmare{
		margin-bottom: 23px;
		font-size: 1.5em;
		line-height: 1.25em;
		
		}
	.main1 .warning{
		background-size: 100% auto;
	}
	
	.main1 .warning h2{
		background-size: 100%;
margin: 2em auto 0 auto;
line-height: 1.5em;
font-size: 1.5em;
height: 2em;
max-width: 300px;
display: block;
background-size: 100%;
	}
	.main1 .warning p{
		margin: 1em 0;
		font-size: .8em;
		line-height: 1.25em;
	}
	
	.main1 .dirty h2{
		font-size: 1.5em;
		line-height: 1.25em;
	}
					/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main1 .dirty h2 strong{
						font-size: 1.75em;
						line-height: 1em;
							}
					/*----------------------------------------------------------*/
	.main1 .dirty p{
		font-size: .9em;
		line-height: 1.5em;
	}
	
	.main1 .dirty p:nth-child(3),
		.main1 .dirty p:nth-child(4),
			.main1 .dirty p:nth-child(5){
		width: 50%;
	}
	/*-------------------SHORT FORM CHANGE----------------------*/
	.sfsl .main1 .dirty p:nth-child(3),
		.sfsl .main1 .dirty p:nth-child(4),
			.sfsl .main1 .dirty p:nth-child(5){
		width: 100%;
	}
					/*----------------------------------------------------------*/

	/*-------------------SHORT FORM CHANGE----------------------*/
	.sfsl .main1 p.what{
		font-size: 2em;
		line-height: 1em;
			}
					/*----------------------------------------------------------*/
	
	.main1 p.empty{
		font-size: 1em;
		line-height: 1.25em;
	}
					/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main1 p.empty{
						font-size: 1.5em;
						line-height: 1em;
							}
					/*----------------------------------------------------------*/
	
	.main1 p.female{
		margin: 0;
		max-width: 100%;
		background-size: 100%;
		font-size: 1.5em;
		background-repeat: no-repeat;
		
		}

				
	
	.main1 p.asleep{
		font-size: 1em;
		line-height: 1.25em;
	}

	.main1 h2.three-things {
	font-size: 1em;
	line-height: 1.25em;
	text-align: left;
	}
	.main1 p.three-things{
		font-size: 1em;
		padding-top: 1em;
		margin: 0;
	}


	.main1 .choice {
		margin: 2em -1em;
		padding: 1em;
		background-size: 100%;
			}
			
		.main1 .choice h2{
			font-size: 1.4em;
			line-height: 1em;
		}
		
		.main2 .green-flag,
		.main3 .green-flag{
			margin: 0 -1em 0 -55px;
		}
	.main1 .choice .arrow{
		display: none;
	}
	.main1 h2.truth{
		line-height: 1.4em;
		margin-bottom: 1em;
	}
						/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main1  h2.mission{
						font-size: 1.75em;
						line-height: 1em;
							margin-bottom: 1em;
							}
						.sfsl .main1  h2.mission strong{
							background-size: 100%;
							}
					/*----------------------------------------------------------*/
						/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main1  p.months{
						font-size: 1em;
						line-height: 1em;
							}
					/*----------------------------------------------------------*/

	
	.main1 p.seeking{
		background-repeat: repeat-y;
		background-size: 100%;
		height: auto;
		max-width: 100%;
		padding: 0;
		margin: 0;
	}
		.main1 p.power strong{
			font-size: 1.2em;
			line-height: 1.2em;
		}
	
		
		
				
	
		
	.main2 h2.manual{
		background: none;
				font-size: 1.5em;
		line-height: 1.25em;
		clear: both;

	}
	.main2 h2.manual .highlight{
		margin: -8px 0 0;
		padding: 8px 0 0;
		text-align: left;
		background: url('../images/h2-manual-highlight.png') no-repeat 200px 0;
	}
		.main2 p .mind{
			font-size: 1em;
		}
						/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main2 p.mind{
						font-size: 1.75em;
						line-height: 1em;
							margin-bottom: 1em;
							}
							
						.sfsl .main2 p.looking{
							font-size: 2em;
						}
					/*----------------------------------------------------------*/
	
	.main2 h2.basked{
		margin: 1em -.75em;
		font-size: 1.5em;
		line-height: 1.5em;
		padding: 1em;
	}
	.main2 h2.anything{
			font-size: 1.5em;
		line-height: 1.25em;
	}
						/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main2 p.share{
							font-size: 1.5em;
						line-height: 1.25em;
							}
							
						.sfsl .main2 p.crazy{
						font-size: 1em;
						line-height: 1em;
						}
					/*----------------------------------------------------------*/
	
	
	.main2 .photo19{
		display: none;
		
	}
	
	.main2 h2.lod{
		font-size: 1.3em;
		margin: 0 0 0 -35px;
		background-size: 100% 100px;
		width: 100%;
		padding: .5em 1em 1em 1em;
		background-repeat: no-repeat;
		height: 100px;
	}
	
	.main2 h2.next{
		font-size: 1em;
		line-height: 1.5em;
		width: 240px;
		background-size: 100% 104px;
		height: 138px;
		padding: 1.25em;
		margin: 0;
		background-size: 240px 138px;
	}
	
	.main2 .dopamine-sidebar{
		clear: both;
		float: none;
		margin: 0 auto;
		max-width: 100%;
		padding: 1em;
		font-size: .9em;
			}
		.main2 .dopamine-sidebar h3{
			font-size: 1.25em;
			line-height: 1.25em;
			margin: 0;
			
		}			
						/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main2 p.reach{
							font-size: 2em;
						line-height: 1.25em;
							}
							
					/*----------------------------------------------------------*/
	
		.main2 .three-things{
			margin: 0 -1em 0 -1em;
			padding: 1em 1em 1em 1em;
		}
		.main2 .three-things h2{

			padding: 0;
			font-size: 1.2em;
		}
		
						/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main2 p.sample{
							font-size: 2em;
						line-height: 1.25em;
							}
							
					/*----------------------------------------------------------*/
		.main2 .three-things p{
			font-size: .9em;
			line-height: 1.25em;
			margin: 0 0 1em 0;
			padding: 0;
		}
	.main2 .techniques{
			margin: 0 -1em 0 -1em;
			padding: 0;
	}
						/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main2 .techniques .col-1,
					.sfsl .main2 .techniques .col-2{
						width: 100%;
						float: none;
						clear: both;
						padding: .25em;
					}
					
					.sfsl .techniques .technique{
						max-width: 100%;
													}
					.sfsl .techniques .technique h2{
					
						font-size: 1.5em;
						line-height: 1em;
						padding: 0;
						}
					.sfsl .techniques .technique p{
							padding: 1em 0;
						}							
					/*----------------------------------------------------------*/

	.main2 .techniques .badge-section{
				margin: 0;
				padding: 0;
				
			}
	.main2 .techniques .badge-section .badge{
		background-size: 80%;
		background-repeat: no-repeat;
	}
		.main2 .techniques h2{
		padding:1em;
		font-size: 1.4em;
		line-height: 1.25em;
		max-width: 100%;
		display: block;
		margin-right: -1em;
		}
		.main2 .techniques p{
			padding: 1em;
		}
		.main2 .techniques .badge-section h2{
		padding: .5em .5em 0 2em;
		margin-right: -1em;
		width: 100%;
		}
		.main2 .techniques .badge-section p{
			padding: 1em;
		}
				.main2 .techniques .badge-section.reverse h2{
		padding: 1em;
		margin: 0;
				width: 100%;
		}
		.main2 .techniques .badge-section.reverse p{
		padding: .5em .5em 0 4em;
		line-height: 1.25em;
		}

		.main2 .techniques .badge-section.reverse p.normal{
			padding: 1em;
		}

		.main2 .techniques p.warning{
			padding: 1em;
			font-size: .8em;
					}		
    .main2 .techniques p.warning .warning-text{
      position: initial;
      background: none;
      color: red;
      border-top: 2px solid red;
      border-bottom: 2px solid red;
      text-transform: uppercase;
      font-family: 'Special Elite', cursive;
      padding-top: .25em;
      text-indent: 0;
       }
						/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main2 .techniques p.warning .warning-text{
						color: yellow;
						border-top: 2px solid yellow;
						border-bottom: 2px solid yellow;
					}
					/*----------------------------------------------------------*/
       
  .main2 .techniques p.side-effect {
    text-align: left;
    padding: 1em; }
    
    .main2 .techniques p.barely{
    	font-size: 1.5em;
padding: 0 1em;
line-height: 1em;
margin-bottom: 1em;
    }
    
 
  .main2 .techniques .friend-warning-text {
    position: initial;
      background: none;
      color: yellow;
      border-top: 2px solid yellow;
      border-bottom: 2px solid yellow;
      text-transform: uppercase;
      font-family: 'Special Elite', cursive;
      display: block;
      text-indent: 0;
    }
						/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main2 .techniques .friend-warning-text{
						color: red;
						border-top: 2px solid red;
						border-bottom: 2px solid red;
					}
					/*----------------------------------------------------------*/
  
		.main2 p.more {
			max-width: 100%;
		background-size: 100% auto;
		background-repeat: no-repeat;
		margin: 1em 0 0 0;
		line-height: 1em;
  
  }
		

/* =============================================================================
   PSD #3
============================================================================= */
  .main3 .testimonial .testimonial-content {
    padding: .5em;}
    
    						/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main3 .testimonial.left .testimonial-content{
							margin: 0 0em 0 -49px;
							padding-left: 2em;
					}
					.sfsl .main3 .testimonial.right .testimonial-content{
							margin: 0 -49px 0 0em;
							padding-right: 2em;
					}
					/*----------------------------------------------------------*/

    .main3 .testimonial .testimonial-content h3 {
			font-size: 1em;
			color: #e92508;
			line-height: 1.25em;
			 }
    .main3 .testimonial .testimonial-content p {
      font-size: .75em;
      }
  .main3 .testimonial .testimonial-from {
			font-size: .9em;
			}
    						/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main3 h2.ok{
							font-size: 1.5em;
							line-height: 1.25em;
					}
					.sfsl .main3 p.heart{
							font-size: 1em;
							line-height: 1em;
					}
					/*----------------------------------------------------------*/

.main3 .happy-again-text {
  float: left;
  margin: 2em -1.5em 1em 0;
  width: 50%;
  }

	    						/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main3 p.want{
							font-size: 1.25em;
							line-height: 1.25em;
					}

	.main3 .photo22{
		max-width: 100%;
clear: both;
float: none;
margin: 0 auto;
display: block;
	}
	
	.main3 p.risk{
		font-size: 1em;
line-height: 1.25em;
background-size: 100%;
height: 3em;
margin: 0;
padding: .25em;
text-align: center;
background-repeat: no-repeat;
max-width: 100%;
	}
	.main3 .offer-intro{
		margin: 0 -1em;
	}
	    						/*-------------------SHORT FORM CHANGE----------------------*/
					.sfsl .main3 .offer-intro p.time,
					.sfsl .main3 p.astonishing,
					.sfsl .main3 .amazed,
					.sfsl .main3 .crossroads,
					.sfsl .main3 p.lives,
					.sfsl .main3 .p.know{
							font-size: 2em;
							line-height: 1.25em;
					}

	.main3 .offer-intro .special-offer{
		margin: 0 .5em 0 -.5em;
		width: 40%;
		max-width: 140px;
	}
.main3 .order-section .arrow-left, .main3 .order-section .arrow-right,
.main3 .order-section .arrow-left, .main3 .order-section .arrow-left{
	display: none;
}
	
	.main3 .order-section .order-button{
		max-width: 100%;
		background-size: 100%;
		background-repeat: no-repeat;
		height: 166px;
		max-width: 540px;
		width: 100%;
	}
	.main3 h2.how{
		font-size: 1.4em;
		line-height: 1.25em;
		
	}
	.main3 h3{
		font-size: 1.25em;
		line-height: 1.25em;
	}
	
	.main3 .money-back-guarantee{
		width: 40%;
		margin: 0 .5em 0 -.5em;
		max-width: 140px;
	}
	
	.main3 h2.presents{
		line-height: 1.25em;
	}
	

		.main3 .bonus1 img,
		.main3 .bonus2 img,
		.main3 .bonus3 img{
			clear: both;
			float: none;
			margin: 0 auto;
			max-width: 100%;
			display: block;
			
		}
		
		.main3 .bonus1 h2,
		.main3 .bonus2 h2,
		.main3 .bonus3 h2{
			margin: 0;
			display: block;
			text-align: center;
		}

		.main3 .bonus1 p,
		.main3 .bonus2 p,
		.main3 .bonus3 p{
			margin: 0;
		}
		
		.main3 p.final-price{
			margin: 0 auto;
			max-width: 100%;
			background-size: 100%;
			font-size: 2em;
			}
			
		.main3 .bonus-list li{
			font-size: 1.1em;
			line-height: 1.25em;
			margin-bottom: 1em;
			background-size: 1em;
			margin: 0 0 .5em 0;
			padding: 0 0 0 1.5em;
		}
		.main3 .option1,
		.main3 .option2{
			min-width: 100%;
			margin: 0 -1em 1em -1em;
		}
		
		.main3 .option1 h2,
		.main3 .option2 h2{
			font-size: 1.5em;
		}
		.main3 .option1 h2 span,
		.main3 .option2 h2 span{
			background-size: 100%;
			}

		.main3 .option1 p,
		.main3 .option2 p{
			margin-left: -1em;
			font-size: 1em;
			line-height: 1.5em;
			
		}
		.main3 .option1 .arrow{
			display: none;
		}
		.main3 .option2 .green-flag{
			margin: 0 -80px 0 0;
		}
		.main3 .option2 h2{
			}
		.main3 .option2 h2 span{
		
			margin: 0;
			}
			
		.main3 .product-group-4{
			clear: both;
			float: none;
			width: 100%;
			margin: 0;
		}
		.main3 p.bond,
		.main3 p.guarantee
		{
			margin: 0;
			font-size: 1em;
			line-height: 1.25em;
		}

		.main3 p.decisiveness{
			max-width: 100%;
			background-size: 100%;
			background-repeat: no-repeat;
			font-size: 1.2em;
		}
		
		.main3 p.pps{
			max-width: 100%;
			margin: 0;
			padding: 0;
			height: 100%;
			background-size: 100% 50%;
			
		}
		.main3 .listen{
			max-width: 100%;
			background-size: 100% 28px;
			background-repeat: no-repeat;
			padding-right: .5em;
		}
		.main3 p.order-link{
			font-size: 1em;
			line-height: 1.25em;
		}
		div#cbfoot p,
		div#footer-menu p{
			font-size: .6em;
			max-width: 100%;
			padding: 1em;

		}
		.sec5copy img{
			max-width: 100%!important;
			padding: .5em;
		}
}

      
/*********************************************************
*   Anything between 600px and 960px
*
*
*
*********************************************************/  
@media (min-width: 601px)  and (max-width: 959px) {
body{
	background: #ccc;
	overflow-x: hidden;
}
	/*--------All the things that should go to a max-width 100 and auto height:...*/
	.main1 .intro-letter,
	.main1 h2.star,
	.main1 h2.listen,
	.main1 p.seeking,
	.main2 p.tricks,
	.main2 h2.next,
	.main2 h2.result,
	.main3 p.down,
	.main3 p.pps{
    	max-width: 100%;
    	background-size: 100%;
    	height: auto;

    }
  	/*********************************************************
	*   Black Backgrounds
	*********************************************************/  
	.main2 p.tricks, 
	.main2 h2.result,
	.main2 .techniques p.time	{width: 100%;
		text-align: center;
		margin: 0 auto;
		text-shadow: 0 0 5px black;
		-moz-border-radius: 25px 10px / 10px 25px;
		border-radius: 25px 10px / 10px 25px;
		font-size: 1.5em;
		line-height: 1.25em;
		padding: .25em;
		height: auto;
		border: 1px solid darkgray;
		background: black;}
   
  	/*********************************************************
	*   Yellow Backgrounds
	*********************************************************/  		
	  .main1 h2.listen,
	.main1 p.smile,
	.main1 p.seeking,
	.main2 h2.next,
	.main3 p.down,
	.main3 .bonus1 h2, 
	.main3 .bonus2 h2, 
	.main3 .bonus3 h2,
	.main3 p.pps{width: 100%;
		text-align: center;
		margin: 0 auto;
		-moz-border-radius: 25px 10px / 10px 25px;
		border-radius: 25px 10px / 10px 25px;
		font-size: 1.5em;
		line-height: 1.25em;
		padding: .25em;
		height: auto;
		color: black;
		background: #FFF57D;}
 
    .main2 .photo16,
    .main2 .photo20{
    	max-width: 50%;
    }


	.header{
		max-width: 900px;
	}
	.header .divider {
		display: none;
	}
	
	.header h1{
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	.header h2{
		float: none;
		margin: 0 auto;
		display: table;
		font-size: 2em;
	}
	  .main-wrapper{
  	clear: both;
  	max-width: 880px;
  	margin: 1em 1em 0 1em;

  }

.main-wrapper .intro{
	padding: 1em 2em;
}	
.main-wrapper .intro p {
    font-size:.9em;
	 }
	.main-wrapper .intro h2 {
    font-size: 1.6em;}
 
  .main1 .warning{
  	background-size: 100% auto;
  }
  .main1 .warning h2{
  		background-position: 0 15px;
  		top: -30px;
  		margin: 0 0 -30px;
	}  
	.main1 .warning p{
		padding: .5em 1em;
		margin: 0;
	}
	.main1 .photo2{
		width: 55%;

	}
	.main1 p.when{
		float: right;

	}
	.main1 .photo8{
		width: 45%;

	}
	.main1 .dirty p:nth-child(4),
	.main1 .dirty p:nth-child(5){
		max-width: 60%;
	}
	.main1 .photo12{
		max-width: 50%;
	}
	.main1 .choice .arrow{
		display: none;

	}
	.main2 h2.manual{
		background: none;
	}
    .main2 h2.lod{
		margin: 0 0 0 -63px;
		background-repeat: no-repeat;
		font-size: 1.8em;
		width: 75%;
		height: 120px;
		background-size: 100% 100px;
		position: relative;
		z-index: 10;
    }
 		.main2 .techniques p{
			padding: 1em 1.5em;
		}
		.main2 .techniques .col-1{
			width: 50%;
			padding-right: .5em;
		}
		.main2 .techniques .col-2{
			width: 50%;
			padding-left: .5em;
		}
		.main2 .techniques .badge-section h2{
			padding: 0 1.5em;
		}
		.main2 .techniques .badge-section p{
		}
				.main2 .techniques .badge-section.reverse h2{
		}
		.main2 .techniques .badge-section.reverse p{
		}

		.main2 .techniques .badge-section.reverse p.normal{
		}
	.main3 .order-section .order-button{
		max-width: 100%;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.main3 .order-section .arrow-left, .main3 .order-section .arrow-right{
		display: none;
	}
    .main3 .money-back-guarantee{
		width: 40%;
		margin: 0 .5em 0 -.5em;
		max-width: 140px;
	}
	.main3 .bonus1 img{
		margin: 0;
	}
	.main3 .bonus1 h2,
	.main3 .bonus1 p{
		margin-left: 200px;
	}
	.main3 .bonus2 h2{
		max-width: 50%;
		}
	.main3 .bonus2 h2,
	.main3 .bonus2 p{
		margin-left: 0px;
	}
	.main3 .bonus3{
		margin: 2em 0;
	}
	.main3 .bonus3 img{
		margin: 0 1em 1em 0;
	}
	.main3 .bonus3 h2,
	.main3 .bonus3 p{
		max-width: 100%;
		margin: 0;
		height: auto;
		background-size: 100% auto;

	}
	.main3 .product-group-1{
		margin: 0;
		width: 50%;
	}
	.main3 p.add{
		margin: 0;
	}
	.main3 .product-group-2{
		clear: both;
		float: none;
	}
	.main3 .product-group-3{
		max-width: 100%;
	}
	.main3 .product-group-4{
		clear: both;
		float: none;


	}
	.main3 p.bond,
	.main3 p.guarantee{
		margin: 0;
	}
  }

/*********************************************************
*   Anything larger than 960px
*********************************************************/  
@media (max-width: 959px) {



}