.mobileonly {
	display: none;
}
.headerimage {
	display: none;
}
.slideimage {
	width: 100%;
}
.slidecaption {
	background: none repeat scroll 0 0 #ffffff;
    color: #666666;
    float: left;
    position: absolute;
    right: 20px;
    text-shadow: none;
    top: 45px;
    width: 360px;
    padding: 20px;
}
.slidecaption h1 {
	color: #333333;
    line-height: 1.15em;
    margin: 0 0 10px;
}

@media only screen and (min-width: 769px) and (max-width: 959px) {

	.slideimage {
		width: 100%;
		height: 300px;
		overflow: hidden;
	}
	.slideimage img {
		width: 100%;
		height: auto;
	}
	.slidecaption {
		background: none repeat scroll 0 0 #ffffff;
	    color: #666666;
	    float: left;
	    position: relative;
	    right: 0;
	    text-shadow: none;
	    top: 0;
	    width: 92%;
	    max-width: 500px;
	    padding: 15px 4%;
	    min-height: 100px;
	}
	.slidecaption h1 {
		font-size: 22px;
	}
	
	
}
@media only screen and (min-width: 501px) and (max-width: 768px) {

	.slideimage {
		width: 100%;
		height: 250px;
		overflow: hidden;
	}
	.slideimage img {
		width: 100%;
		height: auto;
	}
	.slidecaption {
		background: none repeat scroll 0 0 #ffffff;
	    color: #666666;
	    float: left;
	    position: relative;
	    right: 0;
	    text-shadow: none;
	    top: 0;
	    width: 92%;
	    max-width: 500px;
	    padding: 10px 4%;
	    min-height: 120px;
	}
	.slidecaption h1 {
		font-size: 20px;
	}
	.slideround {
		-moz-border-radius: 8px 8px 0 0;
	    -webkit-border-radius: 8px 8px 0 0;
	    -khtml-border-radius: 8px 8px 0 0;
	    border-radius: 8px 8px 0 0;
	}
	
}
@media only screen and (min-width: 0px) and (max-width: 500px) {

	.slideimage {
		width: 100%;
		height: auto; /* Dan - June 2015 */
		overflow: hidden;
	}
	.slideimage img {
		width: 100%;
		height: auto;
		margin-top: 0; /* Dan - June 2015 */
	}
	.slidecaption {
		background: none repeat scroll 0 0 #ffffff;
	    color: #666666;
	    float: left;
	    position: relative;
	    right: 0;
	    text-shadow: none;
	    top: 0;
	    width: 92%;
	    padding: 8px 4%;
	    min-height: 120px; /* Dan - June 2015 */
	}
	.slidecaption h1 {
		font-size: 18px;
	}
	.slidecaption a.morelink-red {
		font-size: 15px;
	}
	.slideround {
		-moz-border-radius: 8px 8px 0 0;
	    -webkit-border-radius: 8px 8px 0 0;
	    -khtml-border-radius: 8px 8px 0 0;
	    border-radius: 8px 8px 0 0;
	}
}


/*  769-959 START */
@media only screen and (min-width: 769px) and (max-width: 959px) {
	
	#headertext {
		border: 0 none;
	    float: right;
	    margin: 0 40px 14px 0;
	    position: absolute;
	    right: 0;
	    text-align: right;
	    top: 145px;
	    width: 460px;
	}
	.headersocial {
	}
	.access .menu-header,
	div.menu {
		font-size: 15px;
		margin-left: 15px;
	}
	.access a {
		padding: 0 10px;
		text-decoration: none;
	}
	.access.footermenu {
		display: none;
	}
	.mr-20 {
	    margin-right: 2%;
	}
	.w-620 {
	width: 64%;
	}
	.w-580 {
	    width: auto;
	}
	.w-280 {
	width: 28%;
	}
	.w-410 {
	    width: 45%;
	}
	.w-253 {
		width: 28%;
	}
	.w-240 {
	width: auto;
	}
	.featurebox {
	    padding: 2%;
	}
	.pageimage {
	    height: auto;
	    width: 100%;
	}
	.featuredtutorimage {
		float:left;
		margin: 20px 5% 0 0;
		width: 25%;
	}
	.featuredtutorimage img {
		width: 100%;
		height: auto;
	}
	.featuredtutortext {
		float:right;
		margin: 20px 0 0 0;
		width: 70%;
		height: auto;
		overflow: hidden;
	}
	
	/* =Slideshow
	-------------------------------------------------------------- */

	.headerimage {
	    float: left;
	    height: auto;
	    margin: 0 0 20px;
	    padding: 0;
	    width: 100%;
	}
	/* =Tutor
	-------------------------------------------------------------- */
	.tutorwrapper {
		margin: 0;
	    width: 100%;
	}
	.tutorbox {
		float: left;
	    margin-bottom: 20px;
	    padding: 20px 2%;
		width: 96%;		
	}
	.tutorcol1 {
	    margin-right: 5%;
	    width: 55%;
	}
	.tutorcol2 {
	    float: left;
	    width: 40%;
	}
	.tutor-profilepic a img,
	.tutor-crb img {
		width: 100%;
		height: auto;
		max-width: 300px;
	}
	
	/* =Learn To Play
	-------------------------------------------------------------- */
	
	.tutorvideo {
		padding: 2%;
		width: 96%;
	}
	
	.tutorvideointro {
		margin: 5px 2% 0 0;
		width: 35%;
	}
	.tuoryoutubevideo {
		float: right;	
		width: 63%;
	}
	.tutorcalltoaction {
		padding: 20px 2%;
		width: 96%;
	}
	.tutorcasestudy {
		width: 96%;
		padding: 30px 2%;
		background-color: #d7d7d7;
		float: left;
		margin-bottom: 20px;
		position: relative;
	}
	.tutorcasestudyimage {
		float: left;
		width: 35%;
		margin: 0 5% 0 0;
	}
	.tutorcasestudytext{
		float: right;	
		width: 69%;
	}
	
	/* =Select Options
	-------------------------------------------------------------- */
	
	.selectheading {
		display: none;
	}
	.selectoptionsintro {
		width: 100%;	
	}
	.stationeryimage {
	    float: left;
	    height: auto;
	    margin: 80px 0 0;
	    width: 100%;
	    max-width: 600px;
	}
	.stationeryimage img {
		width: 100%;
		height: auto;
	}
	html #selectoptionsforms.tutorwrapper div.tutorbox div#gform_wrapper_43,
	html #selectoptionsforms.tutorwrapper div.tutorbox div#gform_wrapper_44,
	html #selectoptionsforms.tutorwrapper div.tutorbox div#gform_wrapper_45,
	html #selectoptionsforms.tutorwrapper div.tutorbox div#gform_wrapper_46
	{
		width: 100%!important;
	}
	
	/* =JUNE2015
	-------------------------------------------------------------- */
	.askaquestionform {
		width: 90%;
		padding: 5%;
	}
	.askaquestionform .additionaltext {
	    width: 30%;
	    padding: 10px 5% 25px 0;
	}
	.askaquestionform .frm_forms {
	    width: 65%;
	}

	/* =footer
	-------------------------------------------------------------- */

	#footerconnect {
		width: 90%;
		margin-top: -5px;
		background-color: #fff;
		padding: 5px 5% 30px;
		float: left;	
	}	

	.subscribeform {
		float: left;
		width: 30%;
	}
	.subscribeform h3 {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.emailsubscription input[type="text"] {
	    width: 60%;
	}
	.bamtgroup {
		float: right;
		width: 68%;
	}
	.bamtgroup h3{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.bamtgroup a img {
		float: left;
		margin: 0;
		border: 0;
		width: 24%
	}
	
}
/*  769-959 END */
@media only screen and (min-width: 501px) and (max-width: 599px) {
	
	.nav-button {
	    top: 67px!important;
	}
	
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
	
	.nav-button {
	    top: 207px!important;
	}
	
}

/*  501-768 START */
@media only screen and (min-width: 501px) and (max-width: 768px) {
	
	#headertext {
		border: 0;
		margin: 0 40px 14px 0;
		float: right;
		width: auto;
		text-align: right;
	}
	.headersocial {
		width: 320px;
	}
	.access .menu-header,
	div.menu {
		font-size: 16px;
		margin-left: 0;
	}
	.access a {
		padding: 0 10px;
		text-decoration: none;
	}
	.access.footermenu {
		display: none;
	}
	div.gmw-pt-default-form-wrapper {
	    margin: 10px 0 0;
	}
	.featurebox {
	    padding: 2%;
	}
	.featuredtutorimage {
		float:left;
		margin: 20px 5% 0 0;
		width: 25%;
	}
	.featuredtutorimage img {
		width: 100%;
		height: auto;
	}
	.featuredtutortext {
		float:right;
		margin: 20px 0 0 0;
		width: 70%;
		height: auto;
		overflow: hidden;
	}
	.hideonmobile {
		display: none;
	}
	
	/* =Slideshow
	-------------------------------------------------------------- */

	.headerimage {
	    float: left;
	    height: auto;
	    margin: 0 0 20px;
	    padding: 0;
	    width: 100%;
	}
	
	/* =Learn To Play
	-------------------------------------------------------------- */
	
	.tutorvideo {
		padding: 2%;
		width: 96%;
	}
	
	.tutorvideointro {
		margin: 5px 0 20px 0;
		width: 100%;
	}
	.tuoryoutubevideo {
		float: right;	
		width: 100%;
	}
	.tutorcalltoaction {
		padding: 20px 2%;
		width: 96%;
	}
	.tutorcasestudy {
		width: 96%;
		padding: 30px 2%;
		background-color: #d7d7d7;
		float: left;
		margin-bottom: 20px;
		position: relative;
	}
	.tutorcasestudyimage {
		float: left;
		width: 35%;
		margin: 0 5% 0 0;
	}
	.tutorcasestudytext{
		float: right;	
		width: 69%;
	}
	/* =Select Options
	-------------------------------------------------------------- */
	
	.selectheading {
		display: none;
	}
	.selectoptionsintro {
		width: 100%;	
	}
	.stationeryimage {
	    float: left;
	    height: auto;
	    margin: 80px 0 0;
	    width: 100%;
	    max-width: 600px;
	}
	.stationeryimage img {
		width: 100%;
		height: auto;
	}
	html #selectoptionsforms.tutorwrapper div.tutorbox div#gform_wrapper_43,
	html #selectoptionsforms.tutorwrapper div.tutorbox div#gform_wrapper_44,
	html #selectoptionsforms.tutorwrapper div.tutorbox div#gform_wrapper_45,
	html #selectoptionsforms.tutorwrapper div.tutorbox div#gform_wrapper_46
	{
		width: 100%!important;
	}
	/* =JUNE2015
	-------------------------------------------------------------- */
	.askaquestionform {
		width: 90%;
		padding: 5%;
	}
	.askaquestionform .additionaltext {
	    width: 30%;
	    padding: 10px 5% 25px 0;
	}
	.askaquestionform .frm_forms {
	    width: 65%;
	}
	
	/* =Tutor
	-------------------------------------------------------------- */
	.mobileonly {
		display: block;
	}

	
	/* =Footer
	-------------------------------------------------------------- */

	#footerconnect {
		width: 90%;
		margin-top: -5px;
		background-color: #fff;
		padding: 5px 5% 30px;
		float: left;	
	}	

	.subscribeform {
		float: left;
		width: 30%;
	}
	.subscribeform h3 {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.emailsubscription input[type="text"] {
	    width: 60%;
	}
	.bamtgroup {
		float: right;
		width: 68%;
	}
	.bamtgroup h3{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.bamtgroup a img {
		float: left;
		margin: 0;
		border: 0;
		width: 24%
	}
	
}
/*  501-768 END */

@media only screen and (min-width: 600px) and (max-width: 768px) {

	.mr-20 {
	    margin-right: 2%;
	}
	.w-410 {
	    width: 45%;
	}
	.w-253 {
		width: 28%;
	}
	.featurebox {
	    padding: 2%;
	}
	
	.w-620 {
		width: 64%;
	}
	.w-580 {
	    width: auto;
	}
	.w-280 {
		width: 28%;
	}
	.w-240 {
		width: auto;
	}
	.pageimage {
	    height: auto;
	    width: 100%;
	}
	
	/* =Tutor
	-------------------------------------------------------------- */
	.tutorwrapper {
		margin: 0;
	    width: 100%;
	}
	.tutorbox {
		float: left;
	    margin-bottom: 20px;
	    padding: 20px 2%;
		width: 96%;		
	}
	.tutorcol1 {
	    margin-right: 5%;
	    width: 55%;
	}
	.tutorcol2 {
	    float: left;
	    width: 40%;
	}
	.tutor-profilepic a img,
	.tutor-crb img {
		width: 100%;
		height: auto;
		max-width: 300px;
	}
	
}
@media only screen and (min-width: 0) and (max-width: 599px) {
	
	#wrapper {
		margin-top: 0;
		-moz-border-radius: 0;
	    -webkit-border-radius: 0;
	    -khtml-border-radius: 0;
	    border-radius: 0;
		padding-bottom: 20px;
	}
	#main {
	    padding: 0 20px 5px;
	}
	#container {
	    margin-top: 10px;
	}
	#masthead {
		position: relative;
	}
	.controlpanellogin {
	    background-color: #efefef;
	    border: 0 none;
	    border-radius: 0 0 5px 5px;
	    margin: 0;
	    padding: 13px 5% 10px;
	    position: absolute;
	    right: 5%;
	    text-align: center;
	    top: 0;
	}
	.headersocial {
	    margin: 50px 10px 20px 0;
	    display: none;
	}
	#headerlogo {
	    border: 0 none;
	    float: left;
	    margin: 13px 0 7px 20px;
	    text-align: left;
	    width: 64px;
	}
	#headerlogo img {
	    width:100%;
	    height: auto;
	}
	#headertext {
	    float: right;
	    margin: 20px 5% 11px 0;
	    text-align: right;
	    width: auto;
	    display: none;
	}
	#headertext h2 {
	    font-size: 16px;
	    margin: 0 0 0 10px;
	}
	.hideonmobile {
		display: none;
	}
	.wp-caption {
	    padding: 2%;
	    width: 96% !important;
	}
	.wp-caption img {
	    margin: 2%;
	    width: 96%;
	    height: auto;
	}
	/* =Slideshow
	-------------------------------------------------------------- */

	.headerimage {
	    float: left;
	    height: auto;
	    margin: 0;
	    padding: 0;
	    width: 100%;
	    overflow: hidden;
	    display: none;
	}
	.headerimage a img {
		margin: 0 auto;
	}
	.mr-20 {
	    margin-right: 0;
	}
	.w-410 {
	    width: 92%;
	}
	.w-253 {
		width: 92%;
	}
	
	.w-620 {
		width: 100%;
	}
	.w-580 {
	    width: auto;
	}
	.w-280 {
		width: 100%;
	}
	.w-240 {
		width: auto;
	}
	.featurebox {
	    padding: 4%;
	}
	.pagebox {
	    padding: 0;
    }
	.h-220 {
	    height: auto;
	}
	.pageimage {
	    height: auto;
	    width: 100%;
	    margin-top: 20px;
	}
	.searchformwrapper {
	    margin-bottom: 5px!important;
    }
	.featuredtutorimage {
		float:left;
		margin: 20px 5% 0 0;
		width: 25%;
	}
	.featuredtutorimage img {
		width: 100%;
		height: auto;
	}
	.featuredtutortext {
		float:right;
		margin: 20px 0 0 0;
		width: 70%;
		height: auto;
		overflow: hidden;
	}
	.learntosinghome,
	.latestresourceshome,
	.pressreleaseshome {
		display: none;
	}
	.featurebox h2 {
	    font-size: 20px;
	    line-height: 1.2em;
	    margin-bottom: 5px;
	}

	/* =Page
	-------------------------------------------------------------- */
	.pagebox h1, .pageboxresponsive h1 {
	    font-size: 20px;
	    line-height: 1.2em;
	    margin-bottom: 10px;
	}
	.sidebarbox, .controlpanel {
	    float: left;
	    margin: 0 0 20px;
	    padding: 4%;
	    width: 92% !important;
	}
	
	/* =Search form
	-------------------------------------------------------------- */
	html .searchformwrapper .searchformmiddle .gmw-address-field-wrapper input[type="text"] {
	    width: 149px;
	}
	#gmw-map-wrapper-1.gmw-map-wrapper {
	    display: none!important;
	}

	/* =Tutor
	-------------------------------------------------------------- */
	.tutorwrapper {
		margin: 0;
	    width: 100%;
	}
	.tutorbox {
		float: left;
	    margin-bottom: 20px;
	    padding: 4%;
		width: 92%;		
	}
	.tutorheading h4 {
	    display: none;
	}
	.tutorcol1 {
	    margin-right: 0;
	    width: 100%;
	}
	.tutorcol2 {
	    float: left;
	    width: 100%;
	}
	.tutor-profilepic {
		display: none;
	}
	.tutor-crb {
	    margin-top: 20px;
	}
	.tutor-crb img {
		width: 100%;
		height: auto;
		max-width: 300px;
	}
	.tutorcol1 .tutor-profilepicmobile {
		display: block;
		padding: 0;	
		-moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -khtml-border-radius: 10px;
	    border-radius: 10px;
	    float: left;
	    width: 40%;
	    margin: 0 5% 0 0;
	    
	}
	.tutor-profilepicmobile a img, .tutor-profilepicmobile img {
		-moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -khtml-border-radius: 10px;
	    border-radius: 10px;
	    width: 100%;
		height: auto;
		max-width: 300px;
	}
	.tutor-images a img {
		width: 48%;
		margin: 1%;
		max-width: 100px;
	}
	.tutor-location {
	    float: left;
	    width: 40%;
	}
	.tutor-contact {
	    background-color: #fff;
	    float: left;
	    padding: 5%;
	    width: 90%;
	    clear: both;
	}
	.tutor-description {
		float: left;
		clear: both;
	}
	.tutor-images {
	    clear: both;
	    float: left;
	}
	table.tutorcontacttable tr td {
	    clear: both;
	    float: left;
	    padding: 4px 5px 4px 0;
	    vertical-align: middle;
	}
	table.tutorcontacttable tbody tr td strong a {
		font-size: 12px;
	}
	.mobileonly {
		display: block;
	}
	
	/* =Learn To Play
	-------------------------------------------------------------- */
	
	.tutorvideo {
		padding: 4%;
		width: 94%;
	}
	
	.tutorvideointro {
		margin: 5px 0 20px 0;
		width: 100%;
	}
	.tuoryoutubevideo {
		float: right;	
		width: 100%;
	}
	.tutorcalltoaction {
		padding: 20px 4%;
		width: 94%;
	}
	.tutorcasestudy {
		display: none;
	}
	
	/* =Select Options
	-------------------------------------------------------------- */
	
	.selectheading {
		display: none;
	}
	.selectoptionsintro {
		width: 100%;	
	}
	.stationeryimage {
	    float: left;
	    height: auto;
	    margin: 140px 0 0;
	    width: 100%;
	    max-width: 600px;
	}
	.stationeryimage img {
		width: 100%;
		height: auto;
	}
	html #selectoptionsforms.tutorwrapper div.tutorbox div#gform_wrapper_43,
	html #selectoptionsforms.tutorwrapper div.tutorbox div#gform_wrapper_44,
	html #selectoptionsforms.tutorwrapper div.tutorbox div#gform_wrapper_45,
	html #selectoptionsforms.tutorwrapper div.tutorbox div#gform_wrapper_46
	{
		width: 100%!important;
	}
	.selectoptions-default .defaultoption {
	    background: url("images/selectedoption.gif") no-repeat scroll left top #e4e4e4;
	    border-radius: 10px;
	    float: left;
	    height: 120px;
	    margin: 15px 0 15px 0;
	    padding: 16px !important;
	    width: 225px;
	}
	html #selectoptionsforms ul#input_43_3.gfield_checkbox li,
	html #selectoptionsforms ul#input_44_3.gfield_checkbox li,
	html #selectoptionsforms ul#input_45_3.gfield_checkbox li,
	html #selectoptionsforms ul#input_46_3.gfield_checkbox li 
	{
	    height: 120px!important;
	    margin: 15px 0 5px 0!important;
	    padding: 16px !important;
	    width: 225px!important;
	}
	html ul#gform_fields_43.gform_fields li#field_43_2.gfield,
	html ul#gform_fields_44.gform_fields li#field_44_2.gfield,
	html ul#gform_fields_45.gform_fields li#field_45_2.gfield,
	html ul#gform_fields_46.gform_fields li#field_46_2.gfield {
		width: 200px;
		float: left;
		margin: 15px 0 15px;
	}
	html form#gform_43 div.gform_footer input#gform_submit_button_43.button,
	html form#gform_44 div.gform_footer input#gform_submit_button_44.button,
	html form#gform_45 div.gform_footer input#gform_submit_button_45.button,
	html form#gform_46 div.gform_footer input#gform_submit_button_46.button {
	    float: left;
	    margin: 0;
	}
	html .gfield.optionsemail {
	    float: left;
	    margin: 0;
	}
	html ul#gform_fields_43.gform_fields li#field_43_6.gfield,
	html ul#gform_fields_44.gform_fields li#field_44_6.gfield,
	html ul#gform_fields_45.gform_fields li#field_45_6.gfield,
	html ul#gform_fields_46.gform_fields li#field_46_6.gfield {
		float: left;
	}
	/* =Ask a question
	-------------------------------------------------------------- */
	.askaquestionform {
	    padding: 4%;
	    width: 94%;
	}
	.askaquestionform .frm_forms {
	    float: right;
	    width: 100%;
	}
	
	/* =Forms
	-------------------------------------------------------------- */

	.frm_form_field.frm_left_half, 
	.frm_form_field.frm_right_half, 
	.frm_form_field.frm_first_half, 
	.frm_form_field.frm_last_half {
	    width: 98%;
	}

	/* =Footer
	-------------------------------------------------------------- */

	#footerconnect {
		width: 80%;
		margin-top: 0px;
		background-color: #fff;
		padding: 5px 10% 30px;
		float: left;	
	}	
	.subscribeform {
		float: left;
		width: 100%;
	}
	.subscribeform h3 {
		margin-bottom: 5px;
	}
	.emailsubscription input[type="text"] {
	    width: 60%;
	}
	.bamtgroup {
		float: right;
		width: 100%;
	}
	.bamtgroup h3{
		margin-top: 25px;
	}
	.bamtgroup a img {
		float: left;
		margin: 0;
		border: 0;
		width: 24%
	}
	#copyright p {
	    color: #dadada;
	    font-size: 11px;
	    line-height: 1.1em;
	    margin: 0 0 7px;
	}
	
	
}

.tutor-profilepicmobile {
	display: none;
}
html iframe {
	width: 100%!important;
}

/*  NAVIGATION SWITCHER   ============================================================================= */

.nav-button { display: none; } /* hide the navigation button by default */

@media only screen and (min-width: 0px) and (max-width: 768px) {
	
	#headerlogo img {
	    margin: 0 auto;
	}
	.headerapply {
		float: right;
		position: relative;
		z-index: 210;
		margin: 0; 
	}
	.headerapply a {
		padding: 16px;
	}
	#access {
		width: auto;
		margin: 0;
	}

	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 67px;
		left: 5%;
		width: 100px;
		height: 35px;
		background: url('images/bamt-menuopen.png');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 80%, 80%;
		cursor: pointer;
		border: 0 none;
		box-shadow: none;
		border-radius: 0;
		z-index: 201;
		text-indent: -9999px;
	}
	.nav-button.open {
		background: url('images/bamt-menuclose.png');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 80%, 80%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */
	
	.menu {
		width: 100%;
		float: none;
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		z-index: 200;
		clear: both;
	}
	.menu li {
		display: none;
		margin: 0 5%;
		width: 90%;
	}
	.menu li a {
		display: block;
		width: 90%;
		padding: 5px 5%;
		font-size: 18px;
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2); 
	}
	.menu li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.menu > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}
	
	#access a {
    padding: 0 10%!important;
	}
	.access .menu-header, div.menu {
	    margin-left: 0;
	}

	/* Toggle the navigation bar open  */

	.menu.open { 
		height: auto;
		padding-top: 50px;
	}
	.menu.open li { 
		display: block; 
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.menu > li:hover > a {
		border-bottom-color: transparent;
	}
	.menu li.parent > a:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.menu li.parent > a:hover {
		background: rgba(0,0,0,.25);
	}
	.menu li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.menu li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.menu li:hover ul {
		display: block;
		border-top: 0 none;
	}
	.menu li ul.sub-menu {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		float: left;
		width: 100%;
		z-index: 99999;
		background: #9B1B63;
		padding: 0;
		-moz-border-radius: 0;
	    -webkit-border-radius: 0;
	    -khtml-border-radius: 0;
	    border-radius: 0;
	}
	.tutoraccess .menu li ul.sub-menu,
	.tutoraccess.access ul ul a {
	    background: none repeat scroll 0 0 #6b6b6b;
	}
	.menu li ul.sub-menu li a {
		display: block;
		width: 90%;
		padding: 12px 5%;
		font-size: 15px;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2); 
		-moz-border-radius: 0;
	    -webkit-border-radius: 0;
	    -khtml-border-radius: 0;
	    border-radius: 0;
	}
	.menu li ul.sub-menu li a:hover {
		background: rgba(0,0,0,.25);
	}
	

} /* End Mobile Styles */


