/** Resets **/

@media only screen and (max-width: 1280px) {
	.top-banner.clientBg {background-size: cover;}
}

@media only screen and (max-width: 1050px) {
    .nav-bar > li {
        padding: 5px 5px;
    }
    .nav-bar {
        text-align: left;
    }
}

@media only screen and (max-width: 1030px) {
    #candy-teacher-green, #candy-teacher-orange {
         left: 0px;
    }
    #candy-student-orange, #candy-teacher-orange {
         bottom: 0px;
    }
    .candy-container a {
        position: relative;
    }
    #candy-student-green, #candy-student-orange {
        right: 0px;
    }

}

@media only screen and (max-width: 940px) {
	.teacherContent .contents {width: auto;}
    #header-rhs {padding:0px;}
}

@media only screen and (max-width: 895px) {
	.price-block-wrap.student {margin-right: 0;}
	.pricing-nav {width: 140px;}
	.searchTeacher {padding: 0;}
}

@media only screen and (max-width: 815px) {
	.introBg > div {margin-right: 0; margin-top: 10px;}
	.teacher-thumb {width: auto;}
    .nav-bar {
        text-align: left;
    }
    /*.nav-bar > li {*/

        /*padding: 5px 10px !important;*/
        /*margin-right: 0px !important;*/
    /*}*/
    /*.nav-bar > li > a {*/
        /*font-size: 12px !important;*/
        /*padding-right: 5px !important;*/
    /*}*/
}

@media only screen and (max-width: 800px){
	.bgContainer p {font-size: 18px;}
	.pricing-nav {width: 100%; display: none;}
	.pricing-nav > a {width: 100%;}
	.price-block-wrap.student {width: 100%;}
	.price-block.student {width: 100%; margin-right: 0;}
	.price-block.student .top-tag {background-position: center center;}
	.teacherrow .price-block.student {margin-right: 0px; width: 100%;}
	.teacherrow .price-block-wrap.student {width: 100%;}
	.teacherrow .offer-pricing-nav.hide-on-mobile {display: none;}
	.teacher-generic-text {padding-left: 20px;}
	#offer-pricing {text-align: center;}
	.top-tag {cursor: pointer;}
	.benefit {display: none;}
	.benefit > p > span {
	    display: block;
	}
	.price-block.student .benefit > p {
	    background-position: 95% center !important;
	    height: 40px !important;
	    padding-right: 13px;
	    text-align: right;
	    position: relative;
	}
	.hide-on-mobile {display: none;}
	.expend {display: block;}
	.teacherrow .price-block .button.green {
	    margin-bottom: 0px;
	}
	.benefit > p > span.mobileList {
		line-height: 8px;
		text-align: right;
		width: auto;
		margin-right: 17px;
		position: absolute;
		right: 0;
	}
	.benefit > p > span.mobileList.fixline {
		bottom: 16px;
	}

}

@media only screen and (max-width: 767px){
	.nav-bar {margin: 0 -15px; display: none;}
	#mobileMenu {display: block;}
        
	.nav-bar > li{text-align: left; width: 100%; padding: 0; border-bottom: 1px solid #016794; }
	.nav-bar > li > a:first-child {padding: 0 15px;}

	ul.flyout li a, .nav-bar li ul li a {padding-left: 35px; font-weight: normal}
        
        div.flyout ul li a{padding : 0}

        #mainstreet{padding: 13px 0 0;}
        .button {display: inline-block;margin: 2px 0px;}
        .login-btn {border-radius: 10px;}
        .join-btn {border-radius: 10px;}
        .candy-left {margin-right: 12px;}
        .candy-right a {margin-right: 10px;}
        .bgContainer {height: auto; background: none;}
        .bgContainer .six.columns {width: 100%; float: none;}
        .bgContainer .six.columns:first-child {background: url("/images/banner-bgBlue.png") repeat scroll center top #1BA1D4;}
        .banner-left, .banner-right {margin: 12px 0;}
        .banner-right {padding-bottom: 35px;}
        .nav-bar > li.has-flyout > a.flyout-toggle {padding: 15px; top: 5px;}
        .flyout {top: 0; width: 100%;}
        ul.flyout li a, .nav-bar li ul li a {padding-left: 35px;}
        .candy-container h1 {padding: 0;}
        .candy-left {margin-right: 0;}
        .candy-blog-container .candyEven-blog, .candy-blog-container .candyOdd-blog {
        	padding-bottom: 30px;
        }

		.footer-link > span {
		    display: none;
		}
	.footer-link a {
	    display: inline-block;
	    margin-bottom: 6px;
	    width: 45%;
	}
	#copyright {margin-top: 10px;}
	.editProfile {padding: 0;}
	.supercooltable .button {width: auto !important; padding: 7px 11px 7px 7px;}
	.transaction-form select {width: 80px;}
	.transaction-form > input {margin-top: 10px;}
	.teachertopleft {width: 100%; float: none;}
	.teachertop {width: 100%;}
	.teachertop img {margin: 0;}
	.teacherContent .contents {border-radius: 0;}
	.register-interest {padding: 7px;}
	.register-interest-span {width: 150px;}
	#newsletter {width: auto; min-width: 1px;}
	.nav-bar > li .flyout {border-left:none; border-bottom: none; border-right: none; border-top: 1px solid #2BA6CB;}
	.teacherLeft .wordLanding {left: 0;}
	.registerWrapper {padding: 0;}
	.registerWrapper table tbody tr td {padding: 9px 0;}
	.introBg > div:first-child {margin-top: 0;}
	.introBg {padding: 10px;} 
	.teacher-thumb {width: auto; float: none; margin-right: 0;}
	.teacher {padding: 15px;}
	.teacher-button {margin-left: 0 !important;}
	#referFriend {
	    margin: 10px 0;
	}
	.teacher-right-offer {display: none;}
	.teacher-blue {margin-left: 5px;}
	.offer-landing {height: 0 !important;}
	.teacher-highlight-message > p {line-height: 30px;}
	.teacher-deadline > p {line-height: 18px;}
	.noMobileMenu #header-rhs {display: none;}
	.green.button.small.right {width: auto;}
	.social-links {margin-bottom: 0; margin-top: 10px;}

    .search_table img {width: 15%;}
    .search_table .home-normal-icon {width: 10%;}
    .search_table .mat-normal-icon {width: 12%;}
    input[type="submit"].button {
        width: inherit;
         padding-left: inherit;
         padding-right: inherit;
    }
    .teacher-content {
    	width: 100%;
    }
    .teacher .button.green {
    	right: 20px;
    	position: relative;
    	bottom: 0;
    	float: right;
    }
    .teacher-details.profile-bio {
    	width: 100%;
    }
    .search_table {
    	padding: 15px;
    }
    .serviceLines .button.orange {
    	padding-right: 22px;
    	padding-left: 22px;
    	display: block;
    	margin-left: 0;
    }
    .fieldWrapper {
    	width: 100%;
    	text-align: left;
    	margin-bottom: 15px;
    }
    .serviceLines {
    	margin-top: 0;
    	padding-left: 0;
    }
    .fieldWrapper > input {
    	width: 250px;
    }
    .serviceLines > label:first-child {
    	display: block;
    }
    .top-banner.bannerAdjust.BGImageFixed {
    	height: 120px;
    }
    .teacher-profile-top .socialLinks {
    	display: none;
    }
    #mobileMenu {
    	margin: 7px 0 0;
    }
    .specialties ul li {
    	text-align: left;
    }
    #serviceIcon {
    	max-height: none;
    }
}

@media only screen and (max-width: 680px) {
	.teacher-benefit {width: auto;}
}

@media only screen and (max-width: 625px) {
	#mobileMenu {margin: 7px -15px 0;}
	#header-rhs{padding: 0 15px;}
	.rss-link {margin-left: 0;}
    #tabs .right {
        float: none;
    }
    .tab-link {
        display: block;
        margin-left: 0;
        padding: 10px 15px;
        border-radius: 0;
    }
    .available-slot, .booked-slot {width: auto !important; position: relative !important; margin-top: 0;}
    .show-on-mobile {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .blog-container {
        min-height: 130px;
    }
    .footer-link a {
        display: block;
        margin-bottom: 6px;
        width: 100%;
    }

    #copyright {
        text-align: center;
    }

    .candyEven .candy-right p {
        width: 70%;
    }

    .teacher-content {
        width: 100%;
        margin-left: 0%;
    }
    .teacher.teacher-premium {
    	background-image: none !important;
    }
    .teacher-thumb {
    	min-height: 1px;
    }
    .teacher .button.green {
    	right: 0;
    }
    .teacher-content {
    	min-height: 1px;
    }
    /*#header-rhs {padding:15px;}*/

    .previous-next-row a {
        font-size: 11px;
        display: block;
        float: none;
    }
}

@media only screen and (max-width: 570px) {
	.free-download {padding: 7px 10px;}
	dl.tabs dd a {padding: 0 8px;}
	#time-table td {float: left; width: 100% !important; padding: 0 10px;}
	#time-table .booking-table td {float: none; width: auto !important; padding: 5px;}

}

@media only screen and (max-width: 525px) {
	.free-download h3 {
		font-size: 18px;
		width: auto;
		margin-bottom: 10px;
	}
	#download input[type="text"] {
		width: 100%;
		margin-bottom: 10px;
	}
	.register-interest {padding: 7px;}
	#newsletter {text-align: right;}
	#newsletter input[type="text"] {margin: 10px 0 0 0; width: 100%;}
	#downloadclassbutton {margin-top: 10px;}
	.register-interest h3, .register-interest h6 {width: auto;}
    .alerts {
        width: 100%;
    }
}

@media only screen and (max-width: 490px) {
	.supercooltable th {float: left;}
	.supercooltable td {float: left;}
	.supercooltable label {width: 80px;}
	.expirydate {width: 30px;}
	#appointment-settings-form .supercooltable label {
		width: 110px;
		padding-top: 17px;
		padding-left: 5px;
		text-align: left;
	}
}

@media only screen and (max-width: 480px) {
	.banner-img {width: 100%;}
	.banner-left, .banner-right {width: 100%;}
	.bgContainer .six.columns {padding: 0;}
	.banner-left {margin: 0;}
	.banner-img {margin-bottom: -5px; }
	.banner-right {padding: 0 10px 35px;}
	.steps img {float: none !important;}
	.clientForm {width: 363px;}
	.clientRegister, .clientLogin, .teacherRegister {
		width: 280px;
	}
	.clientTab {margin-right: 38px;}
	.clientLogin .formWrap > input {width: 100%;}
	.clientLog {margin-right: 3px;}


	.registerWrapper table th {float: left; padding: 15px 0 0;}
	.registerWrapper table tbody tr td {float: left;}
	.registerWrapper table tr th label {padding-right: 15px;}
	.search_table td {float: left;}
	.wordLanding {font-size: 26px; line-height: 30px;}
}

@media only screen and (max-width: 450px) {
	dl.tabs {height: auto;}
	dl.tabs dd {float: none;}
	dl.tabs dd.active a {border-bottom: 1px solid #DDDDDD;}
	.price-candy-block {width: auto; padding: 0 15px;}
	.blog-hero-image {float: none; margin: 0;}
	.blog-hero-image > img {width: 100%;}
}

@media only screen and (max-width: 400px) {
	.benefit > p > span.narrow {width: 45%;}
}

@media only screen and (max-width: 380px) {
	.clientForm {width: 295px;}
	.clientRegister, .clientLogin, .teacherRegister {width: 225px;}
    .candyEven .candy-right p {
        width: 100%;
    }
}

@media only screen and (max-width: 360px) {
	.banner-content > img {width: 85px;}
	.bgContainer p {font-size: 16px;}
	#search-instructor {float: none; margin-right: 0;}
	#search-instructor select {width: 100%;}
	#search-instructor > input {width: 100%; margin-bottom: 7px;}
	.banner-btn {padding-left: 0;}
	.teacherLeft .wordLanding {font-size: 26px;}
	.bookingslottable td {padding: 0;}
	.teacher-benefit h2 {font-size: 16px;}
}