@media only screen and (max-width : 1024px){
	/* .internal-content table td */
	.page-column left, .wrapper.internal-content, .page-column.left, .page-column.right{
		max-width:100% !important;
		width:100% !important;
	}
	
	.container.internal-page .wrapper.internal-content .timetable-container table .timetable td{
		max-width:initial !important;
		width:initial !important;
	}	
	
	.timetable tr.days>td {
		width:105px !important;
	}
	
	.internal-content table tbody {
		display:table;
		width:100%;
	}
		
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px), only screen and (min-device-width : 758px) and (max-device-width : 1024px) {
	* {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.mobileOnly {
		display: block;
	}
	
	.desktopOnly {
		display: none;
	}
	
	.internal-background{ background:none !important;}
	
	.Book-Online-Now{ display:none !important;}

	.wrapper,
	.list-content {
		overflow: hidden;
	}

	iframe {
		max-width: 100% !important;
	}

	.home-banner {
		overflow: hidden;
        height: 260px;
	}

	.header {
		background: url('../images/mobile-header.png') no-repeat #fff;
		height: 85px;
		margin-bottom: -24px;
	}

	.container, .wrapper,
	.main-navigation, .slider-text,
	.page-column,
	.home-top-content, .home-top-column, .home-top-image,
	.tile-blocks-list,
	.button-small,
	.list-item-content, .class-item-content,
	.list-item-controls, .list-item-link, .class-item-link {
		width: 100%;
	}

	.home-top-column, .home-top-image,
	.footer-top,
	.inline-column,
	.list-item-controls {
		height: auto;
	}
	
	.fsBody .fsForm{ width:100% !important}

	.list-item-content {
		margin-bottom: 10px;
	}

	.internal-page {
		padding-top: 40px;
	}
	
	.button-collection, .button-collection:visited{color:#444 !important;}
	
	.page-column .healcode-pricing-option-image-link img { width: 100%; }
	
	.page-column.full-width .healcode-pricing-option-image-link img { width: 100%; }
	
	.page-column img{width:100%;}
	
	.page-column.full-width img {
		width:auto;
	}
	
	.wrapper.internal-content{ margin:45px 0 0 0;}

	.tile-block, .three-tiles .tile-block {
		display: inline-block;
		margin: 0 15px 30px !important;
		width: 100%;
		max-width:280px;
	}

	.tile-block-name, .tile-block-cover {
		width: 100% !important;
		font-size: 32px;
	}

	.main-navigation,
	.sub-navigation {
		display: none;
	}

	.sub-buttons-right,
	.sub-buttons-left {
		width: 50%;
	}

	.inline-column {
		display: block;
		width: 100%;
		text-align: center !important;
		margin-bottom: 50px;
	}
	.slider{
/*		padding-top:70px !important;*/
        padding-top:130px !important;
		background:none !important;
	}
	.slider img {
		min-width: initial;
		max-height: 100%;
/*
		width: 100%;
        height:auto;
*/
        width:auto;
        height:190px;
	}
	
	.list-content img{width:100%;}
	
	.class-item-image{
		width:100%;
		float:none;
		margin:0;
	}

	.slider-slides {
		height: 190px;
		width: 100%;
		overflow:hidden;
	}

	.inline-columns-container .inline-column:nth-child(3) img {
		float: none !important;
	}

	.timetable-btn{
		clear:both;
	}
	.footer-bottom {
		padding: 10px;
	}

	.footer-nav ul {
		text-align: center;
	}

	.footer-nav li {
		height: 24px;
		overflow: hidden;
		float: none !important;
	}

	.footer-top .button-buynow,
	.home-top + .tile-blocks {
		display: none;
	}

	a.button-small {
		color: #fff;
	}

	a.button-buynow,
	a.button-spsp {
		display: block;
		float: none;
		clear: both;
		position: relative;
		margin: 0;
		left: 0;
		top: 0;
	}

	.footer-top {
		padding: 30px 0 30px;
	}

	.footer-phone-number {
		text-align: center;
		line-height: 80%;
		font-size: 28px;
		display: block;
		margin-bottom: 20px;
	}
	
	.footer-mobile{
		position: fixed;
		bottom: 0;
		background: #EF229B;
		width: 100%;
		display: block;
		border-top: 2px solid #D51A84;
	}
	
	.footer-mobile a{
		display:inline-block;
		color:#fff;
		text-decoration:none;
		text-transform: uppercase;
		width:31%;
		text-align:center;
		padding:10px 0;
		vertical-align: middle;
	}

	.social-icons {
		top: 0;
		width:100%;
		text-align:center;
	}

	.social-icon {
		margin-left: 10px;
		margin-right: 10px;
	}

	.button {
		display: block;
	}

	.button-small {
		height: 30px !important;
		line-height: 30px !important;
	}

	.home-top-content {
		padding: 0px 0;
		background: #fff;
	}

	.home-top-image {
		padding: 10px;
		background: #fff;
	}

	.mobile-megamenu-container {
		position: fixed;
		width: 100%;
		font-size: 0;
		bottom: 0;
		z-index: 1000000;
	}

	.mobile-megamenu-tabs {
		height: 41px;
		border-top: 1px solid #fff;
	}

	.mobile-megamenu-content {

	}

	.class-list table td {
		display: block;
		padding: 0 !important;
	}

	.class-list table td img {
		margin: 0 !important;
	}

	.mmm-tab {
		display: inline-block;
		font-size: 11px;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		border-left: 1px solid #ff539c;
		border-right: 1px solid #b10b6d;		
		background-color: #ec008c;
		height: 40px;
		line-height: 40px;
		text-align: center;
		width: 24%;
		cursor: pointer;
	}

	.mmm-tab.active {
		background-color: #bc1d7b;
		border-left-color: #ec008c;
	}

	.mmm-tab[data-tab*="Classes"] {
		border-left-color: transparent;
		width: 17%;
	}

	.mmm-tab:last-child {
		border-right-color: transparent;
		width: 35%;
	}

	.mmm-content {
		display: none;
	}

	.mmm-link {
		display: block;
		font-size: 16px;
		text-align: center;
		background-color: #bc1d7b;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		border-top: 1px solid #ec008c;
		border-bottom: 1px solid  #9d0f63;
		height: 50px;
		line-height: 50px;
	}

	.mmm-link:first-child {
		border-top-color: #bc1d7b;
	}

	.mobile-logo {
		position: absolute;
		left: 20px;
		top: 0;
		display: block;
		width: 70px;
		height: 70px;
	}

	.mobile-icons {
		text-align: right;
		padding-right: 20px;
	}

	.mobile-icon {
		display: inline-block;
		margin-left: 10px;
		height: 29px;
		width: 29px;
		background: url('../images/mobile-icons.png') transparent no-repeat;
		cursor: pointer;
	}

	.mobile-icon.mi-home {
		background-position: 0 0;
	}
	.mobile-icon.mi-contact {
		background-position: -29px 0;
	}
	.mobile-icon.mi-call {
		background-position: -58px 0;
	}
	.mobile-icon.mi-menu {
		background-position: -87px 0;
	}

	.mobile-nav {
		display: none;
		padding-top:70px;
	}

	/*misc*/
	.page-column>table>tbody>tr>td {
		display: block;
		width: 100%;
		margin: 0 0 20px;
	}

	.pointer-icon {
		width: 44px !important;
	}

	/*telerik*/
	.RadMenu {
		white-space: normal !important;
	}

	.timetable-container table {
		display: block;
		width: 100%;
	}

	.timetable-container td {
		display: table-cell !important;
	}

	.timetable-container td, 
	.timetable-container td * {
		font-size: 7px !important;
		width: auto !important;
		line-height: 100% !important;
		padding: 0 !important;
		height: auto !important;
	}
	.mobile-footer-link-sp {
		font-size: 11px;
		line-height: 120%;
	}

	.mobile-footer-link-sp>span {
		font-size: 15px;
	}
		
}

@media only screen and (min-device-width : 758px) and (max-device-width : 1024px) {
	.header {
		height: 70px;
	}
	.home-banner {
		height: 560px;
	}
	.slider-slides {
		height: 490px;
	}

	.tile-block-image{
		height:auto;
	}

	.div-home-mobile-device{
		max-width:33%;
	}

	.footer-nav ul li{
		height:40px;
	}
	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 760px) {
	.home-video iframe{
		width:100% !important;
		height:300px !important;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.home-video iframe{
		width:100% !important;
		height:450px !important
	}    
    
    
    .slider img {
		min-width: initial;
		max-height: 100%;
		width: 100%;
        height:auto;
	}
    
    .slider {
        padding-top:90px !important;
    }
    
    .slider-slides {
        height:300px;
    }
    
    .home-banner {
        height:350px;
    }
    
    .wrapper.slider-container {
        position:absolute;
        top:70px;
    }
    
    .slider-text {
        top:100px;
        padding-left:1em;
        padding-right:1em;
    }
     
    .slider-text h1 {
        font-size:22px;
    } 
    
    .slider-text h2 {
        font-size:20px;   
    }
    
    
}


.internal-content .timetable-container .timetable .tooltip {
    background-color: #EC008C;
    color: #fff;
    padding: 7px !important;
    width: 200px !important;
    position: absolute;
    margin-top: 20px;
    display: none;
    z-index: 100;
    font-family: Arial, Verdana, san-serif;
    text-align: left;
    right: 0;
    bottom: 15px;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
}    

@media only screen and (min-device-width : 320px) and (max-device-width : 767px)  {
    
    .home-banner {
        height:260px;
    }
    
    .slider {
        padding-top:70px !important;
    }
    
	.slider img {
		min-width: initial;
		max-height: 100%;
        
		width: 100%;
        height:190px;
/*
        width:auto;
        height:190px;
*/
	}    
    
}

/* 
Responsive Update 08/17 
Once these styles are finalised they should be merged with the existing styles above
*/

/* Tablet Studio Locations Styles */

@media screen and (max-width: 1200px) {
	
	.tile-blocks-list.six-tiles {
		max-width: 600px;
		margin: 0 auto;
	}
	
	.tile-blocks-list.three-tiles {
		max-width: 720px;
		margin: 0 auto;
	}
	
	.tile-blocks-list.six-tiles .tile-block {
		width: 170px;
		height: 170px;
		margin: 0 15px 30px 15px;
	}
	
	.tile-blocks-list.three-tiles .tile-block {
		width: 200px;
		height: 200px;
		margin: 0 20px 30px 20px;
	}
	
	.three-tiles .tile-block-name {
		line-height: normal;
		font-size: 30px;
		padding-top: 70px;
		width: 200px;
		height; 200px;
	}
	
	.six-tiles.six-tiles-timetables .tile-block:nth-child(4n+6), .six-tiles.six-tiles-timetables .tile-block:nth-child(4n+7), 
	.six-tiles .tile-block.end-block .six-tiles.six-tiles-timetables .tile-block:nth-child(4n+7), .six-tiles .tile-block.end-block {
		margin: 0 15px 30px 15px;
	}
}

/* Mobile Top Banner Image Styles */
@media only screen and (max-device-width: 767px) and (min-device-width: 320px) {
	.slider img {
		width: auto;
	}
	
	.footer-mobile a {
		display: inline-block;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		width: 32.5%;
		text-align: center;
		padding: 10px 0;
		vertical-align: middle;
	}
	
	.home-content-region {
		padding: 20px;
	}
	
	.home-content-region span.button a {
		color: #fff;
		text-decoration: none;
	}
	
	.home-top-column h2, h2 {
		font-size: 26px;
	}
}

/* Tablet / Mobile Bottom Sticky Styles */
@media only screen and (max-device-width: 480px) and (min-device-width: 320px), only screen and (max-device-width: 1024px) and (min-device-width: 758px) {

	.footer-mobile {
		position: fixed;
		bottom: 0;
		background: #EF229B;
		width: 100%;
		display: block;
		border-top: 2px solid #D51A84;
		z-index: 9;
	}
	
	.mobile-nav {
		display: none;
		padding-top: 77px;
	}
	
	.footer-phone-number {
		text-align: center;
		line-height: 90%;
		font-size: 28px;
		display: block;
		margin-bottom: 20px;
	}
	
}

/* Tablet Header Bar Styles */
@media only screen and (max-device-width: 1024px) and (min-device-width: 758px) {
	.header {
		height: 78px;
	}
	
	.footer-mobile a {
		display: inline-block;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		width: 33%;
		text-align: center;
		padding: 10px 0;
		vertical-align: middle;
	}
}