/* ---------- Theme CSS ---------- */
#Map-Container, #Navigation, #Credy, #Services, #Doctor-sec, #Sports, #Area, #Reviews, #Media, #Resources, #Map {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#Accessibility, #Header, #Banner, #Content-Main, #Footer, #Main-Menu, #Mobile-Menu, #Service, #Credibility, .nav-intra, .credy-intra, .service-intra, .doctor-intra, .sports-intra, .area-expert, .review-intra, .media-intra, .resource-intra, .map-intra {
	max-width: 1200px;
	min-width: 300px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}
/* ADA */
.adaOn span {
	background: #bd4f19;
	color: #fff;
	border-radius: 50%;
}
.adaClose a {
	border-radius: 5px;
	display: block;
	padding: 0px 8px;
	background: #bd4f19;
}
/* Scroller CSS */
#Scroller a {
	background: #fff;
	border: 2px solid #000;
	color: #000;
	border-radius: 50%;
}
/* Header CSS */
#Header {
	min-height: 135px;
    padding: 25px 10px 0 10px;
}
#Header-Container {
	box-shadow: 0 0px 9px #ccc;
}
.table-cell.logo {
	width: 420px;
}
.table-cell.appoint {
	text-align: right;
}
.book-appoint {
	display: inline-block;
	vertical-align: top;
}
.call-appoint {
	display: inline-block;
	vertical-align: top;
    margin: 0 13px 0 0;
}
.call-appoint a{
    display: inline-block;
    color: #000;
    font: 700 15px/21px 'Mulish', sans-serif;
    background: url(../images/call-icon.png)no-repeat left center;
     padding: 10px 10px 10px 28px;
}
.book-appoint a {
	display: inline-block;
	color: #fff;
	font: 700 15px/21px 'Mulish', sans-serif;
	background: #bd4f19 url(../images/app-icon.png)no-repeat 10px center;
	text-transform: uppercase;
	padding: 10px 10px 10px 35px;
}




/* Menu CSS */
.menu {
	text-align: right;
}
.menu > li {
	font: 400 16px/22px 'Mulish', sans-serif;
	height: 50px;
	color: #fff;
    margin: 0 3%;
}
.header-menu {
	margin: 12px 0 0 0;
}
.menu li a {
	padding: 15px 0px;
	color: #000;
}
.menu li li {
	background: #bd4f19;
	color: #fff;
}
.menu li li a{
    display: block;
	color: #fff;
}

.menu-home a::before {
	font-size: 20px;
}
.menu-home a {
	width: 100%;
	height: 100%;
}
.menu-home a::before {
	vertical-align: top;
	margin: auto;
}
.menu-home span {
	vertical-align: middle;
}
.toggleMenu {
	font: bold 16px/30px Verdana, Arial, Helvetica, sans-serif;
}
.toggleMenu a {
	border-radius: 5px;
	border: 2px solid #ccc;
}
.Wrapper {
	font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
}
/* Home Banner CSS */
#Banner-Container #Banner {
	height: 651px;
}
#Banner-Container .banner1 {
	background: url(../images/banner1-bg.jpg) no-repeat center top;
}
#Banner-Container .banner1 .theme-L {
	background: url(../images/banner1-l-bg.jpg) no-repeat right top;
}
#Banner-Container .banner1 .theme-R {
	background: url(../images/banner1-r-bg.jpg) no-repeat left top;
}
#Banner-Container .banner2 {
	background: url(../images/banner2-bg-new.jpg) no-repeat center top;
}
#Banner-Container .banner2 .theme-L {
	background: url(../images/banner2-l-bg-new.jpg) no-repeat right top;
}
#Banner-Container .banner2 .theme-R {
	background: url(../images/banner2-r-bg-new.jpg) no-repeat left top;
}
#Banner-Container .banner3 {
	background: url(../images/banner3-bg.jpg) no-repeat center top;
}
#Banner-Container .banner3 .theme-L {
	background: url(../images/banner3-l-bg.jpg) no-repeat right top;
}
#Banner-Container .banner3 .theme-R {
	background: url(../images/banner3-r-bg.jpg) no-repeat left top;
}
#Banner-Container .banner4 {
	background: url(../images/banner4-bg.jpg) no-repeat center top;
}
#Banner-Container .banner4 .theme-L {
	background: url(../images/banner4-l-bg.jpg) no-repeat right top;
}
#Banner-Container .banner4 .theme-R {
	background: url(../images/banner4-r-bg.jpg) no-repeat left top;
}
.home #Header-Container {
	position: absolute;
	z-index: 9;
	box-shadow: 0 0 0;
}



/* Banner Content CSS */
.banner-content {
	position: absolute;
	font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
	left: 76%;
	top: 63%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 15px;
	width: 40%;
}

.banner-more {
	margin: 20px 0 0 0;
}

.banner-more a{
	font: 400 15px/21px 'Mulish', sans-serif;
	display: inline-block;
	color: #fff;
	margin: 20px 0 0 0;
	background: linear-gradient(to left, #bd4f19 50%, #343434 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all 1s ease;
	padding: 14px 25px;
} 
.banner-more a:hover{
    background-position: left bottom;
    color: #fff;
}
.banner-content .b-head{
    font: 700 45px/51px 'Merriweather', serif;
    color: #343434;
}
.banner-content .ndesc {
	text-transform: uppercase;
	color: #bd4f19;
	font: 700 19px/38px 'Mulish', sans-serif;
	letter-spacing: 3.3px;
}
.sb-list li {
	font: 400 16px/26px 'Mulish', sans-serif;
	color: #000;
	background: url(../images/list-icon.png)no-repeat 1px 9px;
	padding: 0 0 0 29px;
	margin: 0 0 11px 0;
}
#Banner0 .banner-content {
	left: 69%;
	top: 61%;
	width: 46%;
}
.sb-list {
	margin: 18px 0 0 0;
}
.banner-content .bn-view a{
    display: inline-block;
    padding: 13px 22px;
	font: 400 16px/22px 'Mulish', sans-serif;
	color: #fff;
    margin: 20px 0 0 0;
    background: linear-gradient(to left, #bd4f19 50%, #343434 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all 1s ease;
}
.banner-content .bn-view a:hover{
    background-position: left bottom;
    color: #fff;
}
.banner-content .banner-head {
	font: 700 45px/56px 'Merriweather', serif;
	color: #343434;
	text-shadow: 1px 3px 1px #fff;
}
.banner-content p{
    font: 600 23px/29px 'Mulish', sans-serif;
}
#Banner3 .banner-content {
	width: 48%;
}
.Banner-Tabs {
	position: absolute;
	z-index: 9;
	margin: 0px;
	padding: 2px 5px;
	bottom: 26px;
	right: 30px;
	background: #343434;
	border-radius: 7px;
}
.Banner-Tabs li {
	display: inline-block;
	position: relative;
	width: 10px;
    background: url(../images/point-hover.png)no-repeat center center;
	height: 10px;
    margin: 0 2px;
}

.Banner-Tabs li.Banner_here {
	background: url(../images/point.png)no-repeat center center;
    width: 15px;
    height: 15px;
}
.Banner-Tabs li span{display: none !important;}
#Banner-Container #Banner .slideNext::before{
    content: '';
    position: absolute;
    background: url(../images/baner-fw.png)no-repeat center center;
    height: 12px;
    width: 12px;
}
.Banner_nav.slideNext {
	left: 98%;
	bottom: 22px;
}
#Banner-Container #Banner .slidePrev::before {
	content: '';
    position: absolute;
    background: url(../images/baner-bw.png)no-repeat center center;
    height: 12px;
    width: 12px;
}
.Banner_nav.slidePrev {
	left: 88%;
	bottom: 22px;
}


/* Index CSS */

#Services .service-intra{
    background: url(../images/home-service-bg.jpg)no-repeat top center;
    height: 701px;
    padding: 45px 0 0 0;
}
#Services .service-intra .h-shead{
    font: 700 35px/41px 'Merriweather', serif;
    text-align: center;
}
#Services .service-intra .s-text {
	font: 400 16px/22px 'Mulish', sans-serif;
	text-align: center;
	padding: 0 270px;
	margin: 10px 0 41px 0;
}
#Services .service-intra .serv-mian{
    width: 50%;
    padding: 0 0 0 16px;
}
#Services .service-intra .serv-mian1{
    width: 425px;
    height: 220px;
    padding: 0 0 0 85px;
    position: relative;
    margin: 0 0 0 50px;
}
#Services .service-intra .serv-mian1::before{
    content: '';
    position: absolute;
    width: 46px;
    height: 210px;
    border-top: 13px solid #dadada;
    border-left: 13px solid #dadada;
    border-bottom: 13px solid #dadada;
    left: 0;
    top: 0;
}
#Services .service-intra .serv-mian1::after{
    content: '';
    position: absolute;
    width: 46px;
    height: 210px;
    border-top: 13px solid #dadada;
    border-right: 13px solid #dadada;
    border-bottom: 13px solid #dadada;
    right: 0;
    top: 0;
}
.homes-head{
    font: 700 30px/36px 'Merriweather', serif;
    margin: 0 0 12px 0;
}
#Services .service-intra .serv-mian1 ul li{
    font: 400 16px/22px 'Mulish', sans-serif;
    color: #000;
    margin: 0 0 6px 0;
}
#Services .service-intra .serv-mian1 ul li a{
    display: inline-block;
}
#Services .service-intra .hs-read{
    display: inline-block;
    color: #000;
    font: 700 16px/22px 'Mulish', sans-serif;
    margin: 4px 0 0 0;
    position: relative;
}
#Services .service-intra .hs-read::before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-bottom: 9px solid transparent;
	border-left: 9px solid #000;
	border-right: 9px solid transparent;
	right: -22px;
	top: 10px;
	transform: rotate(135deg);
}
#Services .service-intra .serv-mian1 .home-serv-icon {
	position: absolute;
	width: 100px;
	height: 100px;
	left: -47px;
	top: 53px;
}
#Services .service-intra .serv-mian1 .home-serv-icon a{
    display: block;
    background: url(../images/home-hip-icon.png)no-repeat 0 0;
    height: 100px;
}
#Services .service-intra .serv-mian2 .home-serv-icon a{
    display: block;
    background: url(../images/home-knee-icon.png)no-repeat 0 0;
    height: 100px;
}
.serv-mian2 {
	margin: 24px 0 0 50px !important;
}
#Services .service-intra .serv-mian1:hover .home-serv-icon a {
	background: url(../images/home-hip-hover.png)no-repeat 0 0;
	transform: scale(1.1);
	transition: 1.1s all ease-in-out;
}
#Services .service-intra .serv-mian2:hover .home-serv-icon a{
    background: url(../images/home-knee-hover.png)no-repeat 0 0;
    	transform: scale(1.1);
	transition: 1.1s all ease-in-out;
}

.img-c span {
	display: block;
	font-weight: bold;
}

.contact-table {
	background: #bd4f19;
	text-align: center;
	padding: 0px;
	width: 100%;
	margin: 20px 0;
	min-width: auto;
	border-right: 5px solid #343434;
	border-left: 5px solid #343434;
}

.contact-table p {
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	display: inline-block;
	margin: 0 10px;
}
.contact-table p::before {
	padding: 0 10px 0 0;
}
.fbb {
	margin: 20px 0;
}
.face-book-like {
	background: #bd4f19;
	padding: 5px 10px;
	color: #fff !important;
	margin: 5px;
}
.fbb span {
	display: none;
}
.c-tab li {
	display: inline-block;
	background: none !important;
	width: 290px;
	padding: 0 !important;
	margin: 10px;
	font-size: 16px;
}
.c-tab li a {
	display: block;
	background: #bd4f19;
	padding: 10px;
	color: #fff;
	border-radius: 0;
	border-bottom: 4px solid #343434;
	text-align: center;
}
.c-tab li a:hover {
	background: #343434;
	color: #fff;
	border-bottom: 4px solid #bd4f19;
}
.contact-table a {
	color: #fff !important;
	margin: 0 5px;
}
.contact-table a:hover{
	color: #fff !important;
}
.contactTable {
	border-spacing: 5px;
	border: 2px solid #bd4f19 !important;
}
.c-tab .font-icon::before {
	padding: 0 10px 0 0;
}

.tabs {
	text-align: center;
}

.tabs li a {
	display: block;
	color: #fff;
	padding: 10px 12px;
	margin: 0;
}
.tabs li {
	display: inline-block;
	vertical-align: top;
	font: 400 16px/24px 'Mulish', sans-serif;
	background: linear-gradient(to left,#bd4f19 50%,#343434 50%) !important;
	background-size: 200% 100% !important;
	background-position: right bottom !important;
	transition: all 1s ease;
	color: #fff;
	width: 38%;
	min-width: 300px;
	margin: 7px;
	padding: 6px 19px !important;
}
.tabs li:hover {
	background-position: left bottom !important;
	color: #fff;
}
.tabs li a:hover{
    color: #fff !important;
}


.mr-ipsum-new {
	display: none;
}
.review-content .testimonials-author {
	display: none;
}
.testimonials-Banner_auto, .testimonials-Banner_nav {
	position: absolute;
	z-index: 99;
	display: block;
	width: 20px;
	height: 20px;
	bottom: 5px;
	text-align: center;
}
.testimonials-Banner_nav.slideNext {
	position: absolute;
	left: 99%;
	bottom: 14px;
    color: #fff;
}
.testimonials-Banner_nav.slidePrev {
	left: 91%;
	position: absolute;
	bottom: 14px;
    color: #fff;
}
.testimonials-Banner_auto {
	left: 95%;
	position: absolute;
	bottom: 15px;
     color: #fff;
}

#testimonials-Banner span {
	display: none;
}
/* Navigation CSS */
.navigation {
	font: bold 15px/21px 'Mulish', sans-serif;
    padding: 0;
}
.nav-intra{
    padding: 30px 0 0 0;
}
.nav-intra h1{
    text-align: left;
    color: #bd4f19;
    font: 700 25px/34px 'Merriweather', serif;
    margin-bottom: 10px;
}
.navigation a {
	display: inline-block;
	font: 400 15px/21px 'Mulish', sans-serif;
	color: #c8490b;
}
.navigation a:hover{
    color: #ee5307;
}
.slidePause::before {
	content: '\e814';
	color: #fff;
}

.credy-intra .nbs-flexisel-nav-left::before {
	content: '';
	background: url(../images/bw-icon.png)no-repeat left center;
	width: 27px;
	height: 27px;
    top: 50px;
}
.credy-intra .nbs-flexisel-nav-right::before {
	content: '';
	background: url(../images/fw-icon.png)no-repeat left center;
	width: 27px;
	height: 27px;
    top: 50px;
}
#Credy {
	border-top: 1px solid #eaeaea;
	padding: 10px 0;
}




.services{
    display: inline-block;
    width: 570px;
    vertical-align: top;
    position: relative;
    margin: 20px 0;
}
.services::after{
    content: '';
    position: absolute;
    width: 33px;
    height: 378px;
    border-top: 2px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;
    border-right: 2px solid #eaeaea;
    right: 0;
    top: 0;
}
.services .serv-img{
    display: inline-block;
    vertical-align: top;
    width: 265px;
    position: relative;
}
.services .serv-img .serv-icon {
	position: absolute;
	background: url(../images/serv-hip-icon.png)no-repeat center center;
	width: 89px;
	height: 89px;
	right: 4px;
	top: 24px;
    transition: 1.1s all ease-in-out;
}
.services .serv-cont{
    display: inline-block;
    width: 285px;
    vertical-align: top; 
    padding: 20px 0 0 22px;
}
.services .serv-cont .serv-head{
    display: inline-block;
    color: #bd4f19;
     font: 700 30px/36px 'Merriweather', serif;
    margin: 0 0 16px 0;
}
.serv-cont ul li {
	font: 500 16px/22px 'Mulish', sans-serif;
	background: url(../images/list-icon.png)no-repeat 0 12px;
	color: #000;
}
.serv-cont ul li a{
    display: inline-block;
    color: #000;
}
.serv-cont .read {
	display: inline-block;
	padding: 13px 22px;
	font: 400 16px/22px 'Mulish', sans-serif;
	color: #fff;
    margin: 20px 0 0 0;
    background: linear-gradient(to left, #343434 50%, #bd4f19 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all 1s ease;
}
.services2 .serv-img .serv-icon {
	background: url(../images/serv-knee-icon.png)no-repeat center center;
}
.services:hover .read{
    background-position: left bottom;
    color: #fff;
}
.services2 {
	margin: 20px 0 20px 15px;
}
.services:hover .serv-img .serv-icon {
	transform: scale(1.3);
	background: url(../images/serv-hip-hover-icon.png)no-repeat center center;
	transition: 1.1s all ease-in-out;
}
.services2:hover .serv-img .serv-icon {
	transform: scale(1.3);
	background: url(../images/serv-knee-hover-icon.png)no-repeat center center;
	transition: 1.1s all ease-in-out;
}



.doctor-intra{
    background: url(../images/doctor-sec-bg.jpg)no-repeat top center;
    height: 693px;
    padding: 50px 0 0 0;
}
.doctor-intra .theme-L{
    background: url(../images/doctor-sec-left-bg.jpg)no-repeat right top;
}
.doctor-intra .theme-R{
    background: url(../images/doctor-sec-right-bg.jpg)no-repeat left top;
}
.doctor-intra .h-drright{
    float: right;
    width: 648px;
}
.doctor-intra .h-drleft{
    float: left;
}
.doctor-intra .h-drright .habt{
    font: 300 20px/26px 'Mulish', sans-serif;
    color: #fff;
}
.doctor-intra .h-drright h1{
    font: 700 53px/59px 'Merriweather', serif;
    color: #bd4f19;
    margin: 5px 0 0 0;
}
.doctor-intra .h-drright .hs1 {
	display: block;
	font: 400 20px/30px 'Poppins', sans-serif;
	color: #fff;
	letter-spacing: 0.8px;
	margin: 0 0 3px 0;
}
.doctor-intra .h-drright .hs2{
    display: block;
    font: 400 18px/24px 'Mulish', sans-serif;
    color: #b0b0b0;
    text-transform: uppercase;
}
.doctor-intra .h-drright p {
	color: #e4e4e4;
	font: 400 16px/26px 'Mulish', sans-serif;
	margin: 31px 0 0 0;
	padding: 0 44px 0 0;
}
.doctor-intra .h-drright .hview .v1 {
	display: inline-block;
	padding: 12px 18px;
	font: 400 15px/21px 'Mulish', sans-serif;
	color: #343434;
	background: #e5e5e5;
    margin: 0 4px 0 0;
}
.hview {
	margin: 25px 0 0 0;
}
.doctor-intra .h-drright .hview .v1:hover{
    background: #bd4f19;
    color: #fff;
}
.doctor-intra .h-drright .hview .v2 {
	display: inline-block;
	padding: 12px 20px 12px 49px;
	font: 400 15px/21px 'Mulish', sans-serif;
	color: #fff;
	background: #bd4f19 url(../images/boo-icon.png)no-repeat 20px 15px;
}
.doctor-intra .h-drright .hview .v2:hover{
    background: #e5e5e5  url(../images/book-hover.png)no-repeat 20px 15px;
    color: #343434;
}

.sports-intra .sport-cont {
	height: 460px;
	width: 1170px;
	background: #fff;
	margin: -147px auto 0 auto;
	padding: 45px 15px 0 0;
	box-shadow: 0 0 6px #6f6767;
}
.sports-intra .sport-right{
    float: right;
}
.sports-intra .sport-left{
    float: left;
    width: 450px;
    padding: 25px 0 0 50px;
}
.sports-intra .sport-left .sp-head{
    font: 700 31px/37px 'Merriweather', serif;
    color: #bd4f19;
}
.sports-intra .sport-left .sp-head2{
    font: 700 31px/37px 'Merriweather', serif;
    color: #000;
}
.sports-intra .sport-left p {
	font: 400 16px/24px 'Mulish', sans-serif;
	margin: 22px 0 0 0;
}
.sports-intra .sport-left a {
	display: inline-block;
	padding: 10px 17px;
	color: #fff;
	font: 400 16px/24px 'Mulish', sans-serif;
	margin: 32px 0 0 0;
     background: linear-gradient(to left, #343434 50%, #bd4f19 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all 1s ease;
}

.sports-intra .sport-left a:hover{
    background-position: left bottom;
    color: #fff;
}




#Area {
	margin: 30px 0 0 0;
}
#Area .area-expert{
    background: url(../images/area-bg.png)no-repeat top center;
    height: 570px;
}
#Area .area-expert .theme-L{
    background: url(../images/area-left-bg.jpg)no-repeat right center;
}
#Area .area-expert .theme-R{
    background: url(../images/area-right-bg.jpg)no-repeat left center;
}
#Area .area-expert .area-head{
     font: 700 40px/46px 'Merriweather', serif;
    text-align: center;
    margin: 0 0 5px 0;
}
.a-sb{
    text-align: center;
    font: 400 18px/26px 'Mulish', sans-serif;
}
.area-tabs {
	position: absolute;
	width: 390px;
	left: 85px;
	right: 0;
	margin: 0 auto;
	top: 118px;
}
.area-tabs ul li{
    width: 377px;
    font: 700 16px/22px 'Mulish', sans-serif;
    color: #000;
    
}
.area-tabs ul li a {
	display: block;
	padding: 30px 5px 30px 146px;
	color: #000;
    position: relative;
}
.area-tabs ul li a::before {
	content: '';
	position: absolute;
	width: 289px;
	height: 1px;
	background: #d16e19;
	top: 0;
}
.area-tabs ul li a::after {
	content: '';
	position: absolute;
	width: 68px;
	height: 1px;
	background: #d16e19;
	left: -22px;
	top: 0;
}

.area-tabs ul li.ae1 a::before{display: none;}
.area-tabs ul li.ae2 a::before{left: 88px;}
.area-tabs ul li.ae3 a::before{left: 83px;}
.area-tabs ul li.ae4 a::before{left: 86px;}

.area-tabs ul li.ae1 a::after{display: none;}
.area-tabs ul li.ae2 a::after{left: -22px;}
.area-tabs ul li.ae3 a::after{left: -22px;}
.area-tabs ul li.ae4 a::after{left: -22px;}

.area-tabs ul li.ae1 a {
	background: url(../images/are-int1.png)no-repeat left center;
	height: 123px;
}
.area-tabs ul li.ae2 a {
	background: url(../images/are-int2.png)no-repeat left center;
	height: 106px;
}
.area-tabs ul li.ae3 a {
	background: url(../images/are-int3.png)no-repeat left center;
	height: 107px;
}
.area-tabs ul li.ae4 a {
	background: url(../images/are-int4.png)no-repeat 1px 0;
	height: 116px;
}


.area-tabs ul li.ae1 a:hover, .area-tabs ul li.ae1.Banner_here a {
	background:#bd4f19 url(../images/are-int1.png)no-repeat left center;
	color: #000;
}

.area-tabs ul li.ae2 a:hover, .area-tabs ul li.ae2.Banner_here a {
	background:#bd4f19 url(../images/are-int2.png)no-repeat left center;
	color: #000;
}
.area-tabs ul li.ae3 a:hover, .area-tabs ul li.ae3.Banner_here a {
	background:#bd4f19 url(../images/are-int3.png)no-repeat left center;
	color: #000;
}
.area-tabs ul li.ae4 a:hover, .area-tabs ul li.ae4.Banner_here a {
	background:#bd4f19 url(../images/are-int4.png)no-repeat 1px 0;
	color: #000;
}

.area-expert .Banner_auto {
	display: none;
}


.area-content{
    width: 410px;
    position: relative;
    padding: 92px 0 0 12px;
}
.area-content .ae-head{
    font: 700 26px/32px 'Merriweather', serif;
    margin-bottom: 24px;
}
.area-content .ae-head a{
    display: inline-block;
    color: #fff;
}
.area-content p{
    font: 400 16px/24px 'Mulish', sans-serif;
    color: #fff;
     margin-bottom: 24px;
}
.area-content .area-read{
    display: inline-block;
    font: 400 16px/22px 'Mulish', sans-serif;
    padding: 12px 15px;
    color: #000;
    background: #f0eee2;
}

#Reviews .review-intra{
    padding: 35px 0 0 0;
}
#Reviews .review-intra .rev-head{
    text-align: center;
    font: 700 40px/46px 'Merriweather', serif;
    margin-bottom: 25px;
}
#Reviews .review-intra .rev-head a{
    display: inline-block;
}
#Reviews .review-intra .rev-cont-main{
    height: 367px;
    background: #343434;
    padding: 30px;
    margin: 0 auto;
}
.video-testimonils{
    display: inline-block;
    vertical-align: top;
    width: 557px;
    position: relative;
}
.video-testimonils a{
    display: block;
}
.video-testimonils .more-test {
	display: inline-block;
	padding: 6px 5px;
	color: #fff;
	font: 400 16px/22px 'Mulish', sans-serif;
	background: #bd4f19;
	position: absolute;
	right: 0;
	bottom: 4px;
}
#Reviews .review-intra .review-content{
    display: inline-block;
    vertical-align: top;
    width: 500px;
    padding: 0px 25px;
    text-align: center;
    margin: 0 0 0 47px;
    position: relative;
}
#Reviews .review-intra .review-content::after {
	content: '';
	position: absolute;
	background: url(../images/review-q.png)no-repeat 0 0;
	width: 20px;
	height: 20px;
	left: -9px;
	top: 87px;
}
#Reviews .review-intra .review-content::before {
	content: '';
	position: absolute;
	background: url(../images/review-q.png)no-repeat 0 0;
	width: 20px;
	height: 20px;
	right: 18px;
	bottom: 87px;
	transform: rotate(180deg);
}
#Reviews .review-intra .review-content .rev-sb{
    font: 400 24px/32px 'Merriweather', serif;
    color: #bd4f19;
}
#Reviews .review-intra .review-content p {
	font: normal 16px/25px 'Mulish', sans-serif;
	color: #fff;
	margin: 13px 0 0 0;
	height: 190px;
}
#Reviews .review-intra .review-content .more-test{
    font: normal 15px/21px 'Mulish', sans-serif;
    margin: 22px 0 0 0;
}
#Reviews .review-intra .review-content .more-test a{
    display: inline-block;
    padding: 10px 12px;
    margin: 0 5px;
}
#Reviews .review-intra .review-content .more-test .rt1{
    background: #f0f0f0;
    color: #000;
}
#Reviews .review-intra .review-content .more-test .rt2{
    background: #bd4f19;
    color: #fff;
}
#Reviews .review-intra .review-content .more-test .rt1:hover{
    background: #bd4f19;
    color: #fff;
}
#Reviews .review-intra .review-content .more-test .rt2:hover{
     background: #f0f0f0;
    color: #000;
}
#Reviews .review-intra .med-head{
    text-align: center;
    font: 700 40px/46px 'Merriweather', serif;
    margin: 40px 0 35px 0;
}
#Reviews .review-intra .med-head a{
    display: inline-block;
}

#Media .media-intra  .med-head{
    text-align: center;
    font: 700 40px/46px 'Merriweather', serif;
    margin: 40px 0 35px 0;
}
#Media .media-intra .med-head a{
    display: inline-block;
}
#Media .media-intra .media1{
    display: inline-block;
    width: 572px;
    vertical-align: top;
    background: #f0f0f0;
    padding: 30px 0 0 0;
    height: 275px;
    text-align: left;
}
#Media .media-intra .media1 .m-img{
    display: inline-block;
    width: 232px;
    padding: 15px 0 0 15px;
    position: relative;
}
#Media .media-intra .media1 .m-img::after {
	content: '';
	position: absolute;
	width: 135px;
	height: 233px;
	border-top: 15px solid #fff;
	border-left: 15px solid #fff;
	border-bottom: 15px solid #fff;
	left: 0;
	top: -1px;
}
#Media .media-intra .media1 .m-cont {
	display: inline-block;
	width: 310px;
	padding: 7px 0 0 35px;
	vertical-align: top;
}
#Media .media-intra .media1 .m-cont .news-head {
	font: 700 16px/26px 'Merriweather', serif;
}
#Media .media-intra .media1 .m-cont p {
	font: 400 15px/24px 'Mulish', sans-serif;
	margin: 11px 0 10px 0;
}
#Media .media-intra .media1 .m-cont a{
    display: inline-block;
    color: #000;
    font: 500 15px/24px 'Mulish', sans-serif;
}
.media2 {
	margin: 0 0 0 18px;
}
.media-intra {
	text-align: center;
}

#Resources .resource-intra{
    background: url(../images/patient-resorce-bg.jpg)no-repeat top center;
    height: 575px;
    margin: 20px auto 45px auto;
    padding: 65px 0 0 10px;
}
#Resources .resource-intra .theme-L{
    background: url(../images/patient-resorce-left-bg.jpg)no-repeat right top;    
}
#Resources .resource-intra .theme-R{
    background: url(../images/patient-resorce-right-bg.jpg)no-repeat left top;    
}
#Resources .resource-intra .sec1{
    width: 665px;
}
#Resources .resource-intra .pres-head{
    font: 700 35px/41px 'Merriweather', serif;
    color: #fff;
    margin-bottom: 20px;
}
#Resources .resource-intra .sec1 p{
    font: normal 15px/27px 'Mulish', sans-serif;
    color: #d2caca;
    margin-bottom: 44px;
}

#Resources .resource-intra .sec2{
    display: inline-block;
    vertical-align: top;
    width: 516px;
    height: 324px;
    position: relative;
}
#Resources .resource-intra .sec2 .vd{
    display: block;
    width: 516px;
    height: 324px;
    background: url(../images/eduactional-videos-img.jpg)no-repeat top center;
    padding: 45px 0 0 33px;
    color: #fff;
    font: 400 25px/31px 'Merriweather', serif;
}
#Resources .resource-intra .sec2 .vd span{
    display: block;
    width: 100px;
}
#Resources .resource-intra .sec2 .mvd{
    display: inline-block;
    padding: 10px 18px;
    font: normal 16px/22px 'Mulish', sans-serif;
    color: #fff;
    background: #bd4f19;
    position: absolute;
    left: 0;
    bottom: 0;
}
#Resources .resource-intra .sec3{
    display: inline-block;
    vertical-align: top;
    width: 482px;
    height: 324px;
    background: #bd4f19;
    padding: 40px 0 0 48px;
}
#Resources .resource-intra .sec3 ul li {
	display: inline-block;
	vertical-align: top;
	width: 202px;
	margin: 0 9px 26px 0;
}
#Resources .resource-intra .sec3 ul li a {
	display: block;
	font: 600 16px/22px 'Mulish', sans-serif;
	color: #000;
	padding: 30px 0 45px 104px;
	background: url(../images/patient-resource-icon.png)no-repeat 0 0;
}
#Resources .resource-intra .sec3 ul li a:hover{
    background: url(../images/patient-resource-icon-hover.png)no-repeat 0 0;
}
#Resources .resource-intra .sec3 ul li.pres1 a{background-position: 0 0;}
#Resources .resource-intra .sec3 ul li.pres2 a {
	background-position: -210px 0;
}
#Resources .resource-intra .sec3 ul li.pres3 a {
	background-position: 0 -137px;
}
#Resources .resource-intra .sec3 ul li.pres4 a {
	background-position: -210px -137px;
}

#Map{
    background: url(../images/map-bg1.jpg)no-repeat top center;
    height: 370px;
}
#Map .map-intra .address {
	width: 365px;
	height: 370px;
	background: #343434;
	text-align: center;
	padding: 15px 0;
}
#Map .map-intra .address .loc-head{
    font: 400 30px/36px 'Merriweather', serif;
}
#Map .map-intra .address .loc-head a{
    display: inline-block;
    color: #bd4f19;
}
#Map .map-intra .address .loc-m{
    font: 400 20px/26px 'Merriweather', serif;
    color: #fff;
    margin: 19px 0;
    
}
#Map .map-intra .address .adtext {
	font: 400 15px/23px 'Mulish', sans-serif;
	color: #fff;
	margin: 0 0 12px 0;
}
#Map .map-intra .address .drget {
	display: block;
	color: #bd4f19;
	font: 500 15px/21px 'Mulish', sans-serif;
	text-decoration: underline;
}
.address span{
      font: 700 18px/24px 'Mulish', sans-serif;
}
.address span a {
	display: block;
	background: url(../images/call-icon.png)no-repeat 5px 10px;
	padding: 5px 0 5px 35px;
	color: #fff;
	margin: 14px 0 8px 0;
}


.fax11.font-icon {
	color: #bd4f19;
	font-size: 18px;
}
.fax11 {
	margin: 0 0 14px 0;
}
.fax11 span a {
	display: inline-block;
	background: none !important;
	margin: 0 !important;
	padding: 0 0 0 15px !important;
}
.foo-book {
	display: inline-block;
	padding: 12px 19px 12px 53px;
	background: #bd4f19 url(../images/boo-icon.png)no-repeat 19px 13px;
	color: #fff;
	text-transform: uppercase;
    font: 600 16px/22px 'Mulish', sans-serif;
}
.foo-book:hover{
    color: #fff;
}
#Banner-Container .Banner_auto {
	display: none;
}
.slidePlay::before {
	content: '\e815';
	color: #fff !important;
}
/* Text CSS */
.textMain {
	padding: 10px 10px 50px 10px;
	font: normal 16px/27px 'Mulish', sans-serif;
	color: #000;
}
.textMain a {
	color: #c8490b;
}
.textMain a:hover {
	color: #ee5307;
}
.textMain h1 {
	font: 600 30px/34px Verdana, Arial, Helvetica, sans-serif;
	color: #414141;
}
.textMain h1 span {
	font: normal 20px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #4d4d4d;
}
.textMain h2, .hTag2, .textMain h3.hTag2, .textMain h4.hTag2 {
	font: 500 20px/26px 'Merriweather', serif;
	color: #bd4f19;
}
.textMain h2 span {
	font: normal 18px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.textMain h2 a, .hTag2 a, .textMain h3.hTag2 a, .textMain h4.hTag2 a {
	color: #014cbe;
}
.textMain h3, .hTag3, .textMain h2.hTag3, .textMain h4.hTag3 {
	font: 500 19px/29px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.textMain h3 a, .hTag3 a, .textMain h2.hTag3 a, .textMain h4.hTag3 a {
	color: #bd4f19;
}
.textMain h4, .hTag4, .textMain h2.hTag4, .textMain h3.hTag4 {
	font: normal 18px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #ac5225;
}
.textMain h4 a, .hTag4 a, .textMain h2.hTag4 a, .textMain h3.hTag4 a {
	color: #014cbe;
}
.news-image {
	float: right;
	margin: 0 10px;
	border: 3px solid #bd4f19;
	padding: 0 !important;
}
/* Sidebar CSS */
#Sidebar {
	width: 270px;
}
.doctor-sidebar{
    margin-bottom: 30px;
}
.doctor-sidebar .s-drcont{
    background: #343434;
    padding: 26px 0 0 0;
    text-align: center;
}
.doctor-sidebar .s-drcont p{
    color: #fff;
    font: 700 20px/26px 'Merriweather', serif;
}
.doctor-sidebar .s-drcont .des1{
    display: block;
    text-transform: uppercase;
    font: 700 12px/18px 'Mulish', sans-serif;
    color: #bd4f19;
    margin: 7px 0;
}
.doctor-sidebar .s-drcont .des2{
    display: block;
    font: 600 13px/19px 'Mulish', sans-serif;
    color: #fff;
    margin-bottom: 30px;
}
.doctor-sidebar .s-drcont a{
    display: inline-block;
    font: 400 15px/21px 'Mulish', sans-serif;
    color: #fff;
    padding: 13px 18px;
    background: #bd4f19;
    border: 2px solid transparent;
}
.doctor-sidebar .s-drcont a:hover{
    background: #343434;
    border: 2px solid #bd4f19;
}
.p-resources .p-head{
    display: block;
    background: #bd4f19;
    color: #fff;
    text-align: center;
    font: 700 22px/28px 'Merriweather', serif;
    padding: 24px 0;
}
.p-resources ul li{
    
    display: inline-block;
    width: 120px;
    font: 600 16px/22px 'Mulish', sans-serif;
    margin-bottom: 7px;
    
}
.p-resources ul {
	text-align: center;
	padding: 21px 0;
    background: #e9e9e9;
}
.p-resources ul li a{
    display: block;
    color: #343434;
    text-align: center;
    padding: 114px 0 0 0;
    background: url(../images/presource-list.png)no-repeat 0 0;
}

.p-resources ul li a:hover{
    background: url(../images/presource-list-hover.png)no-repeat 0 0;
}

.p-resources ul li.pr1 a {
	background-position: 14px 10px;
}
.p-resources ul li.pr2 a {
	background-position: -111px 10px;
}
.p-resources ul li.pr3 a {
	background-position: 14px -136px;
}
.p-resources ul li.pr4 a {
	background-position: -109px -136px;
}
.p-resources .edu a{
    display: block;
    background: url(../images/patient-educational-video-img.jpg)no-repeat top center;
    font: 400 16px/22px 'Merriweather', serif;
    color: #fff;
    text-align: center;
    height: 168px;
    padding: 130px 0 0 0;
    
}

.imp-procedures{
    background: url(../images/imp-page-bg.jpg)no-repeat top center;
    width: 835px;
    height: 341px;
    padding: 35px 0 0 0;
    margin: 15px auto;
}
.imp-img{
    display: inline-block;
    vertical-align: top;
    width: 237px;
}
.imp-procedures .imp-cont{
    display: inline-block;
    vertical-align: top;
    width: 590px;
    padding: 0  0 0 45px;
    
}
.imp-procedures .imp-cont h4{
    text-transform: uppercase;
    font: 400 17px/23px 'Merriweather', serif;
    margin-bottom: 13px;
    color: #343434;
    padding: 0;
}
.imp-procedures .imp-cont p {
	font: 600 15px/24px 'Mulish', sans-serif;
}
.imp-procedures .imp-cont p a{
    display: inline-block;
    color: #bd4f19;
    
}
.imp-procedures .imp-links .imp-book {
	display: inline-block;
	background: #bd4f19 url(../images/app-icon.png)no-repeat 15px 14px;
	padding: 12px 20px 11px 43px;
	color: #fff;
	font: 600 16px/22px 'Mulish', sans-serif;
    margin: 0 13px 0 0;
}
.imp-procedures .imp-links a {
	display: inline-block;
	background: #343434 url(../images/imp-call-icon.png)no-repeat 14px 14px;
	padding: 12px 20px 11px 44px;
	color: #fff;
	font: 600 16px/22px 'Mulish', sans-serif;
}
.imp-links {
	margin: 25px 0 0 0;
}
.imp-text{
    background: #ececec;
    padding: 10px !important;
}
.imp-text a{
    display: inline-block;
    color: #bd4f19;
}




.dr-left{
    float: left;
    width: 415px;
}
.dr-right {
	width: 64%;
	float: right;
	padding: 0 0 0 30px;
}
.d-links {
	margin: 20px 0 0 0;
}
.dr-left .d-links .d-book {
	display: inline-block;
	color: #fff;
	background: #bd4f19 url(../images/app-icon.png)no-repeat 18px 17px;
	padding: 12px 10px 12px 46px;
	text-align: center;
	font: 600 16px/22px 'Mulish', sans-serif;
}
.dr-left .d-links .d-rev {
	display: inline-block;
	color: #fff;
	background: #343434 url(../images/qoutes-icon.png)no-repeat 16px 16px;
	padding: 12px 10px 12px 47px;
	text-align: center;
	font: 600 16px/22px 'Mulish', sans-serif;
	margin: 0 0 0 10px;
}
.dr-right h1{
    font: 700 42px/48px 'Merriweather', serif;
    color: #343434;
    margin-bottom: 8px;
}
.dr-right h1 span{
    display: block;
}
.dr-right h1 .drs1{
    font: 700 18px/27px 'Mulish', sans-serif;
    color: #bd4f19;
    text-transform: uppercase;
}
.dr-right h1 .drs2{
    font: 600 17px/23px 'Mulish', sans-serif;
    color: #000;
}

.textMain ul li, .textMain ol ul li {
	background: url(../images/list-icon.png) no-repeat 7px 14px;
}
.dr-right ul {
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 20px 0;
}
.dr-right ul li{
    padding: 3px 5px 3px 30px;
}
#Navigation {
	margin: 0 0 30px 0;
}

.menu > li:hover::after {
	content: "";
	position: absolute;
	background: #bd4f19;
	transition: width 2s;
	height: 3px;
	width: 50%;
	left: 0;
	right: 0;
	margin: 0px auto;
	bottom: 0;
}
.menu > li:hover::after {
	content: "";
	position: absolute;
	background: #bd4f19;
	transition: width 2s;
	height: 3px;
	width: 50%;
	left: 0;
	right: 0;
	margin: 0px auto;
	bottom: 0;
}

.videoBorder {
	width: 90%;
	padding: 54% 0px 0px 0px;
}

.menu-about .subMenu {
	width: 230px;
}
.menu-services .subMenu {
	width: 160px;
}

.menu li li {
	background: #bd4f19 url(../images/menu-list.png)no-repeat 10px center;
	border-bottom: 1px solid #000;
	color: #fff;
}
.menu li li:hover {
	background: #343434 url(../images/menu-list.png)no-repeat 10px center;
}
.menu-patient .subMenu {
	width: 590px;
	left: -314px;
	background: #bd4f19;
}
.menu-patient li {
	display: inline-block !important;
	width: 290px;
	vertical-align: top;
	margin: 0 0 0 -4px;
}
.menu-media .subMenu {
	width: 200px;
}
.menu-contact .subMenu {
	width: 230px;
}



.joint li {
	list-style: none !important;
	float: left;
	min-height: 140px !important;
	width: 50% !important;
	margin: 0px !important;
	background: none !important;
	padding: 0px !important;
	text-align: left;
}
.joint li a {
	color: #000000;
	display: block !important;
	min-height: 100px !important;
	padding: 28px 0 0 215px !important;
	text-decoration: none;
}
.replacement ul.joint li:nth-child(1) a {
	background: url(../images/joint-rep-hip-repl.png) no-repeat 0 0;
}
.replacement ul.joint li:nth-child(2) a {
	background: url(../images/joint-rep-comp-hip-knee-rep.png) no-repeat 0 0;
}
.replacement ul.joint li:nth-child(3) a {
	background: url(../images/joint-rep-tot-knee-rep.png) no-repeat 0 0;
}
.replacement ul.joint li:nth-child(4) a {
	background: url(../images/joint-rep-uni-knee-rep.png) no-repeat 0 0;
}
.replacement ul.joint li:nth-child(5) a {
	background: url(../images/joint-rep-rev-knee-rep.png) no-repeat 0 0;
}
.replacement ul.joint li:nth-child(6) a {
	background: url(../images/joint-rep-rev-hip-rep.png) no-repeat 0 0;
}



/* Footer CSS */
.social-logo {
	text-align: center;
	margin: 20px 0 30px 0;
}
#Footer-Container {
	background: url(../images/footer-bg.jpg)no-repeat top center;
    padding: 60px 0px !important;
    text-align: center;
}

.soc-head{
    
    font: 400 20px/26px 'Merriweather', serif;
    color: #fff;
}

.social-logo ul {
	font-size: 0px;
}
.social-logo li {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	font-size: 20px;
    margin: 0 5px;
}

.social-logo li a {
    display: block;
	width: 100%;
	height: 100%;
	background: url(../images/smo-logos.png)no-repeat 0 0;
    
}
.copyrights {
	color: #fff;
	border-bottom: 1px solid #434648;
	border-top: 1px solid #434648;
	padding: 10px 0;
}
.copyrights a {
	color: #fff;
	font: 400 15px/21px 'Mulish', sans-serif;
	display: inline-block;
	margin: 0 20px;
}

.social-logo li.facebook a{background-position: 0 0;}
.social-logo li.twitter a{background-position: -57px 0;}
.social-logo li.youtube a{background-position: -113px 0;}
.social-logo li.linked a{background-position: -171px 0;}

#Footer-Container h2{
    margin: 30px 0 0 0;
    font: 400 15px/21px 'Mulish', sans-serif;
    color: #fff;
    
}

.ypo-logo {
	text-align: center;
    margin: 25px 0 0 0;
}
.img-r {
	border: 5px double #bd4f19;
}
/* Contact Page */
.contactTable {
	border-spacing: 5px;
	border: 2px solid #ccc;
}
.contactTable:hover {
	-webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-moz-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-ms-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-o-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
}
.contact-address {
	width: 300px;
	padding: 10px;
	position: relative;
}
.contact-address p.textMainBold {
	padding: 5px 0px;
}
.contact-address p {
	position: relative;
	padding: 5px 10px 5px 30px;
}
.contact-address p::before {
	position: absolute;
	left: 5px;
	top: 5px;
}
.contact-map {
	position: relative;
}
.contact-map iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9;
	border: 0px;
}
/* Profile Schema */
.textMain .schemaTable {
	padding: 5px;
	text-align: center;
}
.textMain .schemaTitle {
	padding: 5px 10px;
	font: normal 18px/24px Verdana, Arial, Helvetica, sans-serif;
}
.textMain .schemaTable ul {
	margin: 0px;
	padding: 0px;
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-moz-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-ms-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-o-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
}
.textMain .schemaTable li {
	margin: 0px;
	padding: 10px;
	position: relative;
	background: none;
	border-right: 1px dotted #ccc;
	min-width: 250px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.textMain .schemaTable li:last-child {
	border-right: 0px;
}
.textMain .schemaTable p.textMainBold {
	padding: 5px 0px;
}
.textMain .schemaTable p {
	position: relative;
	padding: 5px 10px 5px 30px;
}
.textMain .schemaTable p::before {
	position: absolute;
	left: 5px;
	top: 5px;
}


#Banner-Container .Banner_nav.slidePrev span {
	display: none !important;
}
#Banner-Container .Banner_nav.slideNext span {
	display: none !important;
}
/* Submit Testimonials */
.textMain .write-review {
	font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
	float: right;
	position: relative;
	border: 2px solid #ccc;
}
.textMain .write-review a {
	display: block;
	padding: 5px 15px;
	text-decoration: none;
}
.textMain .write-review a::before {
	margin-right: 15px;
}
/* Usefull Links Page */
.textMain .useFul {
	margin: 15px 0px;
	padding: 0px;
}
.textMain .useFul ul {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	text-align: center;
}
.textMain .useFul li {
	margin: 1%;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	min-width: 290px;
	font: 400 16px/20px 'Source Sans Pro', sans-serif;
	background: none;
	border: 2px solid #ccc;
}
.textMain .useFul li span {
	display: block;
	padding: 15px 0px;
	background: #ccc;
	margin: 0px 0px 15px 0px;
}
.textMain .useFul li img {
	margin: 10px 0px;
}
.textMain .useFul li a {
	display: block;
	padding: 5px;
	text-decoration: none;
}
.displaynone {
	display: none !important;
}
.navigation a {
	text-decoration: none;
}


/* Relative List */
.textMain .relList li {
	border: 2px solid #ccc;
}
.textMain .relList li a {
	padding: 5px 15px;
}
@media screen and (max-width : 640px) {
/* Menu CSS */ 
#Main-Menu {
	display: none;
}
#Mobile-Menu {
	display: block;
}
#Content, #Sidebar {
	display: block;
}
#Sidebar {
	margin: 0px auto;
}
.contactTable .table-cell {
	display: block;
	width: 100%;
}
.contact-address {
	border-radius: 10px 10px 0px 0px;
}
.contact-map {
	height: 250px;
	border-radius: 0px 0px 10px 10px;
}
.textMain .useFul li {
	width: 95%;
}
.textMain .schemaTable .table-cell {
	display: block;
	margin: 0px auto;
}
    #Header {
	padding: 25px 0px 0 0px;
}
    .toggleMenu {
	text-align: center;
	padding: 2px;
	background: #343434;
	color: #fff;
}
    .parentMenu {
	background: #bd4f19;
	color: #fff;
	z-index: 999999;
	position: relative;
}
    .parentMenu li {
	text-align: left;
}
    .parentMenu li:hover, .parentMenu li.actMenu {
	background: #343434;
	color: #fff;
}
    .Banner-Tabs{z-index: 2;}
    .tabs li{min-width: 290px;}
}

@media screen and (max-width : 1200px) {
    .nav-intra {padding: 30px 0 0 10px;}
    
}

@media screen and (max-width : 1199px) {
    #Banner-Container .banner1 {background-size: cover;height: 100%;}
    #Banner-Container .banner2 {background-size: cover;height: 100%;}
    #Banner-Container .banner3 {background-size: cover;height: 100%;}
    #Banner-Container .banner4 {background-size: cover;height: 100%;}
    .services .serv-cont {width: 270px;padding: 20px 0 0 1px;}
    .services{width: 550px;}
    .dr-right {width: 60%;}
    
}
@media screen and (max-width : 1169px){
    .Banner_nav.slideNext {left: 94%;}
    .Banner_nav.slidePrev {left: 84%;}
    .Banner-Tabs{right: 55px;}
    #Banner0 .banner-content{width: 56%;}
    .doctor-intra .h-drright {width: 600px;}
    .doctor-intra .h-drleft{width: 400px;}
    .sports-intra .sport-cont{width: auto;height: 375px;}
    .sports-intra .sport-right{width: 50%;}
    .sports-intra .sport-left{padding: 0 0 0 30px;}
    .area-tabs{left: 166px;}
    .area-tabs ul li a::after {display: none;}
    .video-testimonils{width: 400px;padding: 26px 0 0 0;}
    .video-testimonils img {border: 2px solid #bd4f19;}
    #Media .media-intra .media1{width: 490px;height: 300px;padding: 11px 0 00;}
    #Media .media-intra .media1 .m-img{margin: 25px 0 0 0;}
    #Media .media-intra .media1 .m-cont{width: 253px;padding: 7px 0 0 10px;}
    .copyrights a{margin: 0 14px;}
    .services {display: block;margin: 25px auto;}
    .dr-left {width: 385px;text-align: center;}
    .dr-left .d-links .d-book{margin: 5px 0;}
    .imp-procedures {background: #e9e9e9;width: 100%;height: auto;margin: 15px 0;text-align: center;border: 2px solid #bd4f19;}
    .imp-img {display: block;width: auto;margin: 0 0 17px 0;}
    .imp-procedures .imp-cont {display: block;width: 100%;padding: 10px;}
    .imp-img img {border: 2px solid #343434;}
    .imp-procedures .imp-links .imp-book{margin: 0 13px 10px 0;}
    
}

@media screen and (max-width : 1023px){
    .home #Header-Container{position: relative;}
    .table-cell.logo {width: 410px;display: block;}
    .table-cell.appoint {text-align: center;display: block;}
    .call-appoint {display: block;margin: 0;position: absolute;right: 61px;top: 23px;}
    .book-appoint {display: block;position: absolute;right: 26px;bottom: 70px;}
    .menu {text-align: center;}
    .menu > li{margin: 0 4%;}
    #Banner-Container {margin: -67px 0 0 0;}
    .sb-list li:nth-child(2){display: none;}
    .banner-content .b-head {font: 700 30px/36px 'Merriweather', serif;}
    .banner-content .ndesc {font: 700 14px/20px 'Mulish', sans-serif;}
    .banner-content .banner-head {font: 700 30px/36px 'Merriweather', serif;color: #343434;}
    .Banner_nav.slideNext {display: none;}
    .Banner_nav.slidePrev {display: none;}
    .banner-content p {font: 600 20px/26px 'Mulish', sans-serif;}
    .banner-content{top: 54%;width: 43%;}
    #Services .service-intra .serv-mian{width: 100%;}
    #Services .service-intra {height: auto;padding: 30px 0;background: #f6f3f3;text-align: center;}
    #Services .service-intra .h-shead {font: 700 30px/36px 'Merriweather', serif;}
    #Services .service-intra .s-text{padding: 0 60px;}
    #Services .service-intra .serv-mian1{margin: 0 auto;text-align: left;}
    .serv-mian2 {margin: 25px auto !important;}
    .doctor-intra {background: #343434 url(../images/doctor-sec-bg.jpg)no-repeat top center;height: auto;padding: 30px 0 0 0;}
    .doctor-intra .h-drleft {float: none;display: block;width: auto;margin: 0 auto 25px auto;text-align: center;}
    .doctor-intra .h-drleft img {box-shadow: 0 6px 7px #000;border-radius: 0 0 26px 26px;}
    .doctor-intra .h-drright {width: 100%;float: none;display: block;text-align: center;padding: 0 0 25px 0;}
    .doctor-intra .h-drright p{padding: 0 15px;}
    .sports-intra .sport-cont{margin: 0 auto;}
    .sports-intra .sport-cont {margin: 0 auto;height: auto;padding: 30px 0;}
    .sports-intra .sport-left {padding: 0 10px;float: none;display: block;width: 100%;text-align: center;margin: 10px auto;}
    .sports-intra .sport-right {width: 80%;float: none;margin: 0 auto;text-align: center;}
    #Area .area-expert {background: none;height: 570px;}
    .area-content {width: 365px;position: relative;padding: 25px 0 0 12px;background: #343434;height: 453px;margin: 40px 0 0 0;}
    .area-tabs {left: 388px;}
    .area-content .ae-head {font: 700 23px/29px 'Merriweather', serif;}
    #Reviews .review-intra .rev-cont-main{height: auto;}
    .video-testimonils{display: block;margin: 0 auto;}
    #Reviews .review-intra .review-content{display: block;margin: 0 auto;width: 90%;}
    #Media .media-intra .media1 {width: 572px;height: 300px;padding: 11px 0 00;display: block;margin: 25px auto;}
    #Media .media-intra .media1 .m-cont {width: 310px;padding: 20px 0 0 10px;}
    #Resources .resource-intra{background: #343434;height: auto;padding: 36px 0 0 10px;text-align: center;}
    #Resources .resource-intra .sec1 {width: 100%;padding: 0 10px;}
    #Resources .resource-intra .sec2 {display: block;width: 520px;height: 328px;position: relative;margin: 0 auto 18px auto;border: 2px solid #bd4f19;}
    #Resources .resource-intra .sec3{display: block;margin: 0 auto;padding: 40px 0 0 23px;}
    .copyrights a {margin: 8px 14px;}
    #Footer-Container {background: #343434;padding: 30px 0px;text-align: center;}
    .dr-left {float: none;display: block;margin: 0 auto;text-align: center;}
    .dr-right {width: 100%;float: none;}
    .dr-right h1{text-align: center;}
    .img-r {float: none;margin: 10px auto;display: table;text-align: center;}
    .videoBorder {padding: 58% 0px 0px 0px;}
    .joint li {float: none;display: block;width: 100% !important;}
    .navigation a {font: 400 15px/30px 'Mulish', sans-serif;}
    
}

@media screen and (max-width : 767px){
    .table-cell.logo {width: auto;display: block;margin: 0 auto 22px auto;text-align: center;}
    .call-appoint {display: inline-block;margin: 0;position: relative;right: 0;top: 0;vertical-align: top;}
    .book-appoint {display: inline-block;position: relative;right: 0;bottom: 0;vertical-align: top;}
    .sb-list {display: none;}
    .banner-content .ndesc{letter-spacing: 0;}
    .banner-content .b-head {font: 700 26px/32px 'Merriweather', serif;}
    .banner-content .bn-view a{padding: 8px 15px;}
    .banner-content .banner-head {font: 700 23px/29px 'Merriweather', serif;}
    .banner-more a{padding: 10px 15px;}
    #Area .area-expert{height: auto;}
    .area-tabs {left: 0;position: relative;width: 100%;top: 0;text-align: center;margin: 16px auto;}
    .area-tabs ul li {width: 300px;font: 700 16px/22px 'Mulish', sans-serif;color: #fff;display: inline-block;margin: 5px 0;}
    .area-tabs ul li a {display: block;padding: 20px;color: #fff;position: relative;background: #343434 !important;height: auto !important;text-align: center;}
    .area-content {width: 100%;position: relative;padding: 25px 15px;background: #343434;height: 360px;margin: 0;text-align: center;}
    .area-tabs ul li.ae1 a:hover, .area-tabs ul li.ae1.Banner_here a {background: #bd4f19 !important;color: #fff;}
    .area-tabs ul li.ae2 a:hover, .area-tabs ul li.ae2.Banner_here a {background: #bd4f19 !important;color: #fff;}
    .area-tabs ul li.ae4 a:hover, .area-tabs ul li.ae4.Banner_here a {background: #bd4f19 !important;color: #fff;}
    .area-tabs ul li.ae3 a:hover, .area-tabs ul li.ae3.Banner_here a {background: #bd4f19 !important;color: #fff;}
    .area-tabs ul li a::before {display: none;}
    .area-content ul li {width: 585px;}
    #Scroller {display: none !important;}
    .menu > li {margin: 0 3%;}
    #Navigation {margin: 0 0 5px 0;}
    .Banner-Tabs {right: 55px;bottom: 4px;}
    
    
}

@media screen and (max-width : 639px){
    #Banner-Container {margin: -43px 0 0 0;}
    .banner-content .ndesc {font: 700 13px/19px 'Mulish', sans-serif;text-transform: capitalize;}
    .banner-content .b-head {font: 700 20px/26px 'Merriweather', serif;}
    .banner-content .bn-view a {border-radius: 20px;}
    .banner-content p {font: 600 13px/19px 'Mulish', sans-serif;}
    .banner-content .banner-head {font: 700 16px/20px 'Merriweather', serif;}
    .banner-more a {padding: 7px 13px;border-radius: 40px;margin: 0 0 0 0;}
    #Services .service-intra .h-shead {font: 700 22px/28px 'Merriweather', serif;}
    #Services .service-intra .s-text {padding: 0 10px;}
    #Services .service-intra .serv-mian1 .home-serv-icon{left: -24px;}
    .doctor-intra .h-drleft{width: 350px;}
    .doctor-intra .h-drright h1 {font: 700 40px/50px 'Merriweather', serif;}
    .doctor-intra .h-drright .hs1 {font: 400 16px/25px 'Poppins', sans-serif;}
    .doctor-intra .h-drright .hs2 {font: 400 15px/21px 'Mulish', sans-serif;}
    #Area .area-expert .area-head {font: 700 32px/38px 'Merriweather', serif;}
    .area-content ul li {width: 445px;margin: 0 auto;text-align: center;}
    .area-content{height: 400px;}
    #Reviews .review-intra .review-content p{height: 220px;}
    #Reviews .review-intra .rev-head {font: 700 32px/38px 'Merriweather', serif;}
    #Reviews .review-intra .review-content{width: 100%;margin: 22px auto 0 auto;}
    #Reviews .review-intra .review-content .more-test .rt1{margin: 0 0 10px 0;}
    #Media .media-intra .med-head {font: 700 32px/38px 'Merriweather', serif;margin: 40px 0 35px 0;}
    #Media .media-intra .media1 .m-img::after {display: none;}
    #Media .media-intra .media1 {width: 100%;height: auto;padding: 10px;display: block;margin: 25px auto;text-align: center;}
    #Media .media-intra .media1 .m-img {margin: 20px auto;display: block;padding: 0;text-align: center;}
    .m-img img {border: 4px solid #bd4f19;border-radius: 20%;}
    #Media .media-intra .media1 .m-cont {width: 98%;padding: 6px 0 0 10px;display: block;}
   #Resources .resource-intra .sec3 {width: 450px;}
    #Resources .resource-intra .sec2 .vd{width: auto;}
    #Resources .resource-intra .sec2{width: 450px;}
    #Resources .resource-intra{padding: 30px 0;}
    #Map{background: none;}
    #Map .map-intra .address{margin: 0 auto;}
    .services {width: auto;background: #eaeaea;padding: 10px 0 0 0;text-align: center;border: 2px solid #bd4f19;}
    .services .serv-img{display: block;margin: 0 auto;}
    .services .serv-img .serv-icon{display: none;}
    .services .serv-cont {padding: 20px 0 0 28px;text-align: left;}
    .dr-right h1 {font: 700 32px/40px 'Merriweather', serif;}
    .dr-right h1 .drs1 {font: 700 16px/24px 'Mulish', sans-serif;}
    .nav-intra h1 {font: 700 20px/27px 'Merriweather', serif;}
}


@media screen and (max-width : 479px){
    .banner-content .ndesc{display: none;}
    .banner-content .b-head {font: 700 14px/20px 'Merriweather', serif;}
    .banner-content .bn-view a {padding: 2px 12px;font-size: 12px;}
    .banner-content p {display: none;}
    .Banner-Tabs {right: 55px;bottom: 0;right: 12px;}
    .banner-content .banner-head {font: 700 13px/17px 'Merriweather', serif;}
    .banner-more a {padding: 5px 11px;border-radius: 40px;margin: 0 0 0 0;font-size: 12px;}
    #Services .service-intra{padding: 17px 0;}
    #Services .service-intra .serv-mian1 .home-serv-icon{display: none;}
    #Services .service-intra .serv-mian1::before {display: none}
    #Services .service-intra .serv-mian1::after {display: none}
    #Services .service-intra .serv-mian1 {margin: 0 auto;text-align: left;width: 315px;padding: 16px 0;text-align: center;border: 2px solid #bd4f19;background: #fff;height: auto;}
    #Services .service-intra .serv-mian {padding: 0;}
    #Banner-Container {margin: -23px 0 0 0;}
    .doctor-intra .h-drleft {width: 255px;}
    .doctor-intra .h-drright h1 {font: 700 30px/40px 'Merriweather', serif;}
    .doctor-intra .h-drright .hs1 {font: 400 13px/22px 'Poppins', sans-serif;}
    .doctor-intra .h-drright .hs2 {text-transform: capitalize;}
    .doctor-intra .h-drright p{margin: 15px 0 0 0;}
    .doctor-intra .h-drright .hview .v1{margin: 7px 0;}
    .sports-intra .sport-left .sp-head {font: 700 25px/37px 'Merriweather', serif;}
    .sports-intra .sport-left .sp-head2{font-size: 25px;}
    #Area .area-expert .area-head {font-size: 26px;}
    .area-content{display: none;}
    #Reviews .review-intra {padding: 5px 0 0 0;}
    #Reviews .review-intra .rev-head{font-size: 26px;}
    #Reviews .review-intra .rev-cont-main{padding: 0 0 16px 0;}
    .video-testimonils{width: 280px;}
    #Reviews .review-intra .review-content .rev-sb {font: 400 17px/26px 'Merriweather', serif;}
    #Media .media-intra .med-head {font: 700 26px/37px 'Merriweather', serif;margin: 20px 0 5px 0;}
    #Resources .resource-intra .pres-head {font: 700 28px/37px 'Merriweather', serif;}
    #Resources .resource-intra .sec2 {width: 280px;padding: 0;text-align: left;}
    #Resources .resource-intra .sec2 .vd {width: auto;padding: 8px 0 0 8px;}
    #Resources .resource-intra .sec3 ul li{margin: 0 0 10px 0;}
    #Resources .resource-intra .sec3{width: auto;height: auto;}
    #Map .map-intra .address {width: 310px;}
    .dr-left {width: auto;}
    .dr-right{padding: 0;}
    .dr-right h1 {font: 700 20px/33px 'Merriweather', serif;}
    .dr-right h1 .drs1 {font: 700 12px/20px 'Mulish', sans-serif;}
    .dr-right h1 .drs2 {font: 600 15px/19px 'Mulish', sans-serif;}
    #Reviews .review-intra .review-content p {height: 280px;}
    .testimonials-Banner_nav.slideNext {left: 93%;bottom: 11px;}
    .testimonials-Banner_nav.slidePrev {left: 81%;bottom: 10px;}
    .testimonials-Banner_auto {left: 87%;bottom: 11px;}
    .nav-intra h1 {font: 700 18px/24px 'Merriweather', serif;}
    .videoBorder {padding: 66% 0px 0px 0;}
    .joint li a {padding: 16px 0 0 204px !important;}
    .joint li {margin: 15px 0 !important;}
    .textMain h2, .hTag2, .textMain h3.hTag2, .textMain h4.hTag2 {font: 500 19px/25px 'Merriweather', serif;}
    .news-image {float: none;display: table;margin: 10px;}
    .navigation a {font: 400 14px/26px 'Mulish', sans-serif;}
    .navigation a{display: inline;}
    #Map .map-intra .address .loc-head {font: 400 25px/31px 'Merriweather', serif;}
}


/*Note: for .dfw-greymode it should look like same as a light-mode, plss remove unwanted css when all done */

/*accessibility 24-06-2021 (last updated)*/
.accessible_on #Container *
{ transform: none !important; transition: none !important; box-shadow: none !important; text-shadow: none !important; background: none !important; border-radius: 0 !important; animation: none !important; }

/*all colors -- not a*/
.dfw-whitemode #Container :not(a)
{color: #000 !important;}
.dfw-blackmode #Container :not(a)
{color: #fff !important;}

/*disable before and after*/
.dfw-whitemode #Container ::after, .dfw-blackmode #Container ::after, .dfw-whitemode #Container ::before, .dfw-blackmode #Container ::before, .accessible_on .accordion *::before, .accessible_on .accordion *::after
{ display: none !important;}

/* anchor colors -- a */
.dfw-whitemode #Container a, .dfw-whitemode #Container a *
{color: #00e !important; text-decoration: none !important;}
.dfw-blackmode #Container a, .dfw-blackmode #Container a *
{color: #fc0 !important; text-decoration: none !important;}

/*menu backgrounds*/
.dfw-whitemode #Container #Main-Menu ul li ul *, .dfw-whitemode #Container #Main-Menu ul li ul, .dfw-whitemode #Container .parentMenu
{ background: #eee !important;}
.dfw-blackmode #Container #Main-Menu ul li ul *, .dfw-blackmode #Container #Main-Menu ul li ul, .dfw-blackmode #Container .parentMenu
{ background: #333 !important;}
.accessible_on .parentMenu li a
{ margin: 2px;}
.accessible_on:not(.dfw-greymode) .subMenu li { margin: 2px 0; }
.dfw-greymode .subMenu li { padding: 2px; margin: 0px; }
.accessible_on #Menu-Container 
{ z-index: 999;}
.accessible_on .menu li.menu-home a { font-size: 16px !important;}

/*dfw skip codes*/
.accessible_on .dfw-skip a { font-size: 12px !important; text-transform: none;}
.accessible_on .dfw-skip { z-index: 999; display: block; border: 1px solid !important;}
.accessible_on .dfw-skip { background: #fff !important;} 
.dfw-blackmode .dfw-skip { background: #000 !important;}

/*sidebar*/
.accessible_on #Sidebar, .accessible_on .fixedsidebar 
{ padding: 5px; border: 1px solid; margin: 0 !important; width: 310px; text-align: center;}
.accessible_on #Sidebar, .accessible_on .fixedsidebar 
{ clear: both;}
.accessible_on #Sidebar .dfw-skip { margin-right: -100px;}

/*ADA for accordation*/
.accessible_on .accordContent, .accessible_on .accordTitle
{ display: block !important; border: 1px solid !important; }

.accessible_on .accordTitle { cursor: unset !important;}
.accessible_on .accordContent { padding: 5px !important;}

/*content width auto*/
.accessible_on #Content { width: auto; padding-top: 10px; }

/*gdp format for ADA*/
/*.accessible_on #gdpCookie 
{ background: #fffffff2 !important; left: 0; right: 0; margin: 0 auto; text-align: center; border-radius: 50px !important; border: 1px solid;}

.accessible_on.dfw-blackmode #gdpCookie { background: #000000d6 !important;}*/

/* GDPR ADA CSS */
.accessible_on .cookie-main li.cookie-button .accept,
.accessible_on .cookie-main li.cookie-button .accept:hover, 
.accessible_on .cookie-main li.cookie-button .change-preference,
.accessible_on .cookie-main li.cookie-button .change-preference:hover {
    border: 1px solid !important;
    background: none !important;
    min-width: 120px;
    min-height: 40px;
    text-decoration: none;
    margin-top: 10px;
}
.accessible_on .cookie-main li.cookie-button .change-preference {
    padding-top: 3px;
}
.dfw-whitemode .cookie-main li.cookie-button .accept,
.dfw-whitemode .cookie-main li.cookie-button .change-preference,
.dfw-whitemode .gdpCookie a {
    color: #00e;
}
.dfw-blackmode .cookie-main li.cookie-button .accept,
.dfw-blackmode .cookie-main li.cookie-button .change-preference,
.dfw-blackmode .gdpCookie a {
    color: #fc0;
}
.dfw-greymode .cookie-main li.cookie-button .accept,
.dfw-greymode .cookie-main li.cookie-button .change-preference,
.dfw-greymode .gdpCookie a {
    color: #000;
}
.dfw-blackmode .gdpCookie {
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	border: 1px solid #fff;
}
.dfw-blackmode .gdpCookie p {
	color: #fff;
}
.accessible_on .cc-cp-body-content-entry-text {
    text-align: left !important;
}
.accessible_on .gdp_dialog .cc-cp-foot-byline {
	font-size: inherit;
}
.accessible_on .cc-custom-checkbox.always_active .nodisplay {
	display: none;
}
/* GDPR ADA CSS Ends */

/*menu icon replace with text, Menus border none and top headder code*/
.menu li.menu-home a span { display: none !important;}
.accessible_on li.menu-home a span { display: block !important; font-size: 16px; }
.accessible_on:not(.dfw-greymode) .menu *
{ border: none !important;}
.accessible_on .menu ul
{ /*display: none;*/ visibility: visible;  opacity: 1; z-index: 99; }

/*if menu trasnparent in grey mode*/

.accessible_on.dfw-greymode .header-menu { z-index: 9;}

/*conatact us common and social links */
.accessible_on .contactTable { display: block; border: 0; box-shadow: none !important; }
.accessible_on .contact-address { border: 1px solid; margin: 10px auto; display: block;}
.accessible_on .social-logo { width: auto;}

/*conatact us common end */

.accessible_on.home #Header-Container, .accessible_on #Credy, .accessible_on #Services, .accessible_on #Doctor-sec, .accessible_on #Sports, .accessible_on #Area, .accessible_on #Reviews, .accessible_on #Media, .accessible_on #Resources, .accessible_on #Map
{ position: relative !important;}

/*if menu & content overlapping make header z-index more common example below*/
.accessible_on #Header-Container {z-index: 999;} 

.accessible_on .abc
{ width: auto !important; float: none !important; height: auto; padding: 5px !important; clear: both !important; text-align: center;}

.accessible_on .abc 
{ float: none; display: inline-block; vertical-align: top; margin: 5px;}

.accessible_on #Area .area-expert
{ height: auto !important;}

.accessible_on #Resources .resource-intra .sec1
{ width: auto !important;}

.accessible_on .abc
{min-height: 10px !important; margin: 10px 0;}

/*display none items (updated commonly used clsses too)*/
.accessible_on .Banner-Tabs, .accessible_on .contactTable .contact-map, .accessible_on #Sidebar * br, .accessible_on #patient-stories .Intra-Tabs, .accessible_on #patient-stories .Testimonial_auto, .accessible_on #patient-stories .Testimonial_nav, .accessible_on #patient-stories-Tabs
{ display: none;}

/*commonly used ADA style for ul, li & a*/
.accessible_on #Sidebar ul, .accessible_on #Credy ul, .accessible_on .tabs, .accessible_on #qlinks ul, .accessible_on .joint, .accessible_on .abc ul
{ text-align: center; float: none !important;}

.accessible_on #Sidebar ul li, .accessible_on #Credy ul li, .accessible_on .tabs li, .accessible_on #qlinks ul li,.accessible_on .joint li, .accessible_on .abc ul li
{ display: inline-block !important; width: auto !important; border: 1px solid !important; height: auto; margin: 5px !important; min-height: 10px !important; float: none !important; vertical-align: top; min-width: 150px; padding: 0; background: none;}

.accessible_on #Sidebar ul li a, .accessible_on #Credy ul li a, .accessible_on .tabs li a, .accessible_on #qlinks ul li a, .accessible_on .joint li a, .accessible_on .abc ul li a
{ display: inline-block; padding: 10px !important; min-width: 250px; border: 0 !important; min-height: 10px !important; float: none !important; vertical-align: top; width: 260px; height: auto; background: none;}

/*commonly used ADA style for ul, li & a end*/

/*required font icons*/
#Accessibility .dfwOn.dfwActive.dfwHide .dfwClose a::before, #Accessibility .dfwOn.dfwActive.dfwHide .dfwClose a::before, .accessible_on:not(.dfw-greymode) .parentList > .dropMenu::after, .accessible_on:not(.dfw-greymode) .parentList .subparentList > .dropMenu::after, .accessible_on #Container * .font-icon::before 
{ display: inline-block !important; }

/*not required font icons*/
.accessible_on #Container .menu-home a .font-icon::before, .accessible_on #Container .menu-home a::before, .accessible_on #Container .social-logo ul li a::before
{ display: none !important;}

/*grayscale for images*/
.accessible_on .logo img 
{ filter: grayscale(100%) contrast(50%);}
.accessible_on #Credy li img { filter: invert(25%);}
.accessible_on .ypo-logo
{ filter: invert(1%) !important;}
.accessible_on.dfw-greymode .ypo-logo
{ filter: invert(1) !important;}

/*common code for New Accessibility sidebar (plss remove first 2 code for old sites)*/
.dfwOn.dfwHide { left: -336px;}
.dfwOn.dfwActive.dfwHide .dfwClose { left: 85%;}

.dfw-whitemode #Accessibility li { color: #00e;}
.dfw-blackmode #Accessibility li { color: #fc0;}

/*common other code*/
.accessible_on footer .social-logo a span { display: block !important;}
.accessible_on footer .social-logo ul li {width: auto;}

/*.accessible_on #Content-Main 
{ padding-top: 60px; margin-top: -60px;}*/ /*check bredcrumb links on this style*/

/*common code for grey mode*/
.dfw-greymode #Container * { color: #000 !important;}
.dfw-greymode footer .social-logo ul li a { background: none; color: #fff;}
.dfw-greymode .dfw-skip a { color: #000;}
.dfw-greymode #Main-Menu .menu > li:hover
{ background: none !important; color: #000 !important; border-color: #fff;}
.dfw-greymode #Main-Menu ul.subMenu * 
{ background: #ccc !important; color: #000 !important;}
.dfw-greymode .navigation a, .dfw-greymode .navigation { color: #000;}
.dfw-greymode .menu li > a { border: none !important;}

/*common border code goes here*/
.accessible_on .lp-rd a, .accessible_on .service-list-design .readmore, .accessible_on .hview a, .accessible_on .sport-left a, .accessible_on .more-test a, .accessible_on .area-content .area-read, .accessible_on .sec3 ul li a, .accessible_on .c-tab li a, .accessible_on .read
{ border: 1px solid !important; margin: 5px;}

/*other code goes here*/

.accessible_on #Menu-Container .dfw-skip { margin-right: -80px;}

.accessible_on #Services .service-intra .serv-mian 
{ width: auto; padding: 5px; text-align: center;}

.accessible_on #Services .service-intra .serv-mian1 
{ width: auto; height: auto; padding: 5px; position: relative; margin: 5px;}

.accessible_on #Services .service-intra .serv-mian1 .home-serv-icon, .accessible_on .serv-mian .hs-read, .accessible_on .sec2, .accessible_on .area-tabs
{ display: none !important;}

.accessible_on .serv-mian1 ul li { display: inline-block; vertical-align: top;}

.accessible_on .serv-mian1 ul li a 
{ display: inline-block; padding: 10px; margin: 5px; border: 1px solid;}

.accessible_on .media1 a 
{border: 1px solid; margin: 5px; padding: 5px;}

.accessible_on #Services .service-intra { height: auto;}

.accessible_on #Resources .resource-intra .sec3 
{ display: block; width: auto; height: auto; padding: 10px; text-align: center;}

.accessible_on .sec3 li a { padding: 10px !important; margin: 5px;}

.accessible_on #Resources .resource-intra { height: auto;}

.accessible_on #Map .map-intra .address { border: 1px solid; margin: 10px auto;}

.accessible_on .area-content { width: auto; padding: 10px;}

.accessible_on .area-content ul li {margin: 10px 0;}

.accessible_on .video-testimonils { display: block; width: auto; text-align: center;}

.accessible_on .video-testimonils .more-test 
{ display: block; bottom: 0; border: 1px solid; position: relative; margin: 5px auto; width: 200px;}

.accessible_on #Reviews .review-intra .review-content
{width: auto;}

.accessible_on #Reviews .review-intra .rev-cont-main { height: auto;}

.accessible_on #Reviews .review-intra .review-content p 
{margin: 30px 0; height: auto; padding: 5px; border-bottom: 1px dashed;}

.accessible_on section * ::before, .accessible_on section * ::after, .accessible_on #Main-Menu * ::after {display: none;}

.accessible_on .d-links a, .accessible_on .contact-table p 
{ border: 1px solid; padding: 10px !important;}

.accessible_on .contactTable, .accessible_on .contact-table { border: none !important;}

.accessible_on .p-resources .edu a { padding: 5px; border: 1px solid; height: auto;}

/*border colors (it should be last)*/
.accessible_on.dfw-whitemode #Container *, .accessible_on.dfw-greymode #Container * 
{ border-color: #000 !important; }
.accessible_on.dfw-blackmode #Container * { border-color: #fff !important;}