@media (max-width: 768px) {
	span.burger {
		display: block;
	}
	.header ul {
		display: none;
	}
	a.logo {
		margin: 0 auto 120px auto;
		float: left;
	}
	.header {
		height: unset;
	}
	.body iframe {
		width: 100%;
		float: left;
	}
	.godown {
		display: none;
	}
	.contact-details {
		text-align: left;
	}
	.intro h2 {
		font-size: 32pt;
		line-height: 38pt;
	}
	.f-event-img {
		margin: 0 0 20px 0;
	}
	.f-event-info {
		text-align: center;
	}
	#gform_wrapper_1 .gform_body,
	#gform_wrapper_1 .gform_footer {
		width: 100%;
	}
	#gform_wrapper_1 .gform_body {
		margin: 0 0 10px 0;
	}
	#field_1_1 input {
		padding: 15px;
	}
	.footer {
		text-align: left;
	}
	.legal {
		width: 100%;
		float: left;
		text-align: left;
		margin: 30px 0;
	}
	.header .row:last-child {
		position: relative;
		width: auto;
	}
	.header-titles {
		width: 100%;
		float: left;
		text-align: left;
		margin: 0;
	}
	.header-titles h1 {
		margin: 0 0 30px 0;
		font-size: 48px;
		line-height: 52px;
	}
	.content,
	.contact-content h2,
	.content h2 {
		text-align: left;
	}
	.class-item h4, .whatson-item h3,
	.class-item p, .whatson-details p,
	.whatson-item h2,
	.links-content h3,
	.links-content h2 {
		text-align: left;
	}
	.child {
		width: 100% !important;
	}
	#field_2_5, #field_2_6,
	#field_2_1, #field_2_2, #field_2_3, #field_2_4 {
		width: 100% !important;
	}
	#ytvid {
		width: 100%;
	}
	#ytvidph {
		width: 100%;
		background-size: 100%;
		background-size: 100%;
		height: 195px;
	}
	.header {
		background-size: 300%;
	}
	.f-event-hp .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer a.facebook {
		float: none;
		display: inline-block;
	}
	.footer a.twitter {
		float: none;
		display: inline-block;
	}
	.title-bar,
	.title-bar h2 {
		text-align: left;
	}
	.intro {
		background-position: center -10px;
	}
	.intro h2,
	.intro,
	.intro p,
	.review-bg p,
	.review-bg h2 {
		text-align: left;
	}
	.image-container .bx-controls {
		display: none;
	}
	.intro h2 {
		line-height: 48px;
	}
	.body h2,
	.body-schedule p,
	.staff-div p,
	.body-location h2, 
	.body-location p {
		text-align: left;
	}
	.events-area h2 {
		text-align: center;
	}
	.review-bg h2 {
		background-position: left top;
	}
	.review-bg .bx-controls { display: none !important; }
	.whatson-short {
		margin-top: 30px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	.container {
		width: 100% !important;
	}
	.header {
		background-size: 100%;
	}
	.event-item h3 {
		font-size: 22px;
	}
	.bx-controls-direction {
		display: none !important;
	}
	.f-event-hp .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.intro h2 {
		line-height: 88px;
	}
	.intro {
		background-size: 160%;
	}
	.home .f-event-info {
		padding: 50px 0 !important;
	}
	.f-event-img img {
		margin-left: -15px;
	}
	
}