body, p, div, section, article, h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}



/**

* Colours



Brown - #554741

Green - #5A867D

Dark Green - #082622



*/



.page {font-family: 'Lato', sans-serif;

	background-color: #456B63;

}

h1 {font-size: 38px;}

h2 {font-size: 28px;}

h3 {font-size: 25px;}

h4 {font-size: 20px;}

h5 {font-size: 15px;}

p {margin-top: 0.75em;}

a {

  color: inherit; /* blue colors for links too */

  text-decoration: inherit; /* no underline */

}

.clearfix {overflow: auto;zoom: 1;clear: both;}

.button {

	padding: 1.25em 0em;

	border: 2px solid #5A867D;

	color: #5A867D;

	background-color: white;

}



.page-heading {

	font-size: 42px;

	font-weight: 400;

}



.button:hover {background-color: #5A867D;color: white;}



.content-wrapper {margin-top: -200px;}



.content {

	position: relative;
	
    background-color: #fff;
    
    margin: 50px auto;
    
    padding-left: 25px;
    
    padding-right: 50px;
    
    width: auto;
    
    height: 500px;

}

.content-2 {

	position: absolute;

	width: 10px;

	background-color: white;

	margin: 0 auto;

	padding: 50px;

	margin-bottom: 1em;

}

.content-a {

	position: relative;

	width: 10px;

	background-color: white;

	margin: 0 auto;

	padding: 50px;

	margin-bottom: 1em;

}


.banner-box {

	background-color: red;

}



/**

* Navigation 

**/



.desktop {

	display: block;

}



.mobile {

	display: none;

}



.header-top {

	width: 98%;

	padding: 1.5em 1%;

	background-color: white;

}



	.header-top div {

		width: 760px;

		margin: 0 auto;

	}



		.header-top div img:first-child {

			display: inline-block;

			float: left;

			width: 250px;

		}



		.header-top div img:nth-child(2) {

			display: inline-block;

			float: right;

			vertical-align: bottom;

			padding-top: 0.4em;

			cursor: pointer;

		}



		.header-top div h2 {

			margin-right: 20px;

			margin-top: 10px;

			display: inline-block;

			float: right;

		}



.header-bottom {

	width: 100%;

	background-color: rgba(255, 255, 255, 0.8);

}



	.header-bottom nav {

		margin: 0 auto;

		width: 768px;

	}



		.header-bottom nav ul {

			float: right;

			padding: 0.3em 0 0.3em 0;

		}



			.header-bottom nav ul li {

				display: inline-block;

				margin-right: 20px;

				color: black;

			}



			.header-bottom nav ul li:nth-child(6) {

				margin-right: 0;

			}



				.header-bottom nav ul li h5 {

					font-weight: 400;

				}



		.mobile.header-bottom nav ul {

			float: none;

			width: 320px;

			margin: 0 auto;

			padding: 1em 0 1em 0;

			text-align: center;

		}



			.mobile.header-bottom nav ul li {

			}



				.mobile.header-bottom nav ul li h5 {

				}



				.mobile.header-bottom {

				}

				

	.mobile.dropdown ul {

		background-color: white;

		list-style-type: none;

		padding: 0 1em 0em 1em;

		margin: 0;

	}



		.mobile.dropdown li {

			display: inline-block;

			width: 95%;

			padding: 1.25em 2.5%;

			border-bottom: 1px solid #5A867D;

		}



		.mobile.dropdown li:nth-child(7) {

			border: none;

		}





/**

* Backgrounds

**/



.layer-1-background {

	position: absolute;

	top: 0;

	width: 100%;

	height: 590px;

	background-image: url('Images/dark-wood.png');

	background-color: #554741;

	z-index: -3;

}



.home {

	background-color: #5A867D;

}



/**

* BannerImage

**/



.banner-image {

	top: 0;

	width: 1500px;

	margin: 0 auto;

	height: 670px;

	z-index: -2;

}



.banner-image div {

	width: 100%;

	height: 100%;

	background-image: url('Images/med_building.jpg');

	background-repeat: no-repeat;

	background-size: cover;

}

.home .first-2 {

	background-color: rgba(217,214,209,0.9);

	left: 215px;

	width: 320px;

	padding: 0;

	border-radius: 5px;

}

.home .first-2 a {

	margin-top: 1em;

	display: block;

	color: #5A867D;

}



.home .first-2 h6 {

	font-size: 16px;

	font-weight: 700;

	background-image: url('Images/Button.png');

	height: 41px;

	width: 226px;

	padding: 20px 20px 20px 0px;

	display: inline-block;

	text-align: center;

	vertical-align: top;

}



.home .first-2 img {

	display: inline-block;

	padding-top: 15px;

}


.home .first {

	background-color: rgba(217,214,209,0.9);

	left: 340px;

	width: 320px;

	padding: 0;

	border-radius: 5px;

}



.home .first a {

	margin-top: 1em;

	display: block;

}



.home .first h6 {

	font-size: 16px;

	font-weight: 700;

	background-image: url('Images/Button.png');

	height: 41px;

	width: 226px;

	padding: 20px 20px 20px 0px;

	display: inline-block;

	text-align: center;

	vertical-align: top;

}



.home .first img {

	display: inline-block;

	padding-top: 15px;

}



.home .second {

	width: 860px;

	padding: 70px;

}



.home .second h1 {

	margin-bottom: 0.5em;

}



.home .second h3 {

	margin-bottom: 0.7em;

}



.home .third {

	width: 1000px;

	padding: 0em;

	display: flex;

}



.home .third div {

	background-color: white;

	width: 30%;

	padding: 0em 1%;

	display: inline-block;

	text-align: center;

	align-self: center;

}



.home .third img {

	display: inline-block;

	width: 70%;

	height: 500px;

}



.home .third .cms-content h4 {

	font-weight: 400;

}



.home .third .cms-content h4:nth-child(3), .home .third .cms-content h4:first-child {

	margin-top: 0.4em;

}



.home .fourth {

	position: relative;

	padding: 0;

	width: 1000px;

	height: 300px;

}



.home .fourth #google-maps {

	position: relative;

	height: 300px;

	width: 70%;

	display: inline-block;

	border: none;

}



.home .fourth div:nth-child(2) {

	width: 26%;

	display: inline-block;

	vertical-align: top;

	padding: 3em 2%;

	text-align: center;

}



.home .fourth h4 {

	margin-top: 0.75em;

}



.home .fourth p {

	margin: 0;

}







/**

* DOCTORS

**/



.page-id-21 p {

	margin-top: 0.2em;

}



.page-id-21 #staff-info p {

	margin-top: 0.5em;

}



.page-id-21 section, .page-id-46 section, .page-id-11 section {

	background-color: white;

	padding: 100px;

	width: 1000px;

	margin: 100px auto;

}



.page-id-21 #staff-info {

	width: 1000px;

	height: auto;

	margin: 50px auto 0;	

	overflow: hidden; 

	position: relative; 

	-webkit-box-shadow: 7px 8px 5px 0px rgba(0,0,0,0.12);

	-moz-box-shadow: 7px 8px 5px 0px rgba(0,0,0,0.12);

	box-shadow: 7px 8px 5px 0px rgba(0,0,0,0.12);

	padding-bottom: 40px;

}



.page-id-21 #staff-info h4 {

	margin-top: 1em;

}



.page-id-21 #staff-info h2 {

	color: #5A867D;

}



.page-id-21 #staff-info h5:nth-child(2) {

	margin-top: 0.2em;

	font-weight: 700;

	font-size: 16px;

}





.page-id-21 #staff-info img {

	width: 350px;

	margin-top: 50px;

	margin-right: 50px;

	float: right;

}



.page-id-21 #staff-info .staff-content {

	float: right;

	width: 50%;

	padding: 0.5em 2em 0.5em 0.5em;

	margin-top: 50px;

}



.page-id-21 #staff-info span {

	font-weight: bold;

}



.page-id-21 .staff-grid {

	width: 700px;

	display: inline-block;

	vertical-align: top;

}



	.page-id-21 .staff-member {

		cursor: pointer;

		display: inline-block;

		width: 29%;

		padding: 2%;

		margin-top: 50px;

		-webkit-box-shadow: 7px 8px 5px 0px rgba(0,0,0,0.12);

		-moz-box-shadow: 7px 8px 5px 0px rgba(0,0,0,0.12);

		box-shadow: 7px 8px 5px 0px rgba(0,0,0,0.12);

	}



		.page-id-21 .staff-member img {

			width: 100%;

		}



		.page-id-21 .staff-member p, .page-id-21 .staff-member h4 {

			padding: 0 2%;

		}



		.page-id-21 .staff-member p:nth-child(2) {

			margin-top: 1em;

			font-weight: bold;

			font-size: 14px;

		}



		.page-id-21 .staff-member p:nth-child(3) {

			color: #80B7A2;

			margin: 0.5em 0;

			font-size: 12px;

		}



.page-id-21 .sidebar {

	margin-top: 50px;

}



/**

* SERVICES

**/



.page-id-46 .content, .page-id-91 .content, .page-id-292 .content, .page-id-11 .content {

	margin-top: 50px;

}



.page-id-46 .content, .page-id-11 .content {

	margin-bottom: 20px;

}



.page-id-46 .content:nth-child(2), .page-id-11 .content:nth-child(2) {

	margin-top: 20px;

}



.page-id-46 .page-heading, .page-id-91 .page-heading, .page-id-292 .page-heading, .page-id-11 .page-heading   {

	margin-bottom: 0.5em;

}



.page-id-46 .sub-heading, .page-id-91 .sub-heading, .page-id-292 .sub-heading, .page-id-11 .sub-heading {

	margin-bottom: 1em;

}



.page-id-46 .services-content, .page-id-91 .services-content, .page-id-292 .services-content, .page-id-11 .services-content {

	width: 60%;

	display: inline-block;

}



.page-id-46 .services-row, .page-id-91 .services-row, .page-id-292 .services-row, .page-id-11 .services-row{

	border-bottom: 1px solid #80B7A2;

	padding: 0.8em 0.5em 0.5em 0.5em;

	cursor: pointer;

}



.page-id-46 .services-row p, .page-id-91 .services-row p, .page-id-292 .services-row p, .page-id-11 .services-row p {

	clear: both;

}



.page-id-46 .services-row span p:first-child, .page-id-91 .services-row span p:first-child, .page-id-292 .services-row span p:first-child, .page-id-11 .services-row span p:first-child {

	padding-top: 1em;

}



.page-id-46 .services-row span p:last-child, .page-id-91 .services-row span p:last-child, .page-id-292 .services-row span p:last-child, .page-id-11 .services-row span p:last-child {

	padding-bottom: 1em;

}



.page-id-46 .services-row h4, .page-id-91 .services-row h4, .page-id-292 .services-row h4, .page-id-11 .services-row h4 {

	color: #5A867D;

	float: left;	

	display: block;

	font-size: 20px;

	width: 85%;

}



.page-id-46 .services-row img, .page-id-91 .services-row img, .page-id-292 .services-row img, .page-id-11 .services-row img {

	float: right;

	transition: -webkit-transform 0.5s, -ms-transform 0.5, transform 0.5s;



}





/**

* CONTACT

**/



.page-id-54 section {

	width: 700px;

	margin: 50px auto;

}



.page-id-54 .top-wrapper {

	width: 500px;

	background-color: #082622;

	color: white;

	padding: 75px 100px 100px 100px;

}



.page-id-54 .top-box {

	vertical-align: top;

	display: inline-block;

	width: 40%;

	padding: 5%;

}



.page-id-54 section h3 {

		font-size: 20px;

		margin-bottom: 0.5em;

		margin-top: 0.6em;

}



.page-id-54 .top-box h3 {

	padding-bottom: 0.5em;

	margin: 1.5em 0 0.5em 0;

	border-bottom: 2px solid white;

}



.page-id-54 #google-maps-contact {

	height: 350px;

	width: 65%;

	display: inline-block;

	border: none;

}



.page-id-54 .contact-content {

	width: 25%;

	padding: 35px 5%;

	background-color: white;

	height: 280px;

	display: inline-block;

	vertical-align: top;

	text-align: center;

}



.page-id-54 .contact-content p {

	margin: 0;

}





/**

* PATIENT

**/

.online h3 {
	text-align: center;
}

.online img {
	margin-top: 10px;
}

.page-id-61 .content {

	width: 850px;

	padding: 60px 250px 60px 100px;

}

.page-id-61 .content .patient-subcontent {

	width: 70%;

	float: left;

}



.page-id-61 .content p {

		line-height: 1.25em;

}



.page-id-61 .patient-firstrow {

	margin-top: 4em;

	padding-right: 100px;

	width: 1000px;

}



	.page-id-61 .patient-firstrow .patient-subcontent {

		display: inline-block;

	}



.page-id-61 .content ul {

	margin-left: 20px;

	list-style-type: none;

}



.page-id-61 .content li {

	margin-top: 0.5em;

}



.page-id-61 .patient-firstrow h1 {

	font-weight: 400;

	font-size: 42px;

	margin-bottom: 0.5em;

}



.page-id-61 .content:first-child p {

		line-height: 1.75em;

}



.page-id-61 .content .patient-subcontent h5 {

	color: #456B63;

	font-weight: 700;

	font-size: 17px;

	margin-top: 0.5em;

}



.page-id-61 .content .hours-text {

	line-height: 1em;

	font-weight: 700;

}



.page-id-61 .content .appointment-headings {

	font-size: 20px;

	margin: 20px 0;

}



.page-id-61 .content .appointment-headings span {

	font-style: italic;

	font-weight: 400;

	font-size: 18px;

}



.page-id-61 .content .appointment-text-top {

	border-top: 2px solid #80B7A2;

}



.page-id-61 .content .appointment-text {

	padding: 10px;

	border-bottom: 2px solid #80B7A2;

}



	.appointment-text span:nth-child(2) {

		float: right;

		margin-right: 1em;

	}



.form-button {

	margin-top: 30px;

	background-color: #80B7A2;

	border-radius: 7px;

	width: 250px;

	-webkit-box-shadow: -1px 11px 8px -9px rgba(0,0,0,0.3);

	-moz-box-shadow: -1px 11px 8px -9px rgba(0,0,0,0.3);

	box-shadow: -1px 11px 8px -9px rgba(0,0,0,0.3);

}



	.form-button h3 {

		font-size: 17px;

		width: 65%;

		float: right;

		padding: 7.5% 5%;

		background-color: #F5F5F5;

		border-bottom-right-radius: 6px;

		border-top-right-radius: 6px;

	}



	.form-button img {

		padding-top: 10px;

		display: inline-block;

		margin-left: 13px;

	}



/**

* FORM

**/



.wpcf7-list-item {

	display: block;

}



.all-toggle, .doctor-toggle, .prob-toggle, .med-toggle, .smoke-toggle, .pap-toggle, .inner-pap-toggle, .alcohol-toggle {

	display: none;

}



.page-id-163 p {

	margin-top: 0;

}



.page-id-163 {

	background-color: #5A867D;

}


.page-id-163 .left-column {
	width: 20%;
	display: inline-block;
	margin-right: 5%;
}
.page-id-163 .left-column-radio {
	width: 8%;
	padding-left: 1em;
	margin-top: 0.25em;
	display: inline-block;
	margin-right: 2.5%;
}

.page-id-163 .left-column-large {
	width: 30%;
	display: inline-block;
	margin-right: 5%;
}

.page-id-163 .left-column-xlarge {
	width: 45%;
	display: inline-block;
	margin-right: 5%;
}

.wpcf7-form-control-wrap.Last,
.wpcf7-form-control-wrap.City,
.wpcf7-form-control-wrap.HomePhone,
.wpcf7-form-control-wrap.MobilePhone,
.wpcf7-form-control-wrap.MedicareExpiry,
.wpcf7-form-control-wrap.NextOfKin,
.wpcf7-form-control-wrap.NextOfKinAddress,
.wpcf7-form-control-wrap.NextOfKinSuburb,
.wpcf7-form-control-wrap.NextOfKinPostcode,
.wpcf7-form-control-wrap.NextOfKinRelationship,
.wpcf7-form-control-wrap.EContact,
.wpcf7-form-control-wrap.EContactAddress,
.wpcf7-form-control-wrap.EContactSuburb,
.wpcf7-form-control-wrap.EContactPostcode,
.wpcf7-form-control-wrap.EContactRelationship,
.wpcf7-form-control-wrap.title,
.wpcf7-form-control-wrap.firstname,
.wpcf7-form-control-wrap.middlename,
.wpcf7-form-control-wrap.LastName,
.wpcf7-form-control-wrap.email,
.wpcf7-form-control-wrap.ethdescription,
.wpcf7-form-control-wrap.Occupation
{
	width: 75%;
	display: inline-block;
	margin-bottom: 1em;
}

.wpcf7-form-control-wrap.WorkPhone {
	width: 75%;
	display: inline-block;
}

.wpcf7-form-control-wrap.address,
.wpcf7-form-control-wrap.streetAddress,
.wpcf7-form-control-wrap.MedicareNumber,
.wpcf7-form-control-wrap.NextOfKinNumber,
.wpcf7-form-control-wrap.EContactNumber, 
.wpcf7-form-control-wrap.DOB,
.wpcf7-form-control-wrap.MaritalStatus
 {
	width: 65%;
	display: inline-block;
	margin-bottom: 1em;
}

.wpcf7-form-control-wrap.Postal
{
	width: 65%;
	display: inline-block;
}

.wpcf7-form-control-wrap.ReferenceNumber,
.wpcf7-form-control-wrap.HeardAboutUs {
	width: 50%;
	display: inline-block;
	margin-bottom: 1em;
}

.page-id-163 .mbottom {
	margin-bottom: 1em;
}

.page-id-163 .right-column {
	width: 100%;
}

.page-id-163 form .full-width {

	width: 100%;

}



.page-id-163 form .p-margin-both {

	margin-top: 5px;

	margin-bottom: 10px;

}



.page-id-163 form .p-margin-bot {

	margin-bottom: 10px;

}



.page-id-163 form {

		background-color: white;

		padding: 4em;

width: 500px;

	margin: 5em auto;

}



.page-id-163 form h5 {

	font-size: 17px;

	margin: 0.75em 0;

	font-weight: bold;

	color: #5A867D;

}



.page-id-163 form .half-left {

	width: 45%;

	margin-right: 5%;

}



.page-id-163 form .text-half-left {

	margin-top: 5px;

	width: 51%;

	display: inline-block;

}



.page-id-163 form .text-half-right {

	margin-top: 5px;

}



.page-id-163 form .half-right {

	width: 45%;

}



form .nametitle {

	width: 10%;

	margin-right: 4%;

}



.page-id-163 form .namefirst, form .gp-first {

	width: 30%;

	margin-right: 4%;

}



form .pre-text {

	width: 15%;

	display: inline-block;

}



form .first-text, form .gp-first-text {

	width: 35%;

	display: inline-block;

	margin-top: 5px;

}



form .namelast, form .gp-last {

	width: 45%;

}



form .last-text, form .gp-last-text {

	margin-top: 5px;

}



form .knownas input {

	margin-top: 0.75em;

}



form .text-knownas {

	margin-top: 5px;

}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #DBE0E1;
	border: none;
	border-radius: 0;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: 0.0333em;
	line-height: 1.25;
	margin: 0;
	opacity: 1;
	padding: 1.1em 1.44em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: opacity 0.15s linear;
}

	button,
	.button,
	.faux-button,
	.wp-block-button__link,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		font-size: 1rem;
	}
	
	

.page-id-163 form input[type=submit] {

	background-color: transparent;

	border: 1px solid #5A867D;

	padding: 7px 15px;

	color: #5A867D;

	cursor: pointer;

	font-size: 16px;

}



.page-id-163 form input[type=submit]:hover {

	background-color: #5A867D;

	color: white;

}





/**

* SIDEBAR

**/



.catcher {

	float: right;	

	width: 250px;

	padding: 0 1em;

}



.sidebar {

	z-index: 10;

	float: right;

	width: 250px;

	padding: 0 1em;



}



.sidebar div {

	border-radius: 7px;

	-webkit-box-shadow: -1px 11px 8px -9px rgba(0,0,0,0.3);

	-moz-box-shadow: -1px 11px 8px -9px rgba(0,0,0,0.3);

	box-shadow: -1px 11px 8px -9px rgba(0,0,0,0.3);

}



.sidebar-first {

	padding: 1em 1.5em;

	background-color: #F5F5F5;

	text-align: center;

}



.sidebar-second	{

	background-color: #80B7A2;

}



.sidebar-third {

	background-color: #5A867D;

}



.sidebar-fourth {

	background-color: #456B63;

}



.sidebar-third h3, .sidebar-fourth h3 {

	padding: 1em 1em 1em 2em;	

}



.sidebar-lower {

	width: 100%;

	margin-top: 10px;

}



.contact-button {

	margin-top: 30px;

	width: 250px;

	background-color: #80B7A2;

	border-radius: 7px;

	color: black;

	-webkit-box-shadow: -1px 11px 8px -9px rgba(0,0,0,0.3);

	-moz-box-shadow: -1px 11px 8px -9px rgba(0,0,0,0.3);

	box-shadow: -1px 11px 8px -9px rgba(0,0,0,0.3);

}



.sidebar-lower h3, .contact-button h5 {

	border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;

	width: 55%;

	background-color: #F5F5F5;

	display: inline-block;

}



.sidebar-lower svg, .contact-button svg {

	width: 50px;

	height: 35px;

	display: inline-block;

}



.sidebar-third svg, .sidebar-fourth svg {

		vertical-align: middle;

}



.sidebar-lower svg line, .contact-button svg line  {

	stroke: black;

	stroke-width: 3;

}



.sidebar h3, .contact-button h5 {

	font-size: 18px;

}



.sidebar h4 {

	font-size: 15px;

}



.sidebar h5 {

	font-size: 13px;

}



.sidebar-first p {

	margin: 0;

}



.sidebar-first h4:nth-child(2), .sidebar div h5:nth-child(5), .sidebar div h5:nth-child(10)  {

	margin-top: 12px;

}



.sidebar-first h4:nth-child(7) {

	margin-top: 17px;

}



.sidebar-second h3, .contact-button h5 {

	padding: 0.5em 1em 0.5em 2em;

}



@media (min-width: 1160px) {

	.desktop-header-bottom nav {

		width: 1160px;

		margin: 0 auto;

	}

}



/**

* FOOTER

**/



footer {

		margin-top: 4em;

}



.footer-1 {

	padding: 3em 0;

	background-color: #082622;

}



.footer-1 .content {

	background-color: transparent;

	color: white;

	margin: 0 auto;

	padding: 0;

	width: 800px;

}



.footer-1 .content div {

	vertical-align: top;

	display: inline-block;

	width: 18%;

	padding-left: 1em;

}



.footer-1 .content .footer-first img {

	margin-bottom: 0.8em;

}



.footer-1 .content div:nth-child(2) {

	margin-top: 3.15em;

}



.footer-1 .content div:nth-child(3), footer .content div:nth-child(4) {

	margin-top: 3em;

}



.footer-1 .content div p {

	margin: 0;

}



.footer-1 .content div h3 {

	margin-bottom: 0.5em;

	color: #456B63;

	font-size: 20px;

}



.footer-1 .content div h5 {

	padding-bottom: 0.5em;

}



.footer-1 .content div .sep {

	margin-top: 1em;

}



.footer-1 .last span {

	display: block;

	width: 45%;

	margin: 1em auto;

}



.footer-1 .last img:first-child {

	margin-right: 0.5em;

}



.footer-2 {

	background-color: #160904;

	padding: 1.25em;

}



.footer-2 p {

	text-align: center;

	color: #745E56;

	margin: 0;

	font-size: 12px;

}



@media (min-width: 1200px) and (max-width: 1500px) {

	.banner-image {

		width: 100%;

		height: 350px;

	}
	
	.home .first-2 {
    background-color: rgba(217,214,209,.9);
    left: 180px;
    width: 320px;
    padding: 0;
    border-radius: 5px;
 }
 .home .first-2 img {
    display: inline-block;
    padding-top: 15px;
 }
 .home .first-2 h6 {
    font-size: 16px;
    font-weight: 700;
    background-image: url(//www.yourgplyneham.com.au/wp-content/themes/Yourgp/Images/Button.png);
    height: 41px;
    width: 226px;
    padding: 20px 20px 20px 0;
    display: inline-block;
    text-align: center;
    vertical-align: top;
 }
 .content-2 {
    position: absolute;
    width: 10px;
    background-color: #fff;
    margin: 0 auto;
    padding: 50px;
    margin-bottom: 1em;
 }

}



@media (min-width: 1200px) {

	.desktop-header-top div {

		width: 1200px;

	}



	.page-id-54 section {

		width: 1100px;

	}



	.page-id-54 .top-wrapper {

		width: 900px;

		padding: 100px;

	}



	.page-id-61 .content {

		width: 800px;

	}



	.page-id-61 .content.patient-firstrow {

		width: 950px;

	}



}



@media (min-width: 992px) and (max-width: 1199px) {

	.home .first-2 {
    background-color: rgba(217,214,209,.9);
    left: 140px;
    width: 320px;
    padding: 0;
    border-radius: 5px;
	}

	.desktop-header-top div {

		width: 992px;

	}



	.home .first {

		left: 260px;

	}



	.home .second {

		width: 700px;

	}



	.home .third {

		width: 840px;

	}



		.home .third img {

			height: 400px;

		}



	.home .fourth {

		width: 840px;

	}



	.banner-image {

		width: 100%;

		height: 300px;

	}



	.page-id-21 #staff-info {

		width: 850px;

	}



	.page-id-21 #staff-info img {

		width: 30%;

	}



	.page-id-21 section, .page-id-46 section, .page-id-11 section {

		width: 850px;

		padding: 50px;

	}



	.page-id-21 .staff-grid {

		width: 100%;

	}



	.page-id-54 section {

		width: 892px;

	}



	.page-id-54 .top-wrapper {

		width: 792px;

		padding: 50px;

	}



	.page-id-46 .content, .page-id-91 .content {

		width: 792px;

		padding: 75px;

	}



	.page-id-46 .services-content, .page-id-91 .services-content, .page-id-11 .services-content {

		width: 60%;

	}



	.sidebar {

		display: none;

	}



	.page-id-61 .content {

		width: 650px;

		padding-left: 100px;

		padding-right: 100px;

	}



	.page-id-61 .content .patient-subcontent {

		width: 100%;

	}



}



@media (min-width: 768px) and (max-width: 991px) {
    
    .home .first-2 {
    background-color: rgba(217,214,209,.9);
    left: 20px;
    width: 320px;
    padding: 0;
    border-radius: 5px;
    }

	.page-id-46 .content, .page-id-91 .content, .page-id-11 .content {

		width: 668px;

		padding: 50px;

	}




	.banner-image {

		width: 100%;

		height: 300px;

	}



	.home .first {

		left: 210px;

	}



	.home .second {

		width: 600px;

	}



	.home .third {

		width: 740px;

	}



		.home .third img {

			height: 350px;

		}



	.home .fourth {

		width: 740px;
		height: auto;

	}



	.footer-1 .content {

		width: 240px;

	}



	.footer-1 .content div {

		width: 100%;

		text-align:center;

		padding: 0;

	}



	.footer-1 .content div:nth-child(2) {

		margin-top: 1em;

	}



	.page-id-46 .services-content, .page-id-91 .services-content, .page-id-11 .services-content {

		width: 55%;

	}	



	.sidebar {

		display: none;

	}



	.page-id-21 .content {

		width: 260px;

		margin: 20px auto;

		padding: 20px;

	}



		.page-id-21 .staff-grid {

			width: 100%;

		}



		.page-id-21 .staff-member {

			width: 90%;

			margin: 10px 0 0 0;

			padding: 5%;

		}



	.page-id-21 .staff-member h2 {

		display: none;

	}



	.page-id-21 .staff-member p:nth-child(2) {

		margin-top: 0;

		font-size: 12px;

	}



	.page-id-21 .staff-member h4 {

		font-size: 16px;

		margin-top: 1em;

	}



	.page-id-21 .desktop {

		display: none;

	}



	.page-id-61 .content {

		width: 500px;

		padding-left: 100px;

		padding-right: 100px;

	}



	.page-id-61 .content .patient-subcontent {

		width: 100%;

	}

}



@media (max-width: 768px) {



	.desktop {

		display: none;

	}



	.mobile {

		display: block;

	}



	.mobile.header-top div {

		width: 86%;

		margin: 0 7%;

	}



	.mobile.header-top div img:nth-child(1) {

		width: 150px;

	}



	.mobile.header-bottom nav {

		width: 100%;

	}



	.banner-image {

		width: 100%;

		height: 250px;

	}



	.banner-image div {

		background-position: center center;

	}



	.layer-1-background {

		display: none;

	}



	.content {

		width: 300px;

	}
	
	.content-2 {

		width: 10px;

	}
	
	.content-a {

		width: 10px;

	}



	.content-wrapper {

		margin-top: -40px;

	}



	.home .first {

		margin: 0 auto 1em;

		left: 0;

		background-color: rgba(217,214,209,1);

	}



	.home .second {

		width: 280px;

		padding: 20px;

	}



	.home .second h1 {

		font-size: 26px;

	}	



	.home .third {

		width: 320px;

		flex-direction: column;

	}



		.home .third div, .home .third img {

			width: 100%;

			padding: 0;

		}



		.home .third img {

			order: 1;

			height: 200px;

		}



		.home .third div {

			padding-top: 1em;

			padding-bottom: 1em;

			order: 2;

		}



	.home .fourth {

		width: 320px;

		height: auto;

		text-align: center;

	}



		.home .fourth #google-maps {

			height: 175px;

		}



		.home .fourth div:nth-child(2), .home .fourth #google-maps {

			width: 100%;

			padding: 0;

		}



		.home .fourth div:nth-child(2) {

			width: 80%;

			margin: 0 auto;

			padding: 1.5em 0;

		}





	.second {

		width: 90%;

		padding: 10%;
		
		height: 100%;

	}



	.page-id-21 .content {

		width: 260px;

		margin: 20px auto;

		padding: 20px;

	}



		.page-id-21 .staff-grid {

			width: 100%;

		}



		.page-id-21 .staff-member {

			width: 90%;

			margin: 10px 0 0 0;

			padding: 5%;

		}



	.page-id-21 .staff-member h2 {

		display: none;

	}



	.page-id-21 .staff-member p:nth-child(2) {

		margin-top: 0;

		font-size: 15px;

	}



	.page-id-21 .staff-member p:nth-child(3) {

		font-size: 15px;

	}



	.page-id-21 .staff-member h5 {

		margin-top: 0.3em;

	}



	.page-id-21 .staff-member h4 {

		font-size: 16px;

		margin-top: 1em;

	}





	/**

	* SERVICES

	**/



	.page-id-46 .services-content, .page-id-91 .services-content, .page-id-11 .services-content {

		width: 100%;

		display: block;

	}



	.page-id-46 .content, .page-id-91 .content, .page-id-11 .content {

		width: 240px;

		padding: 30px;

		margin-bottom: 50px;

	}



	.page-id-54 {

		background-color: #082622;

	}



	.page-id-54 section {

		width: 320px;

		margin: 0 auto;

	}



	.page-id-54 .top-wrapper {

		width: 280px;

		padding: 20px;

	}



	.page-id-54 .top-wrapper .top-box {

		padding-top: 0;

	}



	.page-id-54 .grid-div{

		width: 90%;

		padding: 5%;

		display: block;

	}



	.page-id-54 #google-maps-contact {

		width: 90%;

		padding: 0%;

		height: 120px;

		margin: 0 auto;

		display: block;

	}



	.page-id-54 .contact-content {

		padding-top: 125px;

		height: 200px;

		width: 80%;

		padding: 5%;

		margin: 0 auto;

	}



	.page-id-61 .content {

		width: 240px;

		padding: 30px;

	}



	.page-id-61 .content .patient-subcontent {

		float: none;

		width: 100%;

	}



	.page-id-61 .appointment-text span:nth-child(2) {

		float: left;

	}



	footer {

		margin-top: 0;

	}



	.footer-1 .content {

		width: 240px;

	}



	.footer-1 .content div {

		width: 100%;

		text-align:center;

		padding: 0;

	}



	.footer-1 .content div h5 {

			padding-top: 0.75em;

			padding-bottom: 0.75em;

	}



	.footer-1 .content div:nth-child(2) {

		margin-top: 1em;

	}



}

@media (min-width:1112px) and (max-width:1200px){.home .first-2{
    background-color: rgba(217,214,209,.9);
    left: 120px;
    width: 320px;
    padding: 0;
    border-radius: 5px; 
}}

@media (min-width:1023px) and (max-width:1111px){.home .first-2{
    background-color: rgba(217,214,209,.9);
    left: 120px;
    width: 320px;
    padding: 0;
    border-radius: 5px; 
}}


@media (max-width:480px){.content-2{
    position: static;
    width: 10px;
    background-color: #fff;
    margin: 0 auto;
    padding: 50px;
    margin-bottom: 1em;
}}

@media (max-width:768px){.content-2{
    position: static;
    width: 10px;
    background-color: #fff;
    margin: 0 auto;
    padding: 50px;
    margin-bottom: 1em;
}}

@media (min-width: 1501px) and (max-width: 2000px) {
    .home .first-2 {
    background-color: rgba(217,214,209,.9);
    left: 450px;
    width: 320px;
    padding: 0;
    border-radius: 5px;
 }
 .home .first-2 img {
    display: inline-block;
    padding-top: 15px;
 }
 .home .first-2 h6 {
    font-size: 16px;
    font-weight: 700;
    background-image: url(//www.yourgplyneham.com.au/wp-content/themes/Yourgp/Images/Button.png);
    height: 41px;
    width: 226px;
    padding: 20px 20px 20px 0;
    display: inline-block;
    text-align: center;
    vertical-align: top;
 }
 .content-2 {
    position: absolute;
    width: 10px;
    background-color: #fff;
    margin: 0 auto;
    padding: 50px;
    margin-bottom: 1em;
 }
}