

@media only screen and (max-width:980px) {
.main-page {
width:100%
}
.body-container {
width:960px;
margin:0 auto
}
.body-wrapper {
width:98%;
margin:0 auto
}
.body-wrapper p.headline {
font-size:42px
}
.body-container ul li {
width:100%
}
.footer-container .footer-center {
width:100%
}
.header-container {
width:98%;
margin:0 auto
}
.body-container {
width:98%
}
.footer-container .footer-center {
width:98%
}
.book-left img {
width:84%
}
.banner-headline .title {
font-size:20px
}
.book-left p {
margin-left:0px
}
.header-container img {
width:98%
}
}
@media only screen and (max-width:920px) {
.body-container {
width:96%;
margin:0 2%
}
.content-box-left .box-text {
width:62%
}
}
@media only screen and (max-width:860px) {
.book-right {
float:right;
width:49%
}
.body-wrapper p.headline {
font-size:38px;
line-height:45px
}
.book-right .subtitle {
font-size:26px;
line-height:32px
}
.cta-btn, .send-button input {
font-size:21px
}
.cta-btn span {
font-size:31px;
margin:0 0 0 8px
}
.content-box-left .box-text {
width:57%
}
.body-container h1 {
font-size:37px
}
.reveal-modal {
width:89%;
margin-left:-39%
}
}
@media only screen and (max-width:767px) {
.footer-container {
float:left;
width:100%
}
.cta-btn, .send-button input {
font-size:18px
}
.body-container .content-box-left {
width:100%
}
.content-box-left .box-text {
width:77%
}
.book-left {
margin-top:0
}
.banner-headline .title {
text-align:center;
margin:0
}
.footer-center ul {
text-align:center;
float:none;
width:100%;
margin-bottom:15px
}
.footer-container p {
text-align:center;
width:100%;
float:none
}
.reveal-modal {
width:90%
}
.popup .popup-headline {
font-size:24px
}
.submit {
font-size:16px
}
.row input {
width:93.4%;
padding:9px 16px 10px;
font-size:18px
}
.about-content .aurthorimg {
    float: none;
	text-align:center;
	margin-bottom:15px;
}
.about-content .con-right {
    float: none;
}
.banner-headline .title {
	margin:10px 0 -35px 10px;
	width:70%;
	font-size:16px;
}
.banner-headline .title br{ display:none;}
.book-left:after{ display:none;}
}
@media only screen and (max-width:650px) {
.book-main h1{ font-size: 40px;  line-height: 48px;}
.content-bg { padding:20px 0 20px}
.book-main{ margin: 10px 0 35px;}
.book-left { width:100%; margin:0 0 30px 0; text-align:center; display:none;}
.book-left img { width:70% }
.book-left p {text-align: center; width: auto; margin:0 auto;}
.feature-area p.subhead br{ display:none;}

.book-left.mo{ width:100%; margin:0 auto 20px; display: block; text-align:center}
.book-left.mo img { width:50% }

.book-right {width:98%;margin:0 1%}

.book-right .subtitle { font-size:30px; line-height:38px; margin: 0 0 10px; text-align:center;}
.cta-btn.mob-btn{ display:block; text-align:center; margin-bottom:10px;}

.content-box-left .box-text {
width:70%
}
.cta-btn, .send-button input {
font-size:24px
}
.cta-btn span {
font-size:34px
}
.content-box-left img {
margin-top:0px
}
.body-container .content-box-left {
margin-bottom:20px
}
.body-container .content-box-right {
margin-bottom:0px
}
.book-right ul li {

font-size:16px
}
.book-right ul li.last {
border:0px
}
.body-container .content-box-left.new{ width:95%;}
.content-box-left.new .box-text{ width:73%;}
.send-button .cta-btn a:first-child, .send-button .cta-btn button { font-size: 28px;}
.content-box-left.new img{ float: none;}
.banner-container { background-size: auto;}
}
@media only screen and (max-width:511px) {
.popup .popup-headline {
font-size:16px;
line-height:20px
}
.row input {
padding:5px 16px 6px
}
.submit {
font-size:14px
}
@media only screen and (max-width:480px) {
.banner-headline .title br{ display:none;}
.book-main h1{ font-size: 30px;  line-height: 36px;}

.should-text {
font-size:24px
}
.send-button {
margin-top:10px
}
.body-container h1 {
font-size:25px;
line-height:28px
}
.body-container .content-box-left {
text-align:center
}

.content-box-left img {
float:none
}
.content-box-left .box-text {
width:100%;
text-align:center
}
.testimonial-name {
text-align:center
}
.box-text p a {
display:inline-block;
text-align:center;
clear:both;
margin-left:6px;
position:relative;
top:-1px
}
.send-button p.lock {
margin:18px 0 0
}
.book-main {
margin-bottom:20px
}
.popup .popup-headline {
line-height:20px
}
.row input {
width:90%;
padding:5px 16px 6px;
font-size:16px
}
.submit {
font-size:14px;
line-height:20px;
width:80%
}
.body-container .content-box-left.new{ margin:0;}
.content-box-left.new .box-text{ width: auto; padding: 13px 0 0;}
.cta-btn.mob-btn{ font-size:20px;}
.send-button .cta-btn a:first-child, .send-button .cta-btn button { font-size: 20px;}
.send-button .cta-btn span{ font-size:16px;}
.feature-area p.subhead{ font-size:20px;}
.seen-logo li img{ height: 22px;}
.book-main h1 br{ display:none;}
.book-main h2 br{ display:none;}
.book-main h2{ font-size:16px;}
}
@media only screen and (max-width:430px) {
.book-main h1{ margin: 0 0;}
.cta-btn.mob-btn{ font-size:18px;}
.send-button .cta-btn a:first-child, .send-button .cta-btn button { font-size: 18px;}

.book-left img {width:100%}
.book-left.mo img { width: 50%;}

.body-wrapper p.headline {
font-size:30px;
line-height:38px
}
.cta-btn, .send-button input {
font-size:18px;
padding:9px 0 14px; text-align:center;
}

.cta-btn span {
font-size:28px
}


.footer-center ul li {
padding-right:10px;
margin-right:7px
}
}
@media only screen and (max-width:320px) {
.banner-headline .title{ font-size: 18px; line-height: 27px;}
.book-main h1 { font-size: 27px; line-height: 32px;}
.send-button .cta-btn span { font-size: 14px; }
.send-button .cta-btn a:first-child, .send-button .cta-btn button { font-size: 15px;}
.book-left.mo img { width: 60%;}

.footer-center ul li {
background:none;
text-align:center
}
.row input {
width:85%;
padding:5px 16px 6px;
font-size:16px
}
.submit {
font-size:12px;
line-height:18px
}
.row input {
font-size:12px;
padding:4px 10px 5px
}
.privacy-policy {
font-size:13px
}
}

