/* Responsive Stylesheet */

.tinynav {
    font-family: inherit;
    padding: 7px 5px;
    z-index: 9999 !important;
}
.left-link, .right-link {
    margin: -9px auto !important;
    width: 50% !important;
}
.entry-content-inner {
	width: 95% !important;
	padding: 0 15px !important;
}
#imageholder{
	width: 100% !important;
}
.hc_loading_image {
    max-width: 25px !important;
    width: 25px !important;
}
.buynow-btn{
	min-width: 50px;
}
.booking-tutorials {
    float: none;
    max-width: 250px !important;
    text-align: left;
    width: 100% !important;
}
.faq-videos, .faq-videos2 {
    display: inline;
    width: 100%;
    float: left;
    margin-left: 0px !important;
}
.faq-videos li, .faq-videos2 li  {
    text-align: center;
    width: 30%;
    float: left;
    margin-bottom: 20px !important;
}
.short-caption {
    height: 45px;
}
.long-caption {
    height: 95px;
}
.locations-link{
	color: #7FB5E2 !important;
	text-decoration: none !important;
}
.testi-videos {
    width: 100%;
 	margin-left: 0px !important;
    float: left !important;
}
.testi-videos li {
    width: 32% ;
    float: left;
    margin-left: 2px !important;
    text-align: center;
}
.rebates-image {
    width: 100% !important;
    border: 0px !important;
}
.healcode-image-area img {
    max-width: 200px !important;
}
.wpcf7-quiz {
    width: 50px !important;
}
#primary-posts {
    float: left !important;
    width: 28% !important;
}
.blogpost-container {
    width: 72% !important;
    float: left;
}
#primary-posts #primary, #primary-posts #fbwidget, #primary-posts #secondary{
	width: 95% !important;
	text-align: right !important;
}


/* Image WIdgets */
.book-pilates a {
    background: none repeat scroll 0 0 #7dc3ee;
    box-shadow: 0 1px 3px 0 #4a5665;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 105px auto 0 !important;
    padding: 7px 9px;
    position: relative;
    text-align: center;
    width: 131px !important;
}
.book-pilates a:hover {
    text-decoration: none;
    background: none repeat scroll 0 0 #76b7e1;
}
.book-pilates {
    background: url("http://www.pilatesinnerstrength.com.au/wp-content/uploads/2015/05/pilates1.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 16px 0;
    position: relative;
    text-align: left;
    width: 100%;
    max-width: 251px !important
}
.book-barre a {
    background: none repeat scroll 0 0 #7dc3ee;
    box-shadow: 0 1px 3px 0 #4a5665;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 105px auto 0 !important;
    padding: 7px 9px;
    position: relative;
    text-align: center;
    width: 131px !important;
}
.book-barre a:hover {
    text-decoration: none;
    background: none repeat scroll 0 0 #76b7e1;
}
.book-barre {
    background: url("http://www.pilatesinnerstrength.com.au/wp-content/uploads/2015/05/barre1.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 16px 0;
    position: relative;
    text-align: left;
    width: 100%;
    max-width: 251px !important
}
.book-reformer a {
    background: none repeat scroll 0 0 #7dc3ee;
    box-shadow: 0 1px 3px 0 #4a5665;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 105px auto 0 !important;
    padding: 7px 9px;
    position: relative;
    text-align: center;
    width: 150px !important;
}
.book-reformer a:hover {
    text-decoration: none;
    background: none repeat scroll 0 0 #76b7e1;
}
.book-reformer {
    background: url("http://www.pilatesinnerstrength.com.au/wp-content/uploads/2015/05/reform1.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 16px 0;
    position: relative;
    text-align: left;
    width: 100%;
    max-width: 251px !important
}

.widget-container {
    margin: 0 0 40px !important;
}


/* SlickNav */

.slicknav_menu{
	display: none;
	background: #f1f1f1 none repeat scroll 0 0 !important;
	position: fixed !important;
	z-index: 999 !important;
	width: 100% !important;
	top: 0px !important;
}
.slicknav_menu .slicknav_menutxt {
    color: #FFF !important;
    text-shadow: none !important;
}
.slicknav_menu .slicknav_icon-bar {
    background-color: #FFF !important;
}
.slicknav_nav a{
	color: #FFF !important;
	font-family: "MyriadPro-Regular",Arial,Helvetica,Tahoma,sans-serif;
}

.slicknav_btn {
    background-color: #5C3F21 !important;
}
.slicknav_nav .slicknav_row:hover {
    background: #5C3F21 !important;
    border-radius: 0 !important;
}
.slicknav_nav a:hover{
	background: none !important;
	color: #FFF !important;
}

@media only screen and (max-width: 1156px){
	#mainwrapper, #header{
		width: 100% !important;
	}
	#container{
		width: 100% !important;
		float: none;
	}
	#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper{
		width: 100%;
	}
	#footer {
		min-width: 0;
		width: 100%;
	}
	#footer-widget-area #first ul {
		padding: 0 10px;
	}
	#fourth .widget-container{
		margin: 0 10px 18px;
	}
	#content img {
		max-width: 100%;
		width: 100%;
	}
	#logo {
		float: left;
		margin: 0 auto;
		width: 200px;
	}
	#logo {
		max-width: 200px;
		padding: 0 10px;
	}	
	#topsubmenu {
		float: left;
		margin: 55px auto 0;
		position: relative;
		width: 70%;
		z-index: 11;
	}
	#topsubmenu li a {
		font-size: 17px;
	}
	#hpboxes{
		width: 100% !important;
	}
	#content{
		width: 100% !important;
	}
	#footer-widget-area #first, #footer-widget-area #third,#footer-widget-area #fourth{
		width: 50%;	
		text-align: center;
	}
	#footer-widget-area #second{
		width: 40%;
	}
	#footer-widget-area #first h3, #footer-widget-area #second h3, #footer-widget-area #third h3, #footer-widget-area #fourth h3{
		background-position: center;
	}
	.booking-tutorials {
	    text-align: center;
	    width: 100% !important;
	    margin: 0 auto !important;
	}
	.text-content {
	    float: left;
	    margin-top: 30px !important;
	    padding: 0 15px !important;
	    text-align: left !important;
	    width: 90% !important;
	}
	.instructor-application {
		width: 50% !important;
	}
}

@media only screen and (max-width: 1024px){
	#mainwrapper, #header{
		width: 100% !important;
	}
	#container{
		width: 100% !important;
		float: none;
	}
	#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper{
		width: 100%;
	}
	#footer {
		min-width: 0;
		width: 100%;
	}
	#footer-widget-area #first ul {
		padding: 0 10px;
	}
	#fourth .widget-container{
		margin: 0 10px 18px;
	}
	#content img {
		max-width: 100%;
		width: 100%;
	}
	#logo {
		float: left;
		margin: 0 auto;
		width: 200px;
	}
	#logo {
		max-width: 200px;
		padding: 0 10px;
	}	
	#topsubmenu {
		float: left;
		margin: 55px auto 0;
		position: relative;
		width: 70%;
		z-index: 11;
	}
	#topsubmenu li a {
		font-size: 17px;
	}
	#hpboxes{
		width: 100% !important;
	}
	#content{
		width: 100% !important;
	}
	#footer-widget-area #first, #footer-widget-area #third,#footer-widget-area #fourth{
		width: 50%;	
		text-align: center;
	}
	#footer-widget-area #second{
		width: 40%;
	}
	#footer-widget-area #first h3, #footer-widget-area #second h3, #footer-widget-area #third h3, #footer-widget-area #fourth h3{
		background-position: center;
	}
	.booking-tutorials {
	    text-align: center;
	    width: 100% !important;
	    margin: 0 auto !important;
	}
	.text-content {
	    float: left;
	    margin-top: 30px !important;
	    padding: 0 15px !important;
	    text-align: left !important;
	    width: 90% !important;
	}
	.instructor-application {
		width: 50% !important;
	}
}

@media only screen and (max-width: 980px){
	#mainwrapper, #header{
		width: 100% !important;
	}
	#container{
		width: 100% !important;
		float: none;
	}
	#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper{
		width: 100%;
	}
	#footer {
		min-width: 0;
		width: 100%;
	}
	#footer-widget-area #first ul {
		padding: 0 10px;
	}
	#fourth .widget-container{
		margin: 0 10px 18px;
	}
	#content img {
		max-width: 100%;
		width: 100%;
	}
	#logo {
		float: left;
		margin: 0 auto;
		width: 200px;
	}
	#logo {
		max-width: 200px;
		padding: 0 10px;
	}	
	#topsubmenu {
		float: left;
		margin: 55px auto 0;
		position: relative;
		width: 70%;
		z-index: 11;
	}
	#topsubmenu li a {
		font-size: 17px;
	}
	#hpboxes{
		width: 100% !important;
	}
	#content{
		width: 100% !important;
	}
	#footer-widget-area #first, #footer-widget-area #third,#footer-widget-area #fourth{
		width: 50%;	
		text-align: center;
	}
	#footer-widget-area #second{
		width: 40%;
	}
	#footer-widget-area #first h3, #footer-widget-area #second h3, #footer-widget-area #third h3, #footer-widget-area #fourth h3{
		background-position: center;
	}
	.booking-tutorials {
	    text-align: center;
	    width: 100% !important;
	    margin: 0 auto !important;
	}
	.text-content {
	    float: left;
	    margin-top: 30px !important;
	    padding: 0 15px !important;
	    text-align: left !important;
	    width: 90% !important;
	}
	.instructor-application {
		width: 50% !important;
	}
}

@media only screen and (max-width: 767px){
	#header{
		width: 100% !important;
	}
	#access{
		width: 100% !important;
	}
	#logo {
		float: none;
		margin: 45px auto 0 !important;
		max-width: 200px;
		padding: 0 10px;
	}
	#logo a {
		background: rgba(0, 0, 0, 0) url("/pilatesinnerstrengthnew/wp-content/themes/Pilates-new/images/pilates-logo-compressed.png") no-repeat scroll 0 10px;
		float: left;
		height: 109px;
		width: 200px;
	}
	#topsubmenu {
		background: #FFF none repeat scroll 0 0;
		float: left;
		margin: 0 auto;
		position: relative;
		width: 100%;
		z-index: 11;
	}
	#topsubmenu > div {
		float: left !important;
		margin-left: 10px !important;
		margin-right: 15px !important;
		margin-top: 10px !important;
	}
	#topsubmenu ul {
		display: block;
		margin: 67px 20px;
		width: 100%;
	}
	#hpboxes {
	    display: block !important;
	    float: left;
	    height: auto !important;
	    margin: 0 auto;
	    text-align: center !important;
	    width: 100%;
	}
	#hpboxes a {
	    display: block;
	    float: none;
	    margin: 10px auto !important;
	    position: relative;
	    text-align: center !important;
	    width: 287px !important;
	}
	#hpboxes-box1, #hpboxes-box2, #hpboxes-box3{
		width: 287px;
		margin: 0 auto;
		float: none;
		display: block;
		position: relative;
	}
	#hpbuttonstable{
		width:300px;
	}
	#access .menu-header, div.menu{
		display: none;
	}
	.slicknav_menu{
		display: block !important;
	}
	.faq-videos li, .faq-videos2 li {
	    float: left;
	    margin: 0 45px !important;
	    text-align: center !important;
	}
	.navigation{
		width: 100% !important;
	}
	.instructor-application {
		width: 50% !important;
	}
}

@media only screen and (max-width: 667px){
	#primary-posts, #primary, #secondary{
		float: left !important;
		text-align: left !important;
	}
	.entry-content-inner{
		width: 90% !important;
	}
}

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

	#footer-widget-area #fourth img {
		width: 26px !important;
	}
	#footer-widget-area #first, #footer-widget-area #third,#footer-widget-area #fourth {
		width: 100%;	
		text-align: center;
	}
	#footer-widget-area #second {
		width: 100%;
		text-align: center;
	}
	#primary-posts, #primary, #secondary{
		float: left !important;
	}
	#primary {
	    float: none !important;
	    margin: 25px auto !important;
	    width: 90% !important;
	    text-align: left !important;
	}
	iframe {
	    width: 100% !important;
	    height: 200px !important;
	}
	.short-caption{
		height: 56px !important;
	}
	.long-caption{
		height: 130px !important;
	}
	.entry-content-inner {
	    width: 90% !important;
	}
	
    .slicknav_nav .slicknav_row:hover {
        background: none !important;
        border-radius: 0 !important;
    }
    
    .slicknav_nav a {
        color: #5C3F21 !important;
    }
    
    .slicknav_nav a:hover {
        color: #5C3F21 !important;
    }
}

@media only screen and (max-width: 480px){
	#logo {
		float: none;
		width: 60%;
	}
	#topsubmenu {
		background: #FFF none repeat scroll 0 0;
		float: left;
		margin: 0 auto;
		position: relative;
		width: 100%;
		z-index: 11;
	}
	#topsubmenu ul {
		display: block;
		float: left;
		margin: 0 0 0 10px;
		width: 100%;
	}
	#topsubmenu li a {
		color: #7ec5ef;
		float: left;
		font-family: "MyriadPro-Regular",Arial,Helvetica,Tahoma,sans-serif;
		font-size: 16px;
		line-height: 25px;
		margin-bottom: 15px;
		margin-right: 20px;
		text-decoration: none;
	}
	#topsubmenu > div {
		float: left !important;
		margin-left: 10px !important;
		margin-right: 15px !important;
		margin-top: 10px !important;
	}
	#hpboxes {
	    display: block !important;
	    float: left;
	    height: auto !important;
	    margin: 0 auto;
	    text-align: center !important;
	    width: 100%;
	}
	#hpboxes-box1, #hpboxes-box2, #hpboxes-box3 {
		width: 100%;
	}
	#hpboxes a {
	    display: block;
	    float: none;
	    margin: 10px auto !important;
	    position: relative;
	    text-align: center !important;
	    width: 287px;
	}
	#hpbuttonstable {
		width: 85% !important;
	}
	#footer-widget-area #fourth img {
		width: 26px !important;
	}
	#footer-widget-area #first, #footer-widget-area #third,#footer-widget-area #fourth {
		width: 100%;	
		text-align: center;
	}
	#footer-widget-area #second {
		width: 100%;
		text-align: center;
	}
	#appannouncement {
		background: #83C7E9 !important;
	    position: relative !important;
	    width: 100% !important;
	}
	.video-play-button {
		left:45% !important;
		top: 58% !important;
	}
	.entry-content-inner {
	    float: none;
	    margin: 0 auto !important;
	    padding: 0 15px !important;
	    text-align: left !important;
	    width: 90% !important;
	}
	#content .entry-title {
	    text-align: center;
	}
	#primary {
	    float: none !important;
	    margin: 25px auto !important;
	    width: 90% !important;
	    text-align: left !important;
	}
	#imageholder > span {
		float:none !important;
	}
	#post-4753 iframe {
		width: 100% !important;
		height: 300px !important;
	}
	.class-pricing {
	    float: none !important;
	    width: 100% !important;
	}
	.class-pricing .buynow-btn {
	    min-width: 70px !important;
	}
	.class-pricing tr td {
	    padding: 5px !important;
	}
	.giftcert-video {
	    float: left !important;
	    height: 275px;
	    position: relative !important;
	    width: 100% !important;
	}
	.booking-tutorials {
	    text-align: center;
	    margin: 0 auto;
	    width: 90% !important;
	    padding: 0px 15px;
	}
	.instructor-application {
	    float: left !important;
	    margin: 0 auto !important;
	    position: relative !important;
	    text-align: left !important;
	    width: 50% !important;
	}
	.instructor-application img {
	    float: none !important;
	    position: relative !important;
	    text-align: center !important;
	    top: 0;
	    width: 100% !important;
	    height: 15px !important;
	}
	.category-exercise-videos iframe {
	    width: 100% !important;
	    height: 200px !important;
	}

	#primary-posts, #primary, #secondary {
		float: none !important;
		width: 100% !important;
	}
	#primary.widget-area {
		float: none !important;
	    text-align: left !important;
	    width: 90% !important;
	}
	#secondary.widget-area, #fbwidget{
		width: 100% !important;
		text-align: center !important;
		float: none !important
	}
	.faq-videos li, .faq-videos2 li  {
		width: 65% !important;
		text-align: center !important; 
	}
	.bulletedlistnew {
	    margin-left: 0px;
	}
	#TB_overlay, #TB_iframeContent, #TB_iframeContent #container, #TB_iframeContent #content, #TB_iframeContent form input {
		width: 100% !important;
	}
	#TB_window {
		width: 80% !important;
		left: 215px !important
		top: 60% !important;
	}
	.wpcf7-form-control-wrap input, #container, .one-column, .rebates-image, .testi-videos {
		width: 100% !important;
	}
	#post-14 h1, #post-14 .text-content p {
		width: 90% !important;
		text-align: left !important;
		padding:0 15px !important;
	}
	#post-121 {
		text-align: left !important;
		width: 90% !important;
		padding: 0 15px;
	}

	.testi-videos {
	    float: left !important;
	    margin-left: 0 !important;
	    width: 100%;
	}
	.testi-videos li {
		width: 43% !important;
	    float: left !important;
	    text-align: center !important;
	}
	.text-content {
	    float: left;
	    margin-top: 30px !important;
	    padding: 0 15px !important;
	    text-align: left !important;
	    width: 90% !important;
	}
	#post-123 .entry-title{
		padding: 0 15px;
	}
		#primary-posts {
	    width: 100% !important;
	}
	.blogpost-container {
	    width: 100% !important;
	}
	.nav-previous {
	    float: left;
	    padding: 0 15px;
	    text-align: left;
	    width: 100%;
	}
	#facebookcomments {
	    display: block;
	    float: left;
	    margin: 80px auto;
	    min-width: 100% !important;
	    width: 100% !important;
	}
	#feedback_1angwZOFsqNjaBJse, #f38cd869510c41e, .displayblock span {
		width:100% !important;
	}
	._li{
		width: 100%;
	}
	._li > div {
		width: 100% !important;
	}
}

@media only screen and (max-width: 320px){
	#logo {
		float: none !important;
		width: 70% !important;
	}
	#logo a{
		width: 200px !important;
	}
	#topsubmenu {
		background: #FFF none repeat scroll 0 0;
		float: left;
		margin: 0 auto;
		position: relative;
		width: 100%;
		z-index: 11;
	}
	#topsubmenu > div {
	    float: left !important;
	    margin-left: 12px !important;
	    margin-right: 5px !important;
	    margin-top: 10px !important;
	}
	#topsubmenu ul {
	    display: block;
	    float: left;
	    margin: 11px 0;
	    text-align: center !important;
	    width: 100%;
	}
	#topsubmenu ul li {
	    display: inline;
	    float: left;
	    line-height: 25px;
	    margin: 0 auto;
	    text-align: center;
	    width: 150px;
	}
	#topsubmenu li a {
	    color: #7ec5ef;
	    float: left;
	    font-family: "MyriadPro-Regular",Arial,Helvetica,Tahoma,sans-serif;
	    font-size: 16px;
	    line-height: 25px;
	    margin-bottom: 4px;
	    margin-left: 10px;
	    text-decoration: none;
	}
	#footer-widget-area {
	    margin: 0 auto;
	    width: 90%;
	}
	#footer-widget-area #first {
	    float: left;
	    padding: 0 20px 0 0;
	    width: 100%;
	}
	#footer-widget-area #first h3 {
	    background: rgba(0, 0, 0, 0) url("images/rehabhd-footer.png") no-repeat scroll center center;
	    height: 28px;
	    margin: 0 0 25px;
	}
	#footer-widget-area #first li{
		text-align: center;
	}	
	#footer-widget-area #second {
	    color: #cdd0d2;
	    float: left;
	    font-family: "MyriadPro-Regular",Arial !important;
	    font-size: 20px;
	    margin: 0 auto;
	    width: 100%;
	}
	#footer-widget-area #second h3 {
	    background: rgba(0, 0, 0, 0) url("images/locationshd-footer.png") no-repeat scroll center center;
	}
	#footer-widget-area #third{
		text-align: center;
	}

	#footer-widget-area #third h3 {
	    background: rgba(0, 0, 0, 0) url("images/contacthd-footer.png") no-repeat scroll center center;
	    height: 28px;
	    margin: 0 auto 25px;
	 	width: 100%;
	}
	#footer-widget-area #fourth{
		text-align: center;
		width: 100%;
	}
	#fourth .widget-container{
		text-align: left;
	}
	#footer-widget-area #fourth h3 {
	    background: rgba(0, 0, 0, 0) url("images/getsocialhd-footer.png") no-repeat scroll center center;
	    height: 35px;
	    margin: 10px auto 25px;
	    width: 100%;
	}
	#footer-widget-area #fourth img {
	    display: inline;
	    margin-right: 5px;
	    text-align: center !important;
	    width: 17% !important;
	}
	#hpbuttonstable{
		width:85% !important;
	}
	#appannouncement{
		position: relative !important;
	}
	#appannouncement-text {
		background-size: 300px !important;
	}
	#appannouncement-iphone a {
	    background-size: 80px auto !important;
	    left: 4% !important;
	    top: 57% !important;
	}
	#appannouncement-android a {
	    background-size: 80px auto !important;
	    left: 35% !important;
	    top: 57% !important;
	}
	.video-play-button {
	    background-size: 40px auto !important;
	    left: 45% !important;
	    top: 69%;
	}
	.detailsarrowbarre{
		 padding: 2px 10px 2px 10px !important;
		 width: 142px !important;
	}
	.entry-content-inner {
	    text-align: left !important;
	}
	#content .entry-title {
	    text-align: left;
	    font-size: 26px !important;
	}
	#primary {
	    padding: 0 15px;
	    text-align: left;
	    width: 90% !important;
	}
	#imageholder > span{
		float:none !important;
	}
	.healcode-image-area{
		float: none !important;
	}
	.giftcert-video {
	    width: 100% !important;
	    float: left !important;
	    position: relative !important;
	    height: 228px;
	}
	.booking-tutorials {
	    text-align: center;
	    margin: 0 auto;
	    width: 90% !important;
	    padding: 0px 15px;
	}
	.testi-videos {
	    float: none !important;
	    margin: 0 auto !important;
	    width: 90%;
	}
	.testi-videos li {
	    float: left;
	    padding: 0 !important;
	    text-align: center;
	    width: 90% !important;
	}
}