@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:42px
}
.book-left p {
margin-left:0px
}
.header-container img {
width:98%
}

.writng_txt{ right:0px;}
.writng_txt img{ width:100%;}
}
@media only screen and (max-width:920px) {
.body-container {
width:96%;
margin:0 2%
}
.content-box-left .box-text {
width:62%
}

.book-main::after {
	position:absolute;
	z-index:99;
	left:0px;
	bottom:-15px;
	width:400px;
	height:100%;
	content:'';
	background:url(../images/profile_img2.png) no-repeat center top !important;
}
}
@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%
}
.testimonial .box{ min-height: 240px;}
.testimonial-name{ padding-top: 20px !important;}
.testimonial .box .box-text span.t2{ bottom: 20px;}
}
@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
}
.book-right {
width:98%;
margin:0 1%
}


.book-main::after { display:none;}
.book-left{ display:none;}
.writng_txt{ right: inherit; left:0px;}
.main_top_head{ width:100%;}
}
@media only screen and (max-width:650px) {
.content-bg {
padding:20px 0 20px
}

.book-left p {
text-align:left;
width:98%;
margin-left:5px
}

.book-right .subtitle {
font-size:20px;
line-height:24px;
margin:20px 0 33px
}
.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 {
border-bottom:1px solid #556f90;
padding-bottom:2.2%;
margin-bottom:2%;
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%;}



.top-head {font-size: 28px; line-height:33px;}
.book-main p.subhead {
    font-size: 20px;}
.testimonial .box{ width: auto; min-height: inherit; margin: 0 6px 10px;}
}
@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
}

.top-head {
    font-size: 25px;
}
}
@media only screen and (max-width:480px) {
.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
}
.banner-headline .title {
font-size:28px
}
.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;}
.about-box{ background-image:none;}

.writng_txt{ right: inherit; left:0px; top:-48px;}
.book-main p.subhead {
    font-size: 18px;}
}
@media only screen and (max-width:388px) {
.book-left img {
width:80%
}
.body-wrapper p.headline {
font-size:30px;
line-height:38px
}
.cta-btn, .send-button input {
font-size:18px;
padding:9px 0 14px
}
.cta-btn span {
font-size:28px
}
.footer-center ul li {
padding-right:10px;
margin-right:7px
}
.writng_txt{ right: inherit; left:0px; top:-44px;}
.book-main {
    margin: 42px 0 0px;}
	.top-head {
    font-size: 23px;
    line-height: 27px;
}
}
@media only screen and (max-width:300px) {
.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
}
.writng_txt{ right: inherit; left:0px; top:-40px;}
.book-main {
    margin: 40px 0 0px;}
		.top-head {
    font-size: 22px;
    line-height: 25px;
}
}