/* Knee.ae CSS*/
@font-face {
	font-family: "OpenSans-Regular";
	src: url("fonts/opensans-regular-webfont.eot") format("embedded-opentype"), url("fonts/opensans-regular-webfont.woff") format("woff"), url("fonts/raleway-regular-webfont.ttf") format("truetype"), url("fonts/OpenSans-Regular") format("svg");
}
@font-face {
	font-family: "OpenSansSemibold";
	src: url("fonts/opensans-semibold.eot") format("embedded-opentype"), url("fonts/opensans-semibold.woff") format("woff"), url("fonts/opensans-semibold.ttf") format("truetype"), url("fonts/opensans-semibold.svg#OpenSansSemibold") format("svg");
}
@font-face {
	font-family: 'ABeeZee';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/ABeeZee"), url("fonts/ABeeZee-Regular.woff") format("woff")
}


body {
	margin: 0px;
	padding: 0px;
	overflow-y: scroll;
	*overflow-y: none;
	overflow-x: hidden;
	font-family: "OpenSans-Regular";
}
p, h2, h3, ul {
	margin: 0;
	padding: 0;
}
p {
	font-size: 14px;
	margin-bottom: 10px;
}
.arabic-p {
	padding: 0 10px 0 0 !important;
	font-size: 18px;
}
.clear-both {
	clear: both;
}
#Container, header, #Doctor-Section, #About-Us-Section, #Services-Section, #Testimonials-Section, #Appointments-Section, #Location-Section, footer, {
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
position: relative;
}
#header-section, #Meet-Doctors, #About-Us-Container, #Services-Container, #Testimonials-Container, #Appointments-Container, #Footer-Section {
	max-width: 1170px;
	margin: 0px auto;
}

/*-----header css-----*/
header {
	height: 126px;
}
.header-logo {
	float: left;
	margin: 25px 0px 0 10px;
	width: 100%;
}
.header-logo > img {
	max-width: 100%;
}
.header-logo a{
	display:table-cell;
}
.head-txt {
	color: #919191;
	/* float: right; */
	font-size: 20px;
	font-weight: 700;
	/* margin-top: 30px; */
	padding-right: 10px;
	padding-left:80px;
	display:table-cell;
	vertical-align:top;
	text-align:center;
    visibility: hidden;
}
/*-----Meet Doctors css-----*/
#Doctor-Section {
	background: #f7f6f6;
	padding: 0 0 22px;
}
.meet-our-docs {
    float: none;
    text-align: center;
}
.meet-our-docs h2 {
	color: #00264b;
	font-family: "OpenSans-Regular";
	font-size: 24px;
	padding: 52px 0 52px 0;
	text-align: center;
}
.meet-our-docs a {
	color: #000000;
	text-decoration: none;
}
.meet-our-docs li img {
	border: 4px solid #dfdfdf;
}
.meet-our-docs li {
    float: none;
    width: 234px;
    list-style: none;
    text-align: center;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
}
.meet-our-docs li span {
	background: #00264b none repeat scroll 0 0;
	border-radius: 4px;
	clear: both;
	color: #fff;
	float: left;
	/* padding: 15px; */
	padding: 5px;
	text-align: center !important;
	/* width: 160px; */
	width: 190px;
	margin-left: 18px;
}
/*-----About-Us-Section css-----*/
#About-Us-Section {
	height: auto;
	background: #0099f4;
}
#About-Us-Container {
	padding-bottom: 10px;
}
.about-us {
	color: #ffffff;
	/* float: left;
	width: 65%; */
	background:#0099f4;
}
.about-us h3 {
	color: #fff;
	padding: 50px 0 0;
}
.about-us > p {
	margin-bottom: 40px;
	margin-top: 40px;
}
.about-us .readmore {
	float: right;
	color: #ffffff;
	width: 122px;
	margin-top: 50px;
}
.about-us .readmore a {
	padding: 8px;
	color: #ffffff;
	background: #003764;
	display: block;
	text-decoration: none;
}
.specialization {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	color: #10274a !important;
	margin: 0 !important;
	padding: 6px !important;
	width: 92% !important;
}

.request-imformation {
	background: #003764;
	height: 700px;
	width: 300px;
	/* float: right;
	margin-top: 50px; */
	margin:20px auto;
	padding:10px;
}
.request-imformation > p {
	background: #fff none repeat scroll 0 0;
	font-weight: 700;
	color: #003764;
	margin: 6px 8px 1px 25px;
	padding: 10px;
	text-align: center;
	width: 76%;
	font-size: 16px;
}
.request {
	margin-top: 5px;
}
.contact-number {
	background: none !important;
}
.contact-number a {
	color: #ffffff;
	text-decoration: none;
}
/*-----Services-Section css-----*/
#Services-Section {
	height: auto;
}
.services {
	float: left;
	padding: 45px 0 45px 0px;
	margin: 5px;
}
.arthroscopic-surgery, .knee-surgery, .meniscus-surgery {
	border: 1px solid #ebebeb;
	float: left;
	width: 100%;
	margin: 0 0 20px;
}
.arthroscopic-img {
	float: left;
	width: 22%;
}
.arthroscopic-img > img {
	max-width: 100%;
}
.arthroscopic-txt, .knee-txt, .meniscus-txt {
	float: left;
	width: 77%;
}
.arthroscopic-surgery h3, .knee-txt h3, .meniscus-txt h3 {
	background: #0099f4;
	color: #ffffff;
	padding: 15px;
	width: 98%;
}
.arthroscopic-txt > p, .knee-txt > p, .meniscus-txt > p {
	padding: 10px;
}
.knee-img {
	float: right;
	width: 23%;
}
.knee-img > img {
	max-width: 100%;
}
.meniscus-img {
	float: left;
	width: 22%;
}
.meniscus-img > img {
	max-width: 100%;
}
.knee-services h3 {
	color: #0099f4;
	font-family: "OpenSansSemibold";
	padding: 30px 0 40px;
	text-align: center;
}
.knee-repair, .knee-replacement {
	float: left;
	width: 45%;
}
.knee-repair p, .knee-replacement p {
	font-family: "OpenSansSemibold";
	color: #0093cf;
	font-size: 16px;
	margin: 5px 0 0;
}
.knee-repair > ul, .knee-replacement ul {
	margin: 15px 0 0 15px;
}
.knee-repair li, .knee-replacement li {
	background: url(images/list-bg-img.png) no-repeat 0px 8px;
	height: 15px;
	font-size: 14px;
	margin: 0 0 8px;
	padding: 0 0 0 14px;
	line-height: 20px;
	list-style: none;
}
/*-----Appointments-Section css-----*/
#Appointments-Section {
	height: auto;
	background: #0093cf;
	clear: both;
}
#Appointments-Section > div {
	padding: 30px 0;
	text-align: center;
}
#Appointments-Container > p {
	font-size: 18px;
	color: #ffffff;
}
#Appointments-Section span {
	font-weight: 700;
}
#Appointments-Container a {
	color: #ffffff;
	text-decoration: none;
}
/*-----Location-Section css-----*/
#Location-Section {
	height: 354px;
	background: url(/ppc/images/location-map-image.jpg) no-repeat;
	max-width: 2100px;
	margin: 0 auto;
	background-position: center center;
}
/*-----Footer-Section css-----*/
footer {
	height: auto;
	background: #00264b;
}
.footer-txt {
	color: #ffffff;
	font-size: 15px;
	padding: 35px 0 30px;
	width: 63%;
	float: left;
}
.footer-txt a {
	text-decoration: none;
	color: #ffffff;
}
.footer-logo {
	float: right;
	padding: 35px 0 0 0;
	width: 155px;
}
.footer-logo li {
	float: left;
	list-style: outside none none;
	width: 20%;
}
.logo {
	margin-top: 10px;
}
.logo img {
	padding-top: 5px;
}

#logo_right {
  /* float: right; */
  height: auto;
  width: 32%;
  display:table-cell;
}
/*
.phone_number {
  background: rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll -9px -697px;
  color: #01032e;
  float: right;
  font-family: "ABeeZee";
  font-size: 22px;
  min-width: 200px;
  padding: 3px 8px 0 32px;
}
*/

.phone_number {
	background: rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll -9px -697px;
	color: #01032e;
	float: right;
	font-family: "ABeeZee";
	font-size: 22px;
	min-width: 440px;
	padding: 0px 8px 0 32px;
	display: inline-block;
	margin: -50px -30px 0 0;
}


.phone_number a {
  color: #01032e;
  font-family: "ABeeZee";
  font-size: 22px;
  text-decoration:none;
}
/*
.patient {
  background: rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll -18px -632px;
  display: block;
  float: right;
  text-align: center;
  width: 135px;
}
*/
.patient {
	background: #0099f4;
	display: block;
	float: right;
	text-align: center;
	width: 135px;
	margin: -65px 0 0 0;
}

.patient a {
  color: #ffffff;
  display: block;
  font-family: "ABeeZee";
  font-size: 24px;
  padding: 0 3px 4px;
  text-decoration:none;
}



/*---------------------media query-------------------*/

@media screen and (max-width: 1200px) {
    .patient{margin: -65px 18px 0 0;}
}
@media screen and (max-width: 1124px) {
	#About-Us-Container {
		margin: 5px 5px 0px 10px;
	}
	.services {
		margin: 5px 5px 0px 10px;
	}
	footer {
		padding: 5px;
	}

}

@media screen and (max-width: 1124px) {
    .header-logo {float: none;}
    .arthroscopic-surgery h3, .knee-txt h3, .meniscus-txt h3 {padding: 17px; width: 97%;}
}
@media screen and (max-width: 980px) {
	.head-txt{padding:0px;}
    #About-Us-Section{background: none;}
}
@media screen and (max-width: 985px) {
	.about-us {
		color: #ffffff;
		float: left;
		margin: 5px;
		width: 100%;
	}
	.about-us .readmore {
		float: left;
		margin: 10px 10px 10px 0;
	}
	.request-imformation {
		clear: both;
		margin: 0 auto;
		text-align: center;
		float: none;
		padding-top: 5px;
	}
	#About-Us-Container {
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 808px) {
	.knee-repair li {
		height: 32px !important;
	}
}

@media screen and (max-width: 800px) {
    
    .patient{margin: -38px 18px 10px 0;}
    .phone_number{min-width: 240px; margin: -68px -28px 0 0;}
    .about-us{width: 97%; padding: 5px;}
    .arthroscopic-surgery h3, .knee-txt h3, .meniscus-txt h3{padding: 13px; width: 97%}
}
@media screen and (max-width: 768px) {
	.header-logo a{ display:block;text-align:center;}
	.head-txt{ display:block;padding:0px;}
	#logo_right {display: block; margin: 40px auto;}
    .phone_number{margin: -75px -15px 0 0; background: rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll 15px -700px;}
}
@media screen and (max-width: 748px) {
	.header-logo {
		float: none;
		margin: 25px auto 0;
		text-align: center;
	}
	.header-logo > img {
		max-width: 100%;
	}
	.header-logo > p {
		float: none;
		margin: 10px 0;
	}
	.knee-repair, .knee-replacement {
		float: none;
		margin: 30px 0 0 2%;
		width: 100%;
	}
	.knee-repair li {
		height: 15px !important;
	}
}

@media screen and (max-width: 640px) {
	.header-logo > img {
		max-width: 100%;
	}
	.meet-our-docs {
		float: none;
		margin: 0 auto;
	}
	.arthroscopic-img, .knee-img, .meniscus-img {
		float: none;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.arthroscopic-txt, .knee-txt, .meniscus-txt {
		float: none;
		width: 100%;
	}
	.footer-txt {
		float: none;
		width: 96%;
		margin: 0 auto;
	}
	.footer-logo {
		float: none;
		margin: 0 auto;
		padding: 0 0 20px;
		width: 155px;
	}
	.logo {
		margin: 0 !important;
	}
#logo_right {
  float: none;
  margin: 36px auto;
  width: 241px;
}
.header-logo > p {
  float: none;
  margin: -102px 0;
}
#Meet-Doctors{
	margin-top:10px;
}
    .arthroscopic-surgery h3, .knee-txt h3, .meniscus-txt h3{width: 96%;}
    .about-us h3{text-align: center;}
}
@media screen and (max-width: 520px) {
	.meet-our-docs {
		float: none;
		margin: 0 auto;
	}
    .arthroscopic-surgery h3, .knee-txt h3, .meniscus-txt h3{padding: 14px; width: 94%;}
}
@media screen and (max-width: 468px) {
	.meet-our-docs {
		float: none;
		margin: 0 auto;
	}
	.meet-our-docs h2 {
		text-align: left;
		margin: 0 0 0 3%;
	}
    .arthroscopic-surgery h3, .knee-txt h3, .meniscus-txt h3{padding: 14px; width: 94%;}
}
@media screen and (max-width: 400px) {
	.header-logo {
		width: 100%;
	}
	.header-logo img {
		max-width: 90%;
	}
	.header-logo > p {
		font-size: 20px;
	}
}
@media screen and (max-width: 372px) {
	.knee-repair li {
		height: 32px !important;
	}
	.meet-our-docs h2 {
		margin: 0 0 0 5%;
		text-align: left;
	}
}

@media screen and (max-width: 360px) {
.phone_number {margin: 0px -15px 10px 0; background: rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll 12px -700px;}
    .patient {margin: 0 16px 10px 0px;}
    .arthroscopic-surgery h3, .knee-txt h3, .meniscus-txt h3{width: 91%; padding: 15px;}
    #logo_right{margin: -18px auto;}
    .meet-our-docs {
		float: none;
		margin: 0 auto;
	}
}
@media screen and (max-width: 320px) {
	.meet-our-docs {
		float: none;
		margin: 0 auto;
	}

	.meet-our-docs h2 {
		margin: 0 0 0 0;
		text-align: center;
	}
    .phone_number {margin: 0px -15px 10px 0; background: rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll 12px -700px;}
    .patient {margin: 0 16px 10px 0px;}
    .arthroscopic-surgery h3, .knee-txt h3, .meniscus-txt h3{width: 90%;}
    


}