@charset "utf-8";

html{height:100%;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, img, ul,p{margin:0;padding:0;border:0; margin: 0;}
body, input, textarea, select, p{color:#4f5051;font-size:13px;font-family:verdana; font-family: 'Open Sans', sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{font-size:100%;line-height:18px;max-height:100%;width:100%;height:100%;background:#fff;}
img{max-width:100%;border:0;}
.inline{display:inline;}
a{text-decoration:none;color:#023ba6;} 
a:hover{color:#3f1010;}
.clear{clear:both;}
ul, li{list-style:none;}
.gridWrapper{margin:0 auto;max-width:1170px;position:relative;}
.mainWrapper{margin:0 auto;max-width:1400px;}
body{width:100%;}


nav{position:relative;z-index:9;margin:16px 0px 0;height:auto;width:100%; background: #c32025; display: table;  }
#mobileMenu { display:none;}

.menu{list-style:none;margin:0 auto;position:relative;z-index:9999;display:block;float:left;}
.menu:after{clear:both;}
.menu{list-style:none;margin:0 auto;width:100%; border-bottom: 1px solid transparent;}
.menu li{font-size:17px;text-align:center;float:left;margin:0;position:relative;  }
/*.menu li:hover{border-bottom: 5px solid #fff;}*/
.menu li:first-child a{border-style: none;}
.menu > li > a{padding:12px 0; margin: 0 0;  color:#fff;display:block; border-bottom: solid 5px transparent; text-align: center;  border-bottom: 5px solid transparent; background: url(images/menu.jpg) no-repeat center right; }
.menu li > a:hover, .menu > li:hover > a, .menu > li.current-menu-item > a, .menu > li.current_page_ancestor > a{color:#fff;background: url(images/menu.jpg) no-repeat center right;border-bottom: solid 5px #fff; }
.menu li ul{position:absolute;left:0%;padding:0;background:#fff;display:none;width:226px;}
.menu li:hover > ul{display:block;top:55px; }
.menu li li:hover > ul{left:100%;top:30px;position:absolute;}
.menu li li{position:relative;z-index:1000;margin:0px;padding:0px;text-transform:none;text-shadow:none;width:100%;}
.menu li li a{color:#fff;display:block;text-align:left;border:none;background:#005a98 url(images/menu.gif) no-repeat 11px 16px;padding:12px 0px 12px 25px;z-index:1000;position:relative;margin:0px;width:100%;border-bottom:solid 1px #000000;font:normal 12px verdana;}
.menu li li a:hover, .menu li li:hover > a{background:#e5dad6 url(images/menu.gif) no-repeat 11px 16px;color:#000;}
.menu li ul ul{top:0;margin:-30px 0 0 0;}
.menu li li li{text-align:left;background:#fff;z-index:1000;margin:0 0 0 0px;}
.menu li li li a{padding:12px 0px 12px 25px;}
.menu li li li a:hover{padding:12px 0px 12px 25px;}
.menu li ul.double-column{width:630px;background:#005a98;left:-200px;}
.menu li ul.double-column li{float:left;width:315px;box-sizing:border-box;}
.menu li ul.double-column li:nth-child(2n+1) ul{left:-200px;width:200px;}
.menu li ul.double-column li:nth-child(2n) ul{left:100%;;width:200px;}
.menu li ul.double-column li:nth-child(2n+1) ul li{width:100%;}
.menu li ul.double-column li:nth-child(2n) ul li{width:100%;}


/*header*/

.topHeader{background: #242424; height: 20px; padding: 10px 0; }
.topHeader1{float: right; width: 100%;}

.locHeader{ float:right;   background: url(images/loc_top.png) no-repeat 0 0;  color: #fff; padding-left: 20px;  margin-right: 20px;}
.locHeader:hover{color: #fff;}
.phnHeader{ float: right;  }
.phnHeader a{background: url(images/phn_top.png) no-repeat 0 4px;  color: #fff; padding-left: 20px;font-size: 16px; font-weight: 600; }
.phnHeader a:hover{color: #fff;}


.logoWrapper{padding: 20px 0;}
.logoSec{float: left; width: 50%;}
.logo{margin-right: 10px;}
.docLogo{border-left: 2px solid #f2f2f2;  padding-left: 10px;}
.rightContainer{float: right; width: 500px;}
.rightContainer ul{float: right;}
.rightContainer ul li { float: left; margin: 2px 2px;   }
.rightContainer ul li a{ padding: 5px 10px 5px 45px; display: block;text-transform: uppercase;font-size: 15px; color: #000; width: 190px;  }
.rightContainer ul li.headAppointment a{background: #f2f2f2 url(images/contact_head_1.png) no-repeat 17px 8px;}
.rightContainer ul li.headPortal a{background: #f2f2f2 url(images/contact_header_2.png) no-repeat 17px 8px;}
.rightContainer ul li.headPay a{background:#f2f2f2  url(images/contact_head_1.png) no-repeat 17px -25px;}
.rightContainer ul li.headProvider a{background: #f2f2f2 url(images/contact_header_2.png) no-repeat 17px -25px;}
.rightContainer ul li a:hover{background: }

/* our services*/
.serviceWrap{ margin: 50px 0; }
.listService{ margin: -90px 0 0 0; float: right; position: relative; z-index: 99; }
.serviceHead{background: url(images/img_v.png) no-repeat top center; width: 300px; float: left;}
.serviceHead h2{line-height: 1.2; }
.serHd1{color:#000;text-transform: uppercase;font-weight: normal; font-size: 30px;}
.serHd2{color:#c32025; text-transform: uppercase;font-size: 35px;}
.serHd2::after{content: ''; display: table; position: relative;top: 2px;width: 15%;left: 0;border-bottom: 2px solid #000; border-width: thick;}
.serviceList{width: 850px;float: left;}

/* rslides*/
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides > li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides > li:first-child{position:relative;display:block;float:left;}
.rslides > img{display:block;height:auto;float:left;width:100%;border:0;}

.callbacks2_nav{text-decoration:none;position:absolute;-webkit-tap-highlight-color:transparent;opacity:1;z-index:3;text-indent:-9999px;overflow:hidden;height:27px;width:33px}
.callbacks2_nav:active{opacity:1}
.callbacks2_nav{bottom:49px;left:35%;background:url(images/abc.png) -0 -0 no-repeat; }
.callbacks2_nav.next{background:url(images/abc.png) 0 -27px no-repeat;left:32%; margin: 1px 0; bottom:48px; }
.callbacks2_nav:active{opacity:1}


.callbacks3_nav{text-decoration:none;position:absolute;-webkit-tap-highlight-color:transparent;opacity:1;z-index:3;text-indent:-9999px;overflow:hidden;height:27px;width:33px}
.callbacks3_nav:active{opacity:1}
.callbacks3_nav{bottom:49px;left:-8%;background:url(images/abc.png) -0 -0 no-repeat; }
.callbacks3_nav.next{background:url(images/abc.png) 0 -27px no-repeat;left:-12%; margin: 1px 0; bottom:48px; }
.callbacks3_nav:active{opacity:1}

.callbacks1_nav{text-decoration:none;position:absolute;-webkit-tap-highlight-color:transparent;opacity:1;z-index:3;text-indent:-9999px;overflow:hidden;height:27px;width:33px}
.callbacks1_nav:active{opacity:1}
.callbacks1_nav{bottom:-3px;left:31%;background:url(images/abc.png) -0 -0 no-repeat; }
.callbacks1_nav.next{background:url(images/abc.png) 0 -27px no-repeat;left:28%; margin: 1px 0; bottom:-4px; }
.callbacks1_nav:active{opacity:1}

 
/* flexisel*/
.nbs-flexisel-container{max-width:100%;position:relative;}
.nbs-flexisel-ul{list-style-type:none;margin:0;padding:0;position:relative;text-align:center;width:9999px;}
.nbs-flexisel-inner{float:left;overflow:hidden;width:100%; height: auto;}

.nbs-flexisel-item{cursor:pointer;float:left;margin:0;padding:0;position:relative; }
.nbs-flexisel-item img{cursor:pointer;position:relative;}

/*

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{cursor:pointer;height:138px;opacity:0.9;position:absolute;width:40px;z-index:100;}
.nbs-flexisel-nav-left{left:-4%;margin:15px 0 0;top:-79px!important; background: url(images/abc.png) no-repeat 0 0;  transform: rotate(180deg); }
*/




.serviceList1 li{float: left; background: #c32025; border: 10px solid #000; width:220px; margin: 0 10px;}
.serviceList1 li a{ display: block;   padding: 150px 0 20px 0; text-align: center; color: #fff; font-size: 23px; text-transform: uppercase; }

.serviceList1 li.serShoulder a{background:  url(images/service_1.png) no-repeat  center 30px;}
.serviceList1 li.serHip a{background:  url(images/service_2.png) no-repeat  center 30px;}
.serviceList1 li.serKnee a{background:  url(images/service_3.png) no-repeat  center 30px;}



.serviceList1 li:hover{ background: #fff; border: 10px solid #000; }
.serviceList1 li:hover a{color: #000;}
.serviceList1 li.serShoulder:hover a{background:  url(images/service_1h.png) no-repeat  center 30px;}
.serviceList1 li.serHip:hover a{background:  url(images/service_2h.png) no-repeat  center 30px;}
.serviceList1 li.serKnee:hover a{background:  url(images/service_3h.png) no-repeat  center 30px;}

/* service list 2*/
.serviceList2 li{float: left; background: #c32025; border: 10px solid #000; width:220px; margin: 0 10px;}
.serviceList2 li a{ display: block;   padding: 150px 0 20px 0; text-align: center; color: #fff; font-size: 23px; text-transform: uppercase; }

.serviceList2 li.serElbow a{background:  url(images/service_4.png) no-repeat  center 30px;}
.serviceList2 li.serWrist a{background:  url(images/service_5.png) no-repeat  center 30px;}
.serviceList2 li.serAnkle a{background:  url(images/service_6.png) no-repeat  center; }



.serviceList2 li:hover{ background: #fff; border: 10px solid #000; }
.serviceList2 li:hover a{color: #000;}
.serviceList2 li.serElbow:hover a{background:  url(images/service_4h.png) no-repeat  center 30px;}
.serviceList2 li.serWrist:hover a{background:  url(images/service_5h.png) no-repeat  center 30px;}
.serviceList2 li.serAnkle:hover a{background:  url(images/service_6h.png) no-repeat  center ;}



/* drspl*/


.doctorsplWrap{background: #ccc; height: 215px; position: relative;}
.drsplHead{background: #dfdfdf; width: 400px; float: left; height: 100%; transform: skew(-8deg);}
.drsplHead h2{margin: 55px 0px 0px 30px; line-height: 1.2;}
.drsplHead h2 span.drspl1{font-weight: normal;font-size: 30px;}
.drsplHead h2 span.drspl2{font-weight: bold; font-size: 30px;}
.drsplList{width:970px; float: right; height: 120px;  background: #000; z-index: 1; position: absolute; top: 50px; right: 30px;}
.drsplList ul li{float: left; color: #fff; width: 168px; margin: 12px 10px; font-size: 15px;}
.drsplList ul li span{color: #989898; font-size: 20px; line-height: 1.3;}
.drsplList ul{position: relative; margin-left: 20px; padding: 10px 0;}
.drsplList:before{content: ''; display: table; position: absolute;top: 50px;width: 20px;left: -20px;height: 6px; background:#c32025; }
.drsplList:after{content: ''; display: table; position: absolute;top: 50px;width: 20px;left: 0px;height: 5px; background:#fff; }


/* mako*/

.makoWrap{width: 100%; height: 400px;position: relative;}
.makoWrap1{width: 50%; float: left; background: #c32025; height: 100%; padding: 90px 0 40px;}
.makoText{width: 500px; float: right; margin-right: 80px;}
.makoText h2{margin-bottom: 30px;}
.makoText h2 a{color: #fff;line-height: 1.2; font-size: 25px; }
.makoImg{border: 1px solid #fff; padding: 3px; display: table; float: left; }
.makoPara1{color: #fff; margin: 40px 0px 0px 180px; font-size: 20px; line-height: 1.2;}
.makoPara1 span{font-weight: bold; font-size: 25px; line-height: 1.6;}
.makoPara2{clear: both; color: #fff;line-height: 1.2; font-size: 18px;margin: 60px 0 40px;}
.makoPara3{color: #fff;}
.makoPara3:after{content: ''; display: table; position: relative;top: 2px;width: 75%;left: 90px;border-bottom: 2px solid #fff; border-width: thin;}
.makoWrap2{width: 50%; float: left; background: #fff; height: 100%;  }
.makoWrap2 img{position: relative; top:40px; left: -60px; z-index: 1;}


/* patient Testimonial */

.reviewsWrap{width: 100%; background:#ebebeb url(images/pat_review_bg.jpg) no-repeat top center; height: 400px; padding: 30px 0;}
.reviewHd{width: 300px; margin: 0 auto; display: table; background: url(images/preview_quote.png) no-repeat 35px 0; padding:  70px 0 0 0;}
.reviewHd h2{font-size: 28px; }
.reviewHd h2 a{color: #000;}
.reviewPara{width: 800px; margin: 30px auto;}
.reviewPara ul li img{width: 100px; margin: 0 auto; display: table;}
.reviewPara ul li p{text-align: center; font-size: 16px; color: #000; line-height: 1.3;}
.reviewPara ul li a{float: right; font-size: 16px; color: #ba282d; line-height: 1.5; font-weight: bold;font-style: italic;}
.reviewPage{width:350px; margin: 0 auto; display: block;}
.reviewPage a{border: 2px solid #000; padding: 7px; color: #000;}


/* logo list */
.logoList{width:100%;float: left; margin: -90px 0 20px 0;}



/*  footer */
footer{background: url(images/footer_bg_1.jpg) no-repeat top center; height: 365px;padding: 60px 0 30px; box-sizing: border-box;}

.footerSpl{width: 350px; margin: 0 auto ; display: block;}
.footerSpl p{text-align: center; display: block; color: #fff; font-size: 25px;margin-bottom: 20px;}
.footerSpl ul li a{float: left; margin: 0 10px; color: #fff; font-size: 18px;}
.footerMenu{border-top: 1px solid #ccc; padding: 30px 0 0 0; margin: 30px auto 0; display: block; width: 880px;}
.footerMenu ul li a{float: left; margin: 0 10px; color: #fff; font-size: 18px;}
.copyright { text-align: center; margin: 20px 0;}
.copyright a {color: #fff; }
.ypo{width: 100px;margin: 25px auto 0; display: table; }


/* about doctor*/
.abtDocWrap{background: url(images/dr_profile_bg.jpg) no-repeat top center; width: 100%; height: 585px; margin-top: 150px; }
.docPic{border: 1px solid #c32025; width: 470px; position: relative; top: -90px; left:0; float: left;}
.docPic img{z-index: 1; position: relative; top: -30px; left: -15px;}
.docPic .drPlus{position: absolute; top: 450px; left: 340px;}
.docPic:after{content: ''; background:#c32025; width:20px; height: 90px; position: absolute; top:0; right:0;}
.drProfile{width: 600px; float: left; margin-left: 50px; position: relative; top: -75px; left:0;}
.drProfile p{color: #000;font-size: 16px;line-height: 1.2; }
.drProfile p.profilePara1{color: #c32025; text-transform: uppercase; font-size: 35px;}
.drProfile p.profileLine{ background: linear-gradient(to bottom, black 0%,black 50%,#000000 50%,white 50%,white 100%); width: 4px; height: 50px;top:8px; left:50px; position: relative;}
.drProfile h1.profileHd{margin-top: 30px; color: #fff;line-height: 1.2;}
.drProfile h1.profileHd span a{ color: #c32025; text-transform: uppercase; font-size: 40px;}
.drProfile p.profileDesc{margin-top: 30px; line-height: 1.5; color:#fff;}
.drProfile p.profileDesc a{color:#c32025 ;}
.docVideo{width: 500px; }
.drVideo{width: 200px; height: 100px; background: #cccccc; position: relative; margin-top: 30px; float: left; }
.drVideo img{width: 200px; height: 100px; position: absolute;  left: -11px; top: 7px; display: table; }
.docVideo p a{color: #fff;width: 250px; float: left; margin: 60px 0 0 40px; font-size: 17px;  }
.drVideo::after{content: ''; display: table;width: 100%; position: relative;top: 100px;left: 190px;border-bottom: 1px solid #ccc; border-width: thin;}
.docVideo p a span{background: url(images/doc_sec_arrow.png) no-repeat 0 0; height: 40px; width: 40px; display: table; position: relative; top: -35px; left: 130px;}


.awards{width: 100%; float: left; margin-top: 30px;}

.awards ul li a{float: left; margin: 0 10px; color: #fff; padding: 17px 0px 30px 65px;}
.awards ul li.award a{background: url(images/dr_tab_1.png) no-repeat 0 0;}
.awards ul li.pub a{background: url(images/dr_tab_2.png) no-repeat 0 0;}
.awards ul li.res a{background: url(images/dr_tab_3.png) no-repeat 0 0;}

.awards ul li.award:hover a{background: url(images/dr_tab_1h.png) no-repeat 0 0;}
.awards ul li.pub:hover a{background: url(images/dr_tab_2h.png) no-repeat 0 0;}
.awards ul li.res:hover a{background: url(images/dr_tab_3h.png) no-repeat 0 0;}


/* location  */
.ad-head{font-weight:500;font-size:16px;color:#000;margin:10px 0 0 0; border-bottom: 1px solid #c32025;}
.ad-head1{font-weight:500;}
.ad-head3 a{color:#000; font-weight:600; font-size:16px;}


/* banner */


/* banner */

.banner{max-width:1400px; float: left; width: 100%;position: relative;}
.banner1{background: url(images/banner1.jpg) no-repeat top center;width: 100%; height: 474px; margin: 0 auto;}
.banner2{background: url(images/banner2.jpg) no-repeat top center;width: 100%; height: 474px; margin: 0 auto;}
.banner3{background: url(images/banner3.jpg) no-repeat top center;width: 100%; height: 474px; margin: 0 auto;}
.banner_text{padding:  95px 0 0 335px;}
.banner_text p{margin-bottom: 20px;}
.banner_text p a{  color: #fff; font-size: 25px;  padding: 0 0 0 17px; }
.banner_text p a:hover{color: #fff;}
.banner_text p:before{content: ''; display: table; width: 8%;border-left: 3px solid #c32025; border-width: thick; height: 18px; position: relative; top: 20px ;left: 0; }
.banner_text ul{margin: 0 0 25px 15px;}
.banner_text ul li {margin: 10px 0;list-style-type: disc; color: #fff;}
.banner_text ul li a{ color : #fff;}
.banner_text a.rdmore{border: 1px solid #fff; padding: 6px; color: #fff;text-transform: uppercase; font-size: 14px;}

.banner_hurt {
	background: url(images/human.png) no-repeat -83px 0;
	position: relative;
	z-index: 2;
	width: 714px;
	height: 458px;
	float: right;
	margin:-458px 0px 0 0px;
	z-index: 2;
	right: 0;
}
.banner_hurt ul{float: left; position: relative; width: 425px; margin: 30px 0 0 138px }
.banner_hurt ul li{ }
.banner_hurt ul li a{color: #fff; position: absolute;  background: url(images/wr-hurt-circle.png) no-repeat 0 40px;  }

.banner_hurt ul li a span{ background: #000; padding: 4px 12px; border: solid 2px #fff; }
.banner_hurt ul li.b_hurt1  a span:after{ width: 45px; height: 26px; content: ''; display: block; border-right: solid 1px #f4f4f4; border-bottom: solid 1px #f4f4f4; position: absolute; top: 27px;  }

.banner_hurt ul li.b_hurt2  a span:after{ width: 45px; height: 28px; content: ''; display: block; border-right: solid 1px #f4f4f4;position: absolute; top: 46px; right:71px;  }
.banner_hurt ul li.b_hurt6  a span:after{ width: 26px; height: 22px; content: ''; display: block; border-left: solid 1px #f4f4f4;position: absolute; top: 31px; right:39px;border-bottom: solid 1px #f4f4f4;  }
.banner_hurt ul li.b_hurt4  a span:after{ width: 25px; height: 44px; content: ''; display: block; border-left: solid 1px #f4f4f4;position: absolute; top: 46px; right:99px;border-bottom: solid 1px #f4f4f4;  }

.banner_hurt ul li.b_hurt3 a span::after {	width: 38px;	height: 15px;	content: '';	display: block;	border-left: solid 1px #f4f4f4;	position: absolute;top: 60px;right: 99px;border-bottom: solid 1px #f4f4f4; }

.banner_hurt ul li.b_hurt5 a span::after {width: 35px;height: 12px;content: '';display: block;border-left: solid 1px #f4f4f4;position: absolute;
	top: 68px;right: 99px;border-bottom: solid 1px #f4f4f4; }

.banner_hurt ul li.b_hurt1 a {top: 19px;	left: 224px;	width: 132px;	padding: 0px 0px 50px 15px;	height: 50px; }
.banner_hurt ul li.b_hurt2 a{top: 85px; left:366px;padding:82px 1px 20px 0px; width: 100px; background-position: 15px 19px; }
.banner_hurt ul li.b_hurt6 a{top: 104px; left:54px; width: 100px; padding: 5px 0px 97px 0px; background-position:61px 40px; }

.banner_hurt ul li.b_hurt4 a {	top: 194px;	left: 105px;	width: 100px;	padding: 81px 0px 35px 70px;	background-position: 32px 18px; }

.banner_hurt ul li.b_hurt3 a {top: 183px;left: 263px;background-position: 48px 32px;height: 50px;width: 100px;padding: 64px 0px 0px 100px; }

.banner_hurt ul li.b_hurt5 a {	top: 268px;	left: 15px;	width: 100px;	padding: 69px 0px 30px 61px;	background-position: 13px 41px; }
.hurt{ color:#fff; font-size: 24px; top: 0px;  position: absolute; left: 142px; }



.banner_hurt ul li:hover a span{display: none; }

.banner_hurt ul li.b_hurt5:hover a{ background: url(images/hurt-h1.png) no-repeat 0px 20px;  }
.banner_hurt ul li.b_hurt4:hover a{ background: url(images/hurt-h2.png) no-repeat 10px 18px; }
.banner_hurt ul li.b_hurt6:hover a{ background: url(images/hurt-h3.png) no-repeat 23px 33px;  }
.banner_hurt ul li.b_hurt1:hover a{ background: url(images/hurt-h4.png) no-repeat 18px 35px; }
.banner_hurt ul li.b_hurt2:hover a{ background: url(images/hurt-h5.png) no-repeat 5px 0px; }
.banner_hurt ul li.b_hurt3:hover a{ background: url(images/hurt-h6.png) no-repeat 20px 20px; }




/* pat res*/
.PatresWrap{background: url(images/pat-res-bg.png) repeat; height: 250px; padding: 70px 0 0 0; }
.Patres{height: 400px; position: relative; top: 8px; left: 0;}
.PatresWrap h2{color: #fff; margin: 0 auto 30px; font-size: 35px; display: table; font-weight: 600;}
.Patres img{margin: 0 auto;display: table; position: relative; z-index: 1;}
.Patres1{background: url(images/pt-res-left.jpg) no-repeat 0 0; height: 160px; position: relative; top: -167px; float: left;}
/*.Patres1:hover{background: url(images/) no-repeat 0 0;}*/
.Patres1 li { border-bottom: 1px solid #fff; width: 400px; }
.Patres1 li:last-child{border: none;}
.Patres1 li a{color: #fff; display: block; padding: 30px 0 30px 130px; font-size: 20px;}
.Patres1 li.first a{background: url(images/pt-res-person.png) no-repeat 66px 18px;}
.Patres1 li.form a{background: url(images/pt-res-form.png) no-repeat 66px 18px;}

.Patres2{background: url(images/pt-res-rt.jpg) no-repeat 0 0; height: 160px; position: relative; top: -167px; float: right;}
/*.Patres2:hover{background: url(images/) no-repeat 0 0;}*/
.Patres2 li { border-bottom: 1px solid #fff; width: 400px; }
.Patres2 li:last-child{border: none;}
.Patres2 li a{color: #fff; display: block; padding: 30px 0 30px 130px; font-size: 20px;}
.Patres2 li.appt a{background: url(images/pt-res-mouse.png) no-repeat 66px 18px;}
.Patres2 li.loc a{background: url(images/pt-res-loc.png) no-repeat 66px 18px;}



/*smo*/
.smoWrap{ position: fixed; right: 0px; top: 240px; z-index: 999; }

.smoWrap ul li {margin: 2px 0;}
.smoWrap ul li a{ width: 38px; height: 28px; margin:  3px 0 ; display: block; }
.smoWrap ul li.fb a{background: url(images/smo.png) no-repeat 0 0;}
.smoWrap ul li.tw a{background: url(images/smo.png) no-repeat 0 -28px;}
.smoWrap ul li.gp a{background: url(images/smo.png) no-repeat 0 -54px;}
.smoWrap ul li.in a{background: url(images/smo.png) no-repeat 0 -84px;}
.smoWrap ul li.yt a{background: url(images/smo.png) no-repeat 0 -114px;}

.smoWrap ul li a span{display: none;}


/****     RWD   ****/


@media screen and (max-width:1170px){
    .gridWrapper{width: 98%; margin:0px 1%;}
    .banner_hurt{ position: relative; margin: 0; width: 100%; }
    .banner_text {	padding: 73px 0 113px 365px; }
    .callbacks2_nav.next, .callbacks2_nav{ bottom: 25%;  }
    .banner_hurt {background:#000 url(images/human.png) no-repeat -83px 0;  }
    .hurt{ top: 12px;  }
}






@media screen and (max-width:1170px){
    .callbacks1_nav.next{ left: 50px; }
    .callbacks1_nav{ left: 80px; }
    .logoSec {width: 45%;}
    .rightContainer {width: 55%;}
    .rightContainer ul li {width: 45%;}
    .banner1, .banner2, .banner3{height: auto; background-size: cover;}
    .serviceList {float: none;clear: both;margin: 0 auto;}
    .serviceHead{float: left; margin: 0 auto 30px;}
    .reviewPara ul li a{ text-align: center; display: table; margin: 0 auto; float: none; }
    .serviceList ul li{width: 200px;}
    .docPic{width:32%; float: left; margin: 0 2%;}
    .drProfile{ width: 62%; margin: 0; }
    .docPic .drPlus { display: none;}
    .abtDocWrap{background-size: cover; height: auto; float: left; }
    .drProfile p.profileLine{display: none;}
    .drsplList ul li br{ display: none; }
    .drsplList ul li span{ font-size: 35px;  }
    .doctorsplWrap{height: auto;float: left;}
    .drsplHead {width: 100%; text-align: center; margin: 10px 0; transform: skew(0deg); }
    .drsplHead h2{ margin: 0; padding: 10px 0; }
    .drsplList:after{ display: none; }
    .drsplList {width: 100%;height: auto;z-index: 0;position: static;}
    .makoWrap{height: auto;}
    .makoWrap1 {width: 100%;}
    .makoText{width: 65%; margin: 0 auto; float: left; display: block;}
    .makoWrap2 img {position: static;top: 0px;left: 0px;z-index: 0; }
    .makoWrap2 {	float: right;	margin: -446px 88px 0 0; width: 39%; }
    .reviewPara {width: 97%;}
    .PatresWrap{height: auto; margin-bottom: 40px;}
  .Patres1 {
	width: 50%;
	position: static;
	margin: 30px auto;
	float: left;
	display: block;
}
 .Patres2 {
	width: 50%;
	position: relative;
	margin: 30px auto;
	float: left;
	clear: none;
     background-size: cover;
     top: 0;
}
    .logoList{ margin: 0 0 20px 0; }
    .Patres {height: auto;padding: 0 0 30px 0;}
    footer{background-size: cover;}
    .footerMenu{width: 98%;}
    .footerMenu ul li a {margin: 5px 15px;}
    .copyright{margin: 20px 10px;width: 98%;line-height: 1.6;}
    .drsplList ul li{width: 45%;margin: 20px 2%;}
    
    
}



@media screen and (max-width:1023px){
    .serviceList2 li, .serviceList1 li{ width: 150px;  }
 .drsplList ul li {width: 46%;}
    
    .logoSec{width: 30%; margin-left: 2px;}
    .rightContainer {float: right;width: 68%;}
    .rightContainer ul li {width: 49%; margin: 7px 1px;}
    .rightContainer ul li a {font-size: 14px;}
    .banner1, .banner2, .banner3{height: auto; background-size: cover;}
    .serviceList {width: 97%;margin: 0 auto;display: block; float: none;}
   .banner_text {padding: 33px 0 39px 365px; }
    .menu > li > a{ background: none; }
    .makoWrap2 {margin: -446px 11px 0 0; }
 .reviewPara ul li{height: 230px;}
  .docVideo {width: 100%;}
 .docVideo p a{margin: 22px 0 0 40px;}
}




@media screen and (max-width:767px){
    .banner_hurt{ background: #ccc; margin: 0; height: auto; padding: 5px 0;  }
    .banner_hurt ul{ width: 100%; margin: 0; }
    .banner_hurt ul li a{ position: relative; top: 0!important; left: 0!important; background: none; padding: 5px 2%!important; float: left; width: 96%!important; display: block;  height: auto!important; }
    .banner_hurt ul li a:hover { background: #f00 !important;   }
    .banner_hurt ul li:hover a span{display: block; }
    .banner_hurt ul li a span {
	background: #000;
	padding: 8px 12px;
	border: solid 1px #fff;
	width: 95%;
	display: block;
}
    .hurt{ position: relative; text-align: center; top: 0px; left: 0; color: #000; margin: 20px 0;  }
    .banner_hurt ul li a span:after { display: none!important; }
    
    .banner_hurt ul li{ float: left; width: 100%; }
    .serviceHead h2 br{ display: none;   }
    .serviceHead h2 {   display: table;  }
    .callbacks3_nav{ left: -23px; }
    .callbacks3_nav.next{ left: -53px; border: 60px;  }
    .menu{display: none;}
    #mobileMenu{display: block;}
    #Accessibility{display: none;}
    .logoSec { width: 90%;margin: 0 auto;float: none;}
 .rightContainer{width: 90%; float: none;}
    .smoWrap{ display: none; }
    .listService{ margin: 0;  }
    .serviceList ul li {width: 65%;margin: 10px auto;display: block;float: none;}
    .drsplList { padding-bottom: 20px; }
    .drsplList ul li {width: 90%; margin: 5px 2%; }
    .Patres1 li{width: auto;}
    .Patres2 li{width: auto;}
    .makoText{ width: 95%; }
    .Patres2 li a {padding: 30px 0 30px 105px; }
   
 
    
/*     mobile menu*/
 /* Mobile Menu */
#mobileMenu { display: block; clear: both; margin: 10px 0 0 0;  }
    /* Menu CSS */ 
nav {display: none;}
.wrapper { display: block;position: absolute;z-index: 9999;left: 0px;width: 100%;display: none;background: #525252;}
.menuText {text-align: center;padding: 0px;color: #fff;font: normal 20px Verdana, Arial, Helvetica, sans-serif; line-height:2; background: #2d7b8d; clear: both; }
.menuText a {color: #fff;display: block;}
.parentMenu {font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;color: #fff;}
    .parentMenu li{ position: relative; }
.parentMenu li a {padding: 10px 10px 10px 20px;color: #fff;display: block;border-bottom:1px solid #747474;}
.parentMenu li a:hover {background: #444;}
.parentMenu li ul {display: none;}
.parentMenu li li a {padding: 10px 10px 10px 40px;background: #003466;}
.parentMenu li li li a {padding: 10px 10px 10px 60px;background: #003466;}
.parentMenu li a:before{content: "\f105"; font-family: FontAwesome; font-size:14px; display: inline-block; margin-left:-12px;width: 1.3em; color: #fff; position: absolute; top: 9px; }

a.level1Menu:after{content: "\f105"; font-family: FontAwesome; font-size:14px; display: inline-block; margin-left:-12px;width: 1.3em; color: #fff; position: absolute; top: 9px; right: 0; }
a.level1Menu:hover:after{content: "\f105"; font-family: FontAwesome; font-size:14px; display: inline-block; margin-left:-12px;width: 1.3em; color: #fff; position: absolute; top: 9px; right: 0; }

}



@media screen and (max-width:639px){
    .Patres1{ width: 100%; }
    .Patres2{ margin: 0 0 20px 0;; }
    .rightContainer ul{float: none;}
    .rightContainer ul li { width: 85%;float: none;margin: 10px auto;}
    .serviceList ul li {width: 80%;}
    .drProfile p.profilePara1 {font-size: 30px;}
    .drProfile h1.profileHd span a{font-size: 35px;}
    .docVideo {width: 95%;margin: 0 auto;}
    .docVideo p a {margin: 20px 0 0 0;}
    .drsplHead { width: 95%;}
    .drsplList ul li {width: 98%;}
 .docPic{top: -40px;}
 .makoWrap1{padding: 30px 0 40px;}
 .makoText {width: 90%;}
 .makoText h2 a {font-size: 20px;}
 .makoImg{float: none;margin: 0 auto;}
 .makoPara1{margin: 0 auto;}
 .makoPara3:after{content: none;}
 .makoPara2{margin: 20px 0 ;}
 .makoWrap2 {width: 95%; margin: 0 1%;}
 .reviewPage a { display: block;width: 90%;text-align: center;
  float: left; margin: 0 0 10px;}
 .reviewPage {width: 90%;}
 .Patres2 {width: 98%;}
 .Patres1 {width: 98%;}
 .Patres1 li.first a{background: url(images/pt-res-person.png) no-repeat 20px 18px;}
.Patres1 li.form a{background: url(images/pt-res-form.png) no-repeat 20px 18px;}
 .Patres2 li.appt a{background: url(images/pt-res-mouse.png) no-repeat 20px 18px;}
.Patres2 li.loc a{background: url(images/pt-res-loc.png) no-repeat 20px 18px;}
 .Patres2 li a{padding: 30px 0 30px 70px;}
 .Patres1 li a{padding: 30px 0 30px 70px;}
 .footerSpl {width: 90%;}
 .footerSpl ul li{line-height: 1.4;}
 .footerMenu{width: 100%;}
 .footerMenu ul li {margin: 5px 15px;}
 .footerMenu ul li a{float: left; line-height: 1.4;}
 .drVideo::after{content: none;}
 .abtDocWrap{margin-top: 50px;}
 .docPic{padding: 5px;}
 .docPic img{position: static; }
 .docPic:after{content: none;}
 footer{height: auto;}
 .reviewsWrap{height: auto; float: left;}
 .topHeader{height: 55px;}
 .locHeader{margin:3px 0 3px 0; float: left;}
 .phnHeader a{clear: both;display: block;}
    .makoPara1 br, .makoText h2 a br, .drProfile p.profilePara1{ display: none; }
    .drProfile{ width: auto; top: 0; }
    .docPic { top: 20px; width: 60%; margin: 0 auto; float: none; }
    .drProfile h1.profileHd{ text-align: center;  }
    .banner1,.banner2, .banner3{ height: auto; padding-top: 30%; background-size:100%;   }
    .banner_text{ padding: 20px; background: #000;  }
    .locHeader {	margin: 10px 0 3px 0; }
 .callbacks2_nav.next{display: none;}
 .callbacks2_nav{display: none;}
 .callbacks3_nav.next{display: none;}
 .callbacks3_nav{display: none;}
 .docVideo p a{margin: 0;}
 .phnHeader{float: none;}
 .listService{float: none;}
 .serviceList2 li{margin: 0 auto; width: 90%;}
 .serviceList1 li{margin: 0 auto; width: 90%;}
 .docVideo p a{margin: 10px 0 0;}
 .banner_hurt ul li{width: 95%;}
 .logoList{height: 110px;}
 .drVideo{margin-top: 0;}
 .docVideo p a {margin: 10px 0 0 30px;}
 .rightContainer { float: none; width: 50%; margin: 0 auto;}

}




@media screen and (max-width:479px){
 
 .rightContainer{margin: 0;}
 .drVideo{margin: 20px auto; float: none;}
}