@charset "utf-8";
/* CSS Document */

body{ font-size:13.5px; background: #fff; color: #000;}
body, h1, h2, h3, h4, p, ul, li, form, iframe, button{ padding:0px; margin:0px; }
ul, li{ list-style-type:none; }
img{ border:none; max-width:100%; vertical-align:middle; }
a{ outline:none; text-decoration:none; color: #000; }
a:hover, .header-service-list ul li a:hover{ color: #000;  transition: color 0.6s ease 0s;}
.clear{ clear:both; }

/* font-family */


@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular-webfont.woff2') format('woff2'), url('fonts/Roboto-Regular-webfont.woff') format('woff'), url('fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.ttf') format('truetype'),
         url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RalewayMedium';
    src: url('fonts/RalewayMedium.eot');
    src: url('fonts/RalewayMedium.eot') format('embedded-opentype'),
         url('fonts/RalewayMedium.woff2') format('woff2'),
         url('fonts/RalewayMedium.woff') format('woff'),
         url('fonts/RalewayMedium.ttf') format('truetype'),
         url('fonts/RalewayMedium.svg#RalewayMedium') format('svg');
}

@font-face {
  font-family: 'MyriadPro-Semibold';
  src: url('fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
	   url('fonts/MyriadPro-Semibold.otf')  format('opentype'),
	   url('fonts/MyriadPro-Semibold.woff') format('woff'), 
	   url('fonts/MyriadPro-Semibold.ttf')  format('truetype'), 
	   url('fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}



/* header */
header, nav, footer, .service-section, .c-logo, #interactive-section,  #inner_banner, #home_banner, footer{ width: 100%; float: left;}
.header_section, .menu_section, .home_banner_section, .media-banner,  .interactive, .credibility,  .bullet_container , .services, .container,  .footer-section{ width: 960px; margin:0 auto;  }
/* Home pop up */

#boxes {
    float: left;
    position: relative;
    width: 100%;
}
.header_popup > img {
    display: block;
}
.pop_up_box {
  background: #ffffff none repeat scroll 0 0;
  border: 5px solid #8e784d;
  display: block;
  float: none;
  height: 183px;
  margin: 0 auto;
  padding: 2px 0 3px;
  position: absolute;
  right: 24%;
  top: 228px;
  width: 52%;
  margin: 0 auto;
}
.pop_txt {
    position: absolute;
    right: 11%;
    top: 43%;
    width: 46%;
}
.pop_txt {
    position: absolute;
    right: 11%;
    text-align: center;
    top: 42%;
    width: 49%;
}
.pop_img img {
    float: left;
    padding-left: 1%;
    width: 36%;
}
.pop_txt span {
    color: #e94e38;
    display: inline-block;
    font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
#mask {
    background-color: #000000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9000;
}
.asian-logo {
    float: right;
    width: 45%;
}
#boxes .window {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 960px;
    z-index: 99999999;
}
a.pp_close {
    margin: -185px 0 0 475px;
}

.header_popup {
    line-height: 42px;
    margin-top: 45px;
    text-align: center;
}
.header_popup a {
    display: inline-block;
    margin-top: 4px;
}
.header_popup > p {
  font-size: 26px;
  text-shadow: 1px 1px #66cccc;
}
.pop_close_button a {
  color: #e94e38 !important;
  font-size: 41px !important;
  right: 5px !important;
  top: -5px !important;
}

/* header */
header{   background:url(images/header.jpg) no-repeat center 0; font-family:Times;}
.header_section { padding: 14px 0; }
.logo{ width: 40%; float: left; padding: 20px 0; }
.header-right{ float: left;  width: 25%; color:#fff; }
.head-appointment {
  margin-bottom: 10px;
}
.head-dollars img {
  text-align: center;
  display: block;
  margin: 0 auto;
}
.head-loc {
    float: left;
    font: normal 14px 'MyriadPro-Semibold';
}
.head-loc ul li {
	background: url(images/loc-icon.png) no-repeat 0px 3px;
	line-height: 20px;
	text-transform: uppercase;
}
.head-loc ul li a {
    padding-left: 15px;
    color: #ffffff;
}
.head-loc ul li a:hover {
    color: #c75f41;
    text-decoration: none;
}
/* Head Contact */
.head-appointment a{ font-size: 18px; padding-left: 22px; color: #fff; }
.head-dollars {
  float: left;
  width: 240px;
}
.head-appointment a { background: #0e7982 url("images/book-an-appointment.jpg") no-repeat scroll 6px 11px;
  border-radius: 16px;   padding:4px 13px 5px 26px;
}
.head-contact {
  margin-left: 11px;
}
.head-contact a{ background:url(images/call-for-appointments.jpg) no-repeat 0px 4px; padding-left:31px; font-size: 25px; color: #fff;  }

/* nav */
nav {
  background: #8e784d;
}
	.menu_section ul li{ float: left; display: block;  background:url(images/nav-div.png) no-repeat right 21px; position: relative;}
.menu_section ul li a{ color: #fff; padding: 13px 15px; display: block; text-transform: uppercase; font-size: 14px; font-family:Times;}
.menu_section ul li a:hover{ background:url(images/menu-hover.png) repeat-x 0px 0px;}
.menu_section ul li:hover{ background: #201e1c; }
.slicknav_menu {
    display: none;
}

.menu_section ul li ul li:hover {
    background: #1b6698 none repeat scroll 0 0;
}
.menu_section ul li a:hover {
    color: #fff;
}
.slicknav_menu {
    display: none;
}
.menu_section .nav-appointment {
    width: 221px !important;
}
.menu_section ul li ul {
    display: none;
    left: 0;
    position: absolute;
    top: 63px;
    z-index: 9999999;
}
.menu_section ul li:hover > ul, .menu_section ul li > ul > li:hover > ul, .menu_section ul li > ul > li > ul > li:hover > ul {
    display: block;
}
.menu_section ul li ul li {
    border-bottom: 1px solid #cccccc;
    float: none !important;
}
.menu_section ul li ul li a {
    color: #fff !important;
    display: block;  font-family: 'RalewayMedium';
    font-size: 14px !important;
    padding: 9px 8px 9px 23px !important;
    text-transform: capitalize;
}
.menu_section ul li ul li a:hover {
    color: #ffffff;
}
.menu_section ul li ul li:hover, .menu_section ul li ul li:hover {
    background: #1b6698 none repeat scroll 0 0 !important;
    color: #ffffff !important;
}
.menu_section ul li:hover > ul, .menu_section ul li:hover > ul > li > ul, .menu_section ul li:hover > ul > li > ul > li > ul {
    position: absolute;
    width: 200px;
}
.menu_section ul li:hover > ul {
    position: absolute;
    width: 240px;
}
.menu_section ul li:hover > ul > li > ul, .menu_section #menu-menu-1 li:hover > ul > li > ul > li > ul {
    left: 270px;
}
.menu_section ul li:hover > ul {
    left: 0;
    top: 38px;
}
.menu_section ul li:hover > ul > li > ul {
    top: 0;
}
.menu_section ul li:hover > ul > li > ul > li > ul {
    top: 0;
}
.slicknav_menu {
    display: none;
}
.menu-section ul li > ul li a {
    background: #174b6e none repeat scroll 0 0;
    color: #a1a1a1;
    font-size: 13px;
    text-transform: inherit;
    transform: none !important;
}
.menu_section ul li ul li:hover > a {
    color: #ffffff !important;
}
.menu_section ul li ul {
    height: auto;
    transition: all 0.2s ease 0s;
}
.menu_section ul li ul {
    background: url("images/menu-arrow.jpg") no-repeat scroll 50px 7px;
    display: none;
    height: auto;
    left: 0;
    padding: 13px 0 0;
    position: absolute;
    top: 30px !important;
    width: 230px;
    z-index: 9999999;
}
.menu_section ul li:hover > ul {
    display: block;
    left: 0;
    margin: 0;
    padding: 13px 0 0;
    position: absolute;
}
.menu_section ul li ul li a {
    background: #186c73 url("images/menu-arrow-hover.jpg") no-repeat scroll 4% 16px;
}
.menu_section ul li ul li a:hover {
    background: #c75f41 url("images/menu-arrow-n.png") no-repeat scroll 4% 16px;
    color: #ffffff;
}
.menu_section ul li ul li ul {
       left: 90.5% !important; top: 0% !important;
    padding: 0 0 0 19px !important;
    position: absolute;
    z-index: 999999999;
}
.menu_section ul li ul li ul li a:hover {
    background: #201e1c url("images/menu-arrow-n.png") no-repeat scroll 4% 16px !important;
}
.menu_section ul li ul li ul li a {
    background: #c75f41 url("images/menu-arrow-n.png") no-repeat scroll 4% 16px !important;
}
.mobilesOnly {
    display: none;
    visibility: hidden;
}

/* Home Banner */
#home_banner{  background: url("images/banner.jpg") no-repeat scroll center 0px; }
.banner-block {
  float: left;
  height: 466px;
  position: relative;
  width: 319px;
}
.banner-image1 {
  background: url("images/home-banner1.jpg") no-repeat scroll center center;
  height: 466px;
  width: 321px;
  z-index: 1;
}
.banner-image2 {
  background: url("images/home-banner2.jpg") no-repeat scroll center center;
  height: 466px;
  width: 319px;
  z-index: 1;
}
.banner-image3 {
  background:  url("images/home-banner3.jpg") no-repeat scroll center center;
  height: 466px;
  width: 319px;
  z-index: 1;
}
.banner-image1:hover {
  background: url("images/home-banner1-hover.jpg") no-repeat scroll center center;
}
.banner-image2:hover {
  background: url("images/home-banner2-hover.jpg") no-repeat scroll center center;
}
.banner-image3:hover {
  background: url("images/home-banner3-hover.jpg") no-repeat scroll center center;
}
.image-popup:hover {
   height: 466px;
  left: -30px;
  position: absolute;
  top: 0px;
  transition: all 0.2s linear 0s;
  width: 429px;
  z-index: 2;
}
.banner-image1.image-popup:hover{ left: 1px;}
.banner-image2.image-popup:hover{ left: 1px;}
.banner-image3.image-popup:hover{ left: -21px;}
/* Banner Content */
.banner-content {
  left: 0;
  position: relative;
  top: 3%;
}
.banner_section{ position:absolute; top: 85px; right:0; width: 202px;}
.banner-content{ font-family:Times; font-size: 15px;  }
 .banner_section1, .banner_section2, .banner_section3{ bottom: 10px; position:absolute;  right:0; width: 271px;}
 .banner_section1, .banner_section2, .banner_section3 {
  position: relative;
  right: -24%;
  text-align: center;
  top: 301px;
  width: 186px;
}
 .banner_section1 .banner-readmore, .banner_section2 .banner-readmore, .banner_section3 .banner-readmore{ margin: 8% auto 0;}
.banner-content h2, .banner-txt h2{ color: #fff; font-size: 20px; text-transform:uppercase; }
.banner-txt h2 a{ color: #fff;}
.banner-content ul li{  background: url("images/home-banner-list.png") no-repeat scroll 0px 7px; padding-left: 13px; margin: 4px 0;}
.banner-content ul li a{ color: #66cccc; font-weight: bold; }
.banner-readmore{ background: #c75f41; color: #fff; font-size: 16px; padding: 2px; display:block; width: 88px; text-align:center; margin-top: 10px; }

.media-banner{ display:none;}
/* Home Banner */

/* Slider Styele */
	.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;
  border: 0;
  padding:0 0 0 0%;
  }




/* Inner Banner */
#inner_banner{ position: relative; background:url(images/inner-banner.jpg) no-repeat center 0px; }
.inner-banner1{ background:  url(images/inner-banner1.jpg) no-repeat scroll center 0px; min-height: 188px; }
.inner-banner2{ background:  url(images/inner-banner2.jpg) no-repeat scroll center 0px; min-height: 188px; }
.inner-banner3{ background:  url(images/inner-banner3.jpg) no-repeat scroll center 0px; min-height: 188px; }
#inner_banner .banner-txt {
  position: relative; top:0; bottom:0;
}
#inner_banner .banner-txt > h2 {
  position: absolute;
  top: 75px;
  left: 39%;
}
/* bullet container */
.bullet_container {
  margin: 0 auto;
  position: relative;
   z-index: 99999;
}
.bullet_container li{ float: left; margin: 0 1px; }
.bullet_container li a{   background:  url(images/bullet-n.png) no-repeat scroll 0px 0px; width: 16px; height: 16px; float: left; }

.bullet_container li a:hover, .bullet_container li.rslides_here a{   background:  url(images/bullet-hover.png) no-repeat scroll 0px 0px; width: 16px; height: 16px;}

/* Interactivity Section */
#interactive-section{  background:  #DFE0E4; font-family:Times; }
.interactive {
  padding: 20px 0;
}
.doctor_txt img {
  float: left;
  margin-right: 17px;
}
.interactive h2{ color: #868686; font-weight: lighter; font-size: 20px; border-bottom: 1px solid #868686; width: 80%;}
.interactive h1{ color: #464646; margin: 3px 0 8px 0; }
.interactive span a, .everlast-wellness h2 a{ color: #3E5574; }
.interactive p{  font:14px/18px 'robotoregular'; color: #000;}
.interactive span a{color: #ac6a67; font:13px/18px 'robotoregular';}
.doctor_txt {
  float: left;
  width: 64%;
}
.doctor-sec {
  float: left;
  width: 63%;
}
.interactive-rgt > img {
  margin-bottom: 4px;
}
/* Hip Replacement */
.services {
  padding: 37px 0 25px 0;
}
.service-section{ background:  url(images/cartialge-banner.jpg) no-repeat scroll center 0px; }
.section1 li{ float: left;}
.section1 li{  background:  url(images/hip-replacement.jpg) no-repeat scroll 0px 0px; }
.service1 a{ background:  url(images/hip-preservation.jpg) no-repeat scroll 25px 20px;  }
.service1 a:hover{ background:  url(images/hip-preservation-hover.jpg) no-repeat scroll 25px 20px;  }
.section1 a{ color: #ffb8a4;font-family: 'robotolight'; font-size: 22px; padding: 12px 164px 12px 122px; display:block; }
.section1 span{ font-family:Times; font-size: 26px; color: #fff; display:block; }
.service2 a{ background:  url(images/cartilage-restoration.jpg) no-repeat scroll 25px 14px; padding: 12px 144px 12px 94px;  }
.service2 a:hover{ background:  url(images/cartilage-restoration-hover.jpg) no-repeat scroll 25px 14px;  }
.section1, .home-education {
  border-bottom: 1px solid #525252;
  padding-bottom: 32px;
}
 .home-education{   padding-bottom: 0px; }
.service2 {
  margin-left: 3.5%;
}
.home-education li{ float: left; border-left: 1px solid #525252;}
.home-education li a{ padding: 20px 42px 20px 39px; display:block;  font-family:times; font-size: 15.35px; color: #e5e5e5; text-transform:uppercase; }
.list1{ background:  url(images/educational-videos.jpg) no-repeat scroll 0px 13px;  }
.list2, .list3, .list4{  padding: 20px 23px 20px 59px !important;}
.list2 {
  background: rgba(0, 0, 0, 0) url("images/injury-prevention.jpg") no-repeat scroll 13px 13px;
 
}
.list3{ background:  url(images/news-publication.jpg) no-repeat scroll 13px 20px;  }
.list4{ background:  url(images/office-location.jpg) no-repeat scroll 13px 13px;  }
.lastchild{ border: none !important;}

/* credibity */
.credibility {
  padding: 26px 0;
}
.c-logo{ background: #F5F5F5; border-bottom: 1px solid #e7e7e7;}
.c-logo li{ float: left; margin: 0 9%;}
/*footer */
footer{  background: #fff;  font:14px 'times';  color: #5e5b5b;   }
.footer-section{ padding: 30px 0; }
.footer-section li a, .footer-section a{ color: #5e5b5b;  }
/* footer Menu */
.footer-menu li{ float: left; background:url(images/footer-div.jpg) no-repeat right 2px; padding: 0 6px; }
.footer-menu{ font-size: 14px; padding: 15px 0 67px;}
.footer-menu {
  float: left;
  font-size: 14px;
  padding: 0 3% 0 0;
  width: 54%;
}
.footer-menu span {
  margin-left: 10px;
}
.footer-menu > p {
  float: left; margin-top: 8px;
 
}
.footer-menu li{ background:url(images/footer-div.jpg) no-repeat right 3px; }
.footer-menu li.last-child{ background: none;}
.footer-menu li a{ color: #5e5b5b;}
.footer-contact {
  margin-top: 5%;
  width: 23%;
}
.footer-rgt p{ font-size: 15px;}
.footer-rgt {
  float: left;
  padding-left: 9%;
  width: 34%;
}

.footer-rgt img {
  display: block; margin-left: 13%;
  float: left;
}
/* Smo */
.footer-rgt ul li.fb{  background:url(images/fb.jpg) no-repeat 0px 0px; width: 8px; height: 17px; }
.footer-rgt ul li.twitter{  background:url(images/twitter-new.jpg) no-repeat 0px 0px; width: 20px; height: 17px; }
.footer-rgt ul li.in{  background:url(images/in.jpg) no-repeat 0px 0px; width: 16px; height: 17px; }
.footer-rgt ul li.gplus{  background:url(images/gplus.jpg) no-repeat 0px 0px; width: 19px; height: 19px; }
.footer-rgt ul li.ytube{  background:url(images/youtube.jpg) no-repeat 0px 0px; width: 17px; height: 20px; }

.footer-rgt ul li {
  float: left;
  font-size: 13px;
  margin:0 9px;
 }
.footer-rgt ul li a {
  display: block;
  padding: 10px 5px;
}

.footer-menu img {
  float: right;
}

/* common styles */
/* section  */
section {
   float: left; border-bottom: 1px solid #E5E5E5;
  width: 100%;

}
.container{  margin:0 auto; padding: 20px 0;  color: #403d3b; }
.navigation { font-size: 14px;  font-family: 'robotoregular';color: #202427;}
.navigation a{ color: #202427;  }
article { color: #777777;
  float: left;  font-family:Verdana;
  margin-right: 2%; 
  width: 70%;
}
article p {
  margin-bottom: 4px; 
  padding-top: 7px; line-height: 20px;
}
aside {
  float: left;    font-family:Times;
  width: 254px;
}

article h1 {
   padding: 12px 0 11px; color: #10676e; font:25px Times; border-bottom: 1px dashed #8e784d; margin-bottom: 15px;
}
article h2 {
  color: #000; margin: 6px 0; 
  font-size: 18px;
  font-weight: normal;
}
.text-main{ border-bottom: 1px solid #ba6c29;}
article h3{ color: #10676e;  padding: 10px 0; }
article ul li{ padding: 4px 0; list-style:none; background: url(images/list-nav.jpg) no-repeat 0px 10px; padding: 4px 0 4px 13px;}
/* Profile page */
.profile-page h2{ color: #10676e; font:32px Times; font-weight:bold; }
.profile-page span{ color: #434343; font-family: 'robotoregular'; font-weight:bold; font-size: 17px; text-transform:uppercase;}



/* aside */
.services-we-offer {  font-family:Times;} 
.services-we-offer h2, aside .home-education h2{  background:#7edfe8 url(images/service-heading.jpg) no-repeat 27px 11px; text-align:center; padding: 4px 10px; }
.services-we-offer h2 a, aside .home-education h2{ color: #171717; font-size: 23px; font-weight:normal;} 
.services-we-offer ul li{ border-bottom: 1px solid #2c2c2c; }
.services-we-offer ul li a{ color: #fff; font-size: 20px; padding: 15px 7px 15px 74px; display:block; }
.services-we-offer ul li a.a-hip-preservation{ background: #1a1a1a url(images/service-we-offer1.png) no-repeat 18px 10px; }
.services-we-offer ul li a.a-knee-preservation{ background: #1a1a1a url(images/service-we-offer2.png) no-repeat 18px 10px; }
.services-we-offer ul li a.a-cartilage{ background: #1a1a1a url(images/service-we-offer3.png) no-repeat 18px 10px; }
/* hover */
.services-we-offer ul li a.a-hip-preservation:hover{ background: #c75f41 url(images/service-we-offer1-hover.png) no-repeat 18px 10px; }
.services-we-offer ul li a.a-knee-preservation:hover{ background: #c75f41 url(images/service-we-offer2-hover.png) no-repeat 18px 10px; }
.services-we-offer ul li a.a-cartilage:hover{ background: #c75f41 url(images/service-we-offer3-hover.png) no-repeat 18px 10px; }

.services-we-offer ul li.lastchild{ border: none;}
/* aside Patient Education */
 aside .home-education h2{ padding: 4px 10px 4px 56px;}
aside .section1, aside .home-education{ border:none; padding-bottom: 0 !important; }
aside .home-education li{ border-bottom: 1px solid #4f4f4f; float: none; }
aside .home-education{ background: #3F3F3F; margin: 6px 0; width: auto;}
aside .home-education li a{ text-transform:capitalize; font-size: 17px; padding: 14px 12px 14px 70px !important; background-position: 24px 13px !important;}
aside .home-education li a.list2, aside .home-education li a.list4 {
  background-position: 20px 7px !important;
}
/* aside Doctor section */
.profile-info{ background: #cbcccd; padding-top: 9px; margin: 6px 0;}
.profile-info > img {
  float: left;
}
.profile-content {
  color: #464646;
  margin-top: 14px; line-height: 27px;
}
.profile-content > span{ font-size: 20px; color: #464646;}
.profile-content h2{ font-size: 23px;}
.view-profile {
  background: #171717 none repeat scroll 0 0;
  color: #ffffff;
  font: 13px "robotoregular";
  padding: 3px 8px;
  float: right;
  margin: 9px 8px 0 0;
}
.view-profile:hover{ color: #000; background: #7EDFE8;}
/* aside hi preservation */

aside .section1 a{ padding: 7px 56px 7px 69px; font-size: 16px;}
aside .section1 span{ font-size: 19px;}
aside .service1 a{  background:#1a1a1a url("images/a-hip-preservation.jpg") no-repeat scroll 13px 12px; }
aside .section1 li a{ padding: 7px 56px 7px 69px !important;}
aside .section1 li.service2 a {
  padding: 7px 22px 7px 69px !important;
}
aside .service1 a:hover{  background:#1a1a1a url("images/a-hip-preservation-hover.jpg") no-repeat scroll 13px 12px; }
aside .service2 a, aside .service2 a:hover {
  background-position: 19px 10px; padding: 12px 17px 12px 74px;
  background-size: 13% auto;
}
 aside .service2{ margin-left:0 !important;}
 aside .section1 li{ margin: 3px 0; width: auto !important;}
 /* Aside c-logo */
.aside-clogo{background: #F5F5F5; padding: 0 10px; margin-top: 10px;}
.aside-clogo img { padding: 13px 0;
  display: block;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #BFBFBF;
}
/* Services Page */ 


.service-list li { float: left;
   background: url(images/service-bg-li.jpg) no-repeat 0px 8px;
  list-style: none; margin:1px 0; 
  padding: 0 0 0 12px;
}
.service-list a {
  color: #ffffff;
  display: block; 
  font-family: Times;
  font-size: 22px; padding: 16px 43px 20px 73px !important;
  
}
.s-hip-preservation{ background: url(images/s-service1.jpg) no-repeat 0px 0px;  }
.service-list a.s-knee-preservation {
  background: rgba(0, 0, 0, 0) url("images/s-service2.jpg") no-repeat scroll 0 0;
  padding: 16px 28px 20px 72px !important;
}
.s-cartilage{ background: url(images/s-service3.jpg) no-repeat 0px 0px; }

/* Services */
.services-bg a {
  background: #7edfe8 none repeat scroll 0 0;
  display: block;
  padding: 8px 69px;
}
.services-bg li { background:none; float: left; }
.services-bg a:hover {
  background: #171717; color: #fff;}
@media screen and (max-width:1200px){ 
header {
  background: #146970 none repeat scroll 0 0;
  }
  .pop_up_box{ width: 36%;}
  .header_popup > p {
  font-size: 22px;
  }
 .menu_section, .home_banner_section, #boxes .window, .interactive, .credibility,  .bullet_container , .services, .container,  .footer-section, .media-banner{ width: 100%;}
 .header_section{ width: 98%; padding:0 1%;}
.head-appointment, .head-contact{ border-right: none; padding: 15px 13px;}

.logo{ width: 27%;}
.head-contact li {
  margin-right: 6px;
  padding-left: 25px;
}
.header-right{ width: 28%;}
.menu_section ul li a{ padding: 13px 20px;}
.image-popup:hover{ width: 125%;}
article {
    margin: 0 2% 0 1%;
  width: 72%;
}
}
@media screen and (max-width:1023px){
    .logo {
  width:35%;
}
.header-right {
  width: 26%;
}
.pop_up_box{ width: 50%;}
.head-appointment, .head-contact{ padding: 4px 13px;}
.menu_section ul li a {
  padding: 13px 7px; font-size: 13px;
}
.image-popup:hover {
  width: 89%;
}
.banner-image1, .banner-image2, .banner-image3 {
  width: 100% !important;
}
.banner_section1, .banner_section2, .banner_section3 {
    right: -9%;
  }
.banner_section1, .banner_section2, .banner_section3 {
  display: block !important;
}
.banner_section {
  display: none !important;
}
 .banner-image2,  .banner-image1,  .banner-image3{
left: 0 !important;
  transform: none !important;
  }
.banner-image1 {
  background: url("images/home-banner1.jpg") no-repeat scroll center center !important;
   
   }
   .banner-image2 {
  background: rgba(0, 0, 0, 0) url("images/home-banner2.jpg") no-repeat scroll center center !important;
  }
.banner-image3 {
  background: rgba(0, 0, 0, 0) url("images/home-banner3.jpg") no-repeat scroll center center !important;
  }
.banner-block{ width: 33%;}
.image-popup:hover {
  width: 111%;
}
.banner_section > ul {
  display: none !important;
}
.doctor_txt img {
   width: 33%;
}
.interactive-rgt {
  width: 35%;
  float: left;
}
.inter-img img{ padding: 4px 9% !important;}
aside .interactive-rgt{ width: auto; float: none;}
.section1 li{ width: 47%;}
.section1 li a{ padding: 12px 1% 12px 29% !important;}
.home-education li a {
  padding: 20px 2px 20px 29px; font-size: 13px;
}
.list2, .list3, .list4 {
  padding: 20px 14px 20px 51px !important;
}
.c-middle {
  margin: 0 4%;
}
article {
  margin: 0 2% 0 1%;
  width: 63%;
}
.footer-rgt {
  float: right;
  padding-left: 1%;
 }
 .footer-menu{ width: 64%; padding: 0 1% 0 0;}
}
@media only screen and (max-width:882px){
.logo {
	width: 28%;
}
.header-right {
	width: 30%;
}
}
@media only screen and (max-width:767px){
    header{ background: #166B72;}
    .logo, .header-right {
  width: 300px; float: none;
  margin: 0 auto;
  padding: 10px 0;
}
.head-dollars {
  float: none;
  width: 188px;
  margin: 0 auto;
}
.head-loc {
	float: none;
	margin: 0 auto;
	width: 20%;
}
.pop_up_box{ height: 171px; top: 23px;}
.header_popup{ line-height: 33px;}
  .header_popup > p {
  font-size: 22px;
  }
.inter-img img {
  padding: 4px 1% !important;
}
.section1 span{ font-size: 24px;}
.header-right{ width: 264px;}
    .menu_section ul li a {
  font-size: 12px;
  padding: 13px 2px;
}
.banner_section {
  position: absolute;
  right: 53%;
  top: 85px;
  width: 20%;
}
.banner-content h2, .banner-txt h2 {
    font-size: 16px;
  }
    .head-appointment, .head-contact {
  border-right: medium none;
  padding: 5px 13px;
}
.doctor-sec {
  float: left;
  width: 62%;
}
.service-section {
  background: #3f3f3f;
}
.home-education li{ float: none;}
.list1 {
  background: rgba(0, 0, 0, 0) url("images/educational-videos.jpg") no-repeat scroll 16px 16px;
}
.home-education li a {
    padding: 20px 2px 20px 51px !important;
}
.c-middle {
  margin: 0 0;
}
.c-logo li {
  width: 33%;
}

article {
  width: 97%;
  float: none;
}

aside{ float: none; margin:0 auto;}
article{ width: 97%;}
}
@media only screen and (max-width:639px){

.pop_up_box{ width: 62%;}
.pop_up_box {
  height: 167px;
  top: 202px;
}

nav .menu_section{display:none;}   
    .slicknav_menu {
    display: block;
}
.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    padding: 0.438em 2% 0.438em;
    line-height: 1.125em;
    cursor: pointer;
}
.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    font-family: Verdana, Geneva, sans-serif;
}
.slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_no-text {
    margin: 0
}
.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em
}
.slicknav_nav {
    clear: both
}
.slicknav_nav ul, .slicknav_nav li {
    display: block
}
.slicknav_nav .slicknav_arrow {
    font-size: 1em;
    float: right;
    padding:7px 0 7px 13px;
    border-left:1px solid #222;
}
.slicknav_nav .slicknav_item {
    display: block;
    cursor: pointer;
}
.slicknav_nav a {
    display: block; font-family: Verdana, Geneva, sans-serif;
}
.slicknav_nav .slicknav_item a {
    display: inline-block;
    padding:7px 0;
    border:none;
}
.slicknav_menu:before, .slicknav_menu:after {
    content: " ";
    display: table;
}
.slicknav_menu:after {
    clear: both
}
/* IE6/7 support */
.slicknav_menu {
*zoom: 1
}
/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size: 16px;
}
/* Button */
.slicknav_btn {
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #303030;
    width:96%;
}
/* Button Text */
.slicknav_menu .slicknav_menutxt {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  left: 10px;
  position: relative;
  text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
    background-color: #166B72;
}
.slicknav_menu {
    background: #156A71;
}
.slicknav_nav {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
}
.slicknav_nav ul {
    padding: 0;
    margin: 0;
}
.slicknav_nav ul li a, .slicknav_nav ul li .slicknav_item{ padding-left:35px !important; }
.slicknav_nav ul li .slicknav_item a{ padding-left:0 !important; }
.slicknav_nav ul li ul li a{ padding-left:60px !important; }
.slicknav_nav .slicknav_item {
    padding: 0px 15px;
    margin:0;
    border-bottom:1px solid #fff;
    border-top:1px solid #fff;
}
.slicknav_nav a {
    padding: 7px 15px;
    margin: 0;
    text-decoration: none;
    color: #fff;
       border-top:1px solid #fff;
    text-align:left;
}
.slicknav_nav .slicknav_item:hover {
    background:#C75F41;
    color: #fff;
}
.slicknav_nav a:hover {
    background: #C75F41;
    color: #fff;
}
.slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
}

.interactive-rgt {
  float: none;
  width: 300px;
  margin: 0 auto;
}
.section1 li {
  width: 93%;
  margin: 0 auto;
  float: none;
}
.home-education {
  margin: 0 auto;
  padding-bottom: 0;
  width: 43%; border: none;
}
.home-education li{ border: none;}
.doctor_txt {
  float: left;
  width: 100%;
}
.c-logo li {
  width: auto;
  float: none;
  margin: 10px auto;
  display: block;
}
.credibility img {
  margin: 0 auto;
  display: block;
}
.footer-menu {
  float: none;
  width: auto;
}
.footer-rgt {
  float: none;
  margin: 10px auto;
}
#home_banner .home_banner_section{ display:none;}
.media-banner{ display:block; width: 100%;}
.inner-banner1, .inner-banner2, .inner-banner3 {
  background-size: 150% auto;
  min-height: 141px;
}
.media-banner .banner-txt {
  position: absolute;
  right: 25%;
  top: 29%;
}
.slicknav_nav .slicknav_arrow{ border: none !important;}
.pop_up_box{ right:0;}
}
@media only screen and (max-width:479px){
  .doctor_txt img {
  width: 33%;
  float: none;
  margin: 0 auto;
  display: block;
}
.doctor-sec {
  float: left;
  width: auto;
  float: none;
  text-align: center;
}
.interactive h2{ border: none; width: auto;}
.home-education {
   width: 69%;
}
.footer-menu > p{ float: none;}
.footer-rgt{ width: 54%;}
.inner-banner1, .inner-banner2, .inner-banner3 {
   min-height: 106px;
}
.profile-doc-pic {
  float: none !important;
}
.section1 span{ font-size: 21px;}
.footer-menu > p{ float: left;}
.services-we-offer h2 a, aside .home-education h2{ font-size: 23px;}
#inner_banner .banner-txt{ top: -34px;}
aside .section1 span {
  font-size: 17px;
}
aside .home-education h2 {
  padding: 4px 10px 4px 28px;
}
aside .home-education h2 {
  background: #7edfe8 url("images/service-heading.jpg") no-repeat scroll 19px 11px;
 
}
.section1 li a {
  padding: 12px 1% 12px 34% !important; font-size: 18px;
}
.footer-menu {
   padding: 1%;
 
 text-align: center;
}
.footer-menu > p {
  float: none;
  margin: 10px auto;
}
.footer-rgt img{ margin: 10px auto;}
.pop_up_box{ width: 96%;}
}
@media only screen and (max-width: 359px){

  
}