@charset "utf-8";
/* CSS Document */

@media screen and  (max-width:1199px) {
	
   .header { position:absolute; top:20px; left:3%; z-index:12; width:93%; }
   
	h3.rrbd {
   
    padding-top: 30px;
}
	.rightbox { display:none;} 
	
	.horizontal {display:block;}
	
	 /*.topslide { width:100%; max-width:400px; margin-left:10%; display:inline-block; margin-left:14%;  vertical-align: top;}*/

.nav > li > a {
    border-top: 5px solid #a8d6f7;
    color: #000 !important;
    display: block;
    font-family: "Avenir Next LT Pro";
    font-size: 16px;
    padding: 10px 19.9px;
    position: relative;
}
ul.postureBox li { width: 25%; margin-right:34px;}

}



@media screen and  (max-width:991px) {

.nbs-flexisel-item img {
    cursor: pointer;
    margin: 9px;
    max-height: 150px;
    max-width: 230px;
    position: relative;
    width: 100%;
}

/*.topslide { width:100%; max-width:400px; margin-left:10%; display:inline-block; margin-left:5%;  vertical-align: top;}*/



.nav > li > a {
    border-top: 5px solid #a8d6f7;
    color: #000 !important;
    display: block;
    font-family: "Avenir Next LT Pro";
    font-size: 13px;
    padding: 10px 12px;
    position: relative;
}


.postureslink li a{ color:#800001; padding-bottom:15px; text-align:right; display:block; }
.postureslink2 li a{ color:#800001; padding-bottom:15px; text-align:left; display:block; }

.paypalWrapper { width:100%;}

.orderItemBox{ padding:25px 0 40px 0; width:100%; float:right; background-color:#FFF;}


.accordion-content h4 {
    color: #2d2c2c;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
	margin-top:30px;
}

.topslide { width:65%; float:left; margin:0px 5% 0px 5%;   vertical-align: top;}

ul.postureBox li {
    width: 27%;
    margin-right: 20px;
    font-size: 13px;
}
ul.postureBox li a{font-size:14px;}
}



@media screen and  (max-width:767px) {
	
	.nbs-flexisel-item img {
    cursor: pointer;
    margin: 9px;
    max-height: 150px;
    max-width: 200px;
    position: relative;
    width: 100%;
}



.topslide { display:none;}
.upcoming { display:none;}

/*.slideshow > .picbox img{ width:100%; height:auto; }

.slideshow2 > .picbox2 img{ width:100%; height:auto;  }

.slideshow3 > .picbox3 img{ width:100%; height:auto;   }

*/


.logo {
    display: inline-block;
    float: left;
    max-width: inherit;
    vertical-align: top;
    width: 100%;
	text-align:center;
}

.logo img { width:auto;}


.topslide {
    float: left;
    margin: 0 5%;
    vertical-align: top;
    width: 90%;
}

.cart {
    color: #18208c;
    display: inline-block;
    float: right;
    font-size: 14px;
    vertical-align: top;
	width:100%;
	top:0;
	right:0;
	position:absolute;
}




.nav > li > a {
    border-top: 5px solid #a8d6f7;
    color: #000 !important;
    display: block;
    font-family: "Avenir Next LT Pro";
    font-size: 16px;
    padding: 10px 12px !important;
    position: relative;
}

.navbar-nav {
    margin: 7.5px 0px;
}

.add { text-align:center !important; font-size:12px; font-family: 'AvenirNextLTPro-Demi';}
.ph { text-align:center !important; font-size:12px; font-family: 'AvenirNextLTPro-Demi';}

.postureslink li a{ color:#800001; padding-bottom:15px; text-align:center; display:block; }
.postureslink2 li a{ color:#800001; padding-bottom:15px; text-align:center; display:block; }

.mt { padding:20px 0px;}

.bookprice { float:left; font-size:20px; padding-top:20px; font-family: 'AvenirNextLTPro-Demi';}

.bookbox h3 {font-family:'Gabriola-Regular'; font-size:36px; color:#0851ba; padding:20px 0px 10px;}

.booksection4 h2 { font-family: 'AvenirNextLTPro-Demi'; color:#9e2313; font-size:24px; text-transform:uppercase; padding-bottom:25px; background-image:url(../images/bookline3.jpg); background-position:bottom center; background-repeat:no-repeat; margin-bottom:20px; text-align:left;}
.bookbox3 h3 {font-family:'Gabriola-Regular'; font-size:36px; color:#9e2313; padding-bottom:10px; text-align:left;}
.bookbox3 p { line-height:30px; text-align:left;}

ul.postureBox li {
    width: 30%;
    margin-right: 48px;
    font-size: 13px;}
.postureYoImg{margin: 0 auto 20px auto;}

.postureImgBox  p{ margin-bottom:50px;}

}


@media screen and  (max-width:767px) {
/*.protable { width:100%; max-width:939px; margin:auto; padding:37% 0px 0px 0px; position:relative;}*/


.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    left: 0;
	right:inherit;
	left:inherit;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

}


@media screen and  (max-width:780px) {

.gallery img{
max-width:30% !important;	
}

.book-pic img{
	
max-width:62% !important;	
}


.otherbook img{
max-width:30% !important;		
}
.logo-inner img{
max-width:62% !important;	
}


}
@media screen and  (max-width:699px) {
ul.postureBox li {
    width: 30%;
    margin-right: 30px;
    font-size: 13px;}
	
	
	ul.postureBox li a {
    font-size: 12px;
}
.postureImgBox p {
    font-size: 13px;
    text-align: center;
    line-height: 18px;
}	
	

}

@media screen and  (max-width:640px) {
	ul.postureBox li {border-right:1px solid #000; margin-bottom:0;}
	ul.postureBox  li:nth-child(3n+3) { border-right:none;}
	.postureYoImg {margin-top:40px;}
	.postureImgBox p {margin-bottom:60px;}
}

@media screen and  (max-width:480px) {


.nbs-flexisel-item img {
    cursor: pointer;
    margin: 9px;
    max-height: 150px;
    max-width: 250px;
    position: relative;
    width: 100%;
}



.logo { width:100%; max-width:inherit; float:left; vertical-align: top; display:block; padding-top:0px; }

.topslide { /*display:none;*/}
.topslide p{ font-size:16px; line-height:16px;}
.topslide p span{ font-size:15px; line-height:15px;}

}
@media screen and  (max-width:459px) {
ul.postureBox li { width: 28%; padding-right: 15px;}


}

@media screen and  (max-width:375px) {
ul.postureBox li { width: 25%;}

}

@media screen and  (max-width:299px) {
ul.postureBox li { width: 22%;}

}