html,body { -webkit-text-size-adjust: none; }

/* headers */

h1.page_header_bg { font-size: 24px;padding: 10px 16px 10px 12px; }
h1.page_header { font-size: 24px;font-weight: 600;letter-spacing: -0.5px; }
h2 { font-size: 18px; }


/* top */

#top_inner { padding: 20px 10px; }
#top_right ul li { margin-left: 3px;margin-right: 3px; }


/* navigation */

#top_right ul li h1 { font-size: 16px;margin-bottom: 10px; }
#top_right ul li h1 a { font-weight: 600; }
#top_right ul li h2 { font-size: 15px; }
#top_right ul li h2 a { color: #cee8f7; }

#top_right ul li a.social { width: 28px;line-height: 28px;font-size: 18px; }


/* links and buttons */

.right_bullet { margin-left: 4px; }

.light_blue { font-size: 16px;padding: 10px 14px; }

/* slider */

.slide_block .caption_block { bottom: 0;width: 100%; }
.slide_block .caption_block h1 { font-size: 22px; }
.slide_block .caption_block h2 { font-size: 15px; }

.owl-dots { right: 10px;top: 10px; }
.owl-dots .owl-dot { width: 12px;height: 12px; }
.owl-dots .active { width: 12px;height: 12px; }


/* footer */

#footer_left ul { padding-right: 0px;padding-left: 0px; }

#footer_right h5 { font-size: 18px; }

#footer_right .pool_block { padding-left: 0px;padding-right: 0px;max-width: 100%;width: 100%;margin-bottom: 20px; }
#footer_right .pool_block p { font-size: 16px;line-height: 24px; }
ul#footer_logos li { width: 50%;padding: 0 8px; }

/* right */

.grey_block { padding: 14px 12px; }

/* news */

.news_row h2 { font-size: 20px;line-height: 24px; }

/* pools */

.pools_left { width: 100%;float: none;margin-bottom: 20px; }

.pools_right { width: 100%;float: none;margin-bottom: 20px; }


/* faq */


.faq_q { padding: 10px 50px 10px 12px;font-size: 16px; }
.faq_q i { font-size: 24px;right: 10px;margin-top: -12px; }
.faq_a { padding: 10px 12px; }


/* teachers */

.teachers_left { width: 60%;float: none;margin: 0 auto 10px; }
.teachers_left span { margin-top: 0px;transform: rotate(0); }

.teachers_right { width: 100%;float: none;text-align: center; }

/* contact */

.contact_row { text-align: center; }
.contact_pool_img { float: none;width: 70%;margin: 0 auto 15px auto; }

ul.photos li { width: 50%; }

/* home */

.hpb_3 { width: 100%; }
.hpb_4 { width: 100%; }
.home_pool_block { float: none;padding: 0 4px 16px; }

.grey_block_power {
	background: #e0f5fc;
	padding: 22px 0px;
	border-radius: 0px;
	box-shadow: 1px 3px 6px #ccc;
	background-image: url('../img/swimming_oakleigh_park_2018.jpg');
	height: unset;
	background-size: cover;
	background-position: center center;
}

.grey_block_power h2 {
	text-align: center;
	font-size: 11px;
	color: #fff;
	line-height: 17px;
	width: 90%;
	margin: auto;
	margin-top: unset;
	text-shadow: 1px 1px 1px #0e2d44;
	font-family: arial;
	letter-spacing: normal;
}

.grey_block_power h1 {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-shadow: 2px 2px 2px #082641;
	line-height: 20px;
	margin-bottom: 10px;
}


.spaces_yes {
	background-color: #1af34a;
	display: block;
	font-size: 12px;
	color: #000;
	padding: 2px 10px;
	font-family: arial;
	letter-spacing: normal;
	border-radius: 5px;
	float: unset;
	width: 50%;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 0;
}

.spaces_no {
	background-color: #f02200;
	display: block;
	font-size: 12px;
	color: #000;
	padding: 2px 10px;
	font-family: arial;
	letter-spacing: normal;
	border-radius: 5px;
	float: unset;
	width: 50%;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 0;
}


h4.class_name {
	font-size: 20px;
	margin-bottom: 10px;
	text-align: center;
}




/* bookings */

.step_on:after { border-width: 10px;margin-left: -10px; }

.step_off:after { border-width: 10px;margin-left: -10px; }

.book_step span { display: none; }

.class_more { padding: 12px;  }

span.f30 {
	width: 40%;
}

span.f70 {
	width: 60%;
}

.class_info { padding: 10px 0 10px 0; }

.summary_left { width: 100%;float: none;border-right: none;padding: 5px 10px 5px 10px;background: #F3F6F7; }
.summary_right { width: 100%;float: none;padding: 10px 10px 10px 10px; }

.payment_option_block { display: block;margin-bottom: 10px; }

.another { float: none;margin: 0 0 10px 0px;width: 100%; }

/* products */

.product_box { width: 100%;float: none;padding: 0 0 16px 0; }