@media screen and (min-width: 0px) and (max-width: 640px) {
body{
	/*background-position:center -10px;*/
	min-width:320px;
	background-image:none;
}
.centerBlock{
	width:100%;
	/*padding:15px;*/
}
#mainArea{
	width:94%;
	padding-bottom:0px;
	padding-top:10px;
}
#rightPanel{
	width:100%;
	float:none;
	/*padding:15px;*/
	 clear: both;
    overflow: hidden;
}
#leftPanel{
    clear: both;
    overflow: hidden;
    padding: 0px 0px 30px 0px;
	width:100%;
	}
.grayLinkedBoxes .col{
	background-size:50px auto;
}
#featuredBoxes ul.promo {
	margin:0px !important;
}

#featuredBoxes ul.promo > li,
#leftPanel #featuredBoxes li{
	width:100%;
	margin:0px auto 20px auto !important;
	float:none;
	clear:both;
	border-bottom:30px solid #FFFFFF;
}
#featuredBoxes ul.promo li:last-child {
border-bottom:0px solid #FFFFFF;
margin-bottom:0px !important;
}
#leftPanel #featuredBoxes{
	background-color:transparent;
}
#featuredBoxes ul.promo .summary {
	height:auto;
	overflow:hidden
}
.caption {
	position:relative !important;
}
.caption .centerBlock {
	padding:0px;
}
.captionBlock{
	width:100%;
}
#footer{
	padding:15px;
}
.staffMemebers li img{
	width:40%;

	margin-top:6px;
}
.headerImg{
	height:auto;
}
.headerImg img{
	display:block;
	width:100%;
	height:auto;
}
#header{
	padding: 10px 0px 0px 0px;
	background-image:none;
	}
#header .logo {
	width:60%;
	max-width:250px;
	left:15px;
	margin-top: 0px;
}
#header .logo img{
	width:100%;
	height:auto;
}
.strapline{
	display:none;
}
.topNav{
	position:relative;
	top:auto;
	right:auto
}
#header .centerBlock {
	width:100%;
	padding:0px 10px;
}
.thumbs li{
	width:33.33%;
}
.phone{
	float:right;
}
.essentialExercises,
#rightPanel .essentialExercises{
	width:100%;
	font-size:20px;
	padding:15px;
	float:none;
	display:block;
}
.shopNow,
#rightPanel .shopNow{
	width:280px;
	margin:15px auto;
	float:none;
	padding:18px 30px;
	background-size:auto 100%;
}
#leftPanel img,
.imgBlog img{
	width:100% !important;
	height:auto
}
#leftPanel img.leftAlign,
#leftPanel img.rightAlign,
#leftPanel .twoColImgs img{
	width:48% !important;
}
#rightPanel #featuredBoxes li{
border-bottom: 0px solid #FFFFFF;
}

.socialNetwork,
#footer .copyright{
	float:none;
	display:block;
	overflow:hidden;
	width:100%;
	padding:0px;
}
#footer .copyright{
	padding-top:10px;
}
}

@media screen and (min-width: 0px) and (max-width: 500px) {

.textArea .col {
    float: none;
    width: 100%;
}
.grayLinkedBoxes{
	padding:15px;
}
.grayLinkedBoxes .col{
	width:100%;
	float:none;
}
.grayLinkedBoxes .col:first-child{
	margin-bottom:20px;
}
.staffMemebers li{
	float:none;
	width:100%;
	padding-right: 0px;
	padding-bottom: 20px;
	overflow:hidden;
	clear:both;
}
.contactForm .left,
.contactForm .right{
	width:100%;
	float:none
}
.phone,
.email{
	float:none;
	display:block !important;
}
.headerRight .contactInfo{
	position:absolute;
	top:15px;
	font-size:14px;
	right:10px;
	padding-top: 0px;
}

.headerRight .contactInfo a{
	float:right;

}
#header .logo {
	width: 45%;
	padding-left:10px;
}
.headerRight{
	float:none;;
	clear:both;
	display:block
}
.topNav{
	width:100%;
	text-align:center;
	padding-bottom:10px;
	margin-top: 0px;
/* 	border-top:1px solid #757575; */
	padding-top:10px;
}
.topNav li{
	float:none;
	display:inline-block
}

}

@media screen and (min-width: 0px) and (max-width: 360px) {

#featuredBoxes ul.promo > li {
	width:100%;
}
.grayLinkedBoxes .col h2{
	font-size:20px;
}

}