 

@media only screen and (min-width: 768px) and (max-width: 969px) {	
.container{ width:737px; position:relative; }
 
}

@media only screen and (min-width: 480px) and (max-width: 767px) {		
.container{ width:95%; position:relative; }
.middle-text4-1 h4{
    width: 100%;
    float: left;
    margin: 0px 0 30px;
    padding: 0px 0%;
}
.middle-text4-1 p{
    width: auto;
    float: none;
    margin: 0px 0 20px;
    padding: 0px;
    font-size: 13px;
    font-weight: 500;
    color: #333333;
    line-height: normal;
}
.brain-img {
    width: 100%!important;
float: left;
}

.header-bullets ul {
    width: 100%!important;
    float: left;
    margin: 0px;
    padding: 0px;
}
}


@media only screen and (max-width: 479px) {
.container{ width:95%; position:relative;}
.header-section {
    width: 100%;}
.header-section h1{font-size:50px; line-height:55px;}	
.header-quote-left {
    width: 126px;
    float: none;
    margin: 0px auto;
    padding: 0px;
    border-radius: 50%; display:table;
}
.header-bullets {
 
    padding:20px 20px 10px 20px;
    background: #fff;
    border-radius: 15px;
}
.header-section p {
    width:100%;font-size: 22px;}
.header-section h5	{
    width:100%;}
.header-quote {
    width:100%;
    padding: 25px 0;
    border-top: #ffc704 2px solid;
}		
.header-quote-right {
    width:100%;
    float: left;
    margin: 10px 0 0 0;
    padding: 0px 0 0 15px;
}
.middle-text1 {
    margin: 0px 0 50px;
    padding:20px;
}
.middle-text1 h4 {
    margin: 0px 0 30px;
    padding: 0px 0%;}
.middle-text1 .img-right {
    width:100%;
    float: right;
    margin: 0px 0 20px 0px;
    padding: 0px;
    line-height: 0px;
}	
.middle-text2 .img-right1 {
    width: 100%;
    float: right;
    margin: 0px 0 20px 0px;
    padding: 0px;
    line-height: 0px;
}	
.middle-text4 h4 {
    width: 100%;
    float: left;
    margin: 0px 0 30px;
    padding: 0px 0%;}

.middle-text4-1 h4{
    width: 100%;
    float: left;
    margin: 0px 0 30px;
    padding: 0px 0%;
}
.middle-text4-1 p{
    width: auto;
    float: none;
    margin: 0px 0 20px;
    padding: 0px;
    font-size: 13px;
    font-weight: 500;
    color: #333333;
    line-height: normal;
}
.middle-text4 .img-right {
    width: 100%;
    float: right;
    margin: 0px 0 20px 0px;
    padding: 0px;
    line-height: 0px;
}	
.middle-text5 h4 {
    width: 100%;
    float: left;
    margin: 0px 0 30px;
    padding: 0px 0%;}
.middle-text2 h2 {
  
    font-size:36px;
 
}	
.value h1{font-size:50px;}
.value h2{font-size:36px;}
.bonus ul li img {
    width: 100%;
    float: left;
    margin: 0 0px 20px 0;
}	
		.img-right3 {
    width: 100%;
    margin: 0px 0px 30px 0px;
} 
.img-right3 img{width:100%; height:auto;}

.img-right2 {
    width: 100%;
    margin: 0px 0px 30px 0px;
} 
.img-right2 img{width:100%; height:auto;}


.brain-img {
    width: 100%!important;
float: left;
}

.header-bullets ul {
    width: 100%!important;
    float: left;
    margin: 0px;
    padding: 0px;
}
}