/* ----- Global CSS ----- */

html{height:100%;}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, img, ul,p{margin:0;padding:0;border:0;}

body, input, textarea, select, p,li{font-size:13px;font-family: 'Rubik', sans-serif; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}

body{color:#000; font-size:100%;line-height:1.1;max-height:100%;width:100%;height:100%;background:#fff;}

img{max-width:100%;border:0;}

ul li {list-style: none;}

a, a:hover {text-decoration: none; }

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; }

.clear{clear: both;}

/* Site header and footer refresh */
:root { --brand: #a7302b; --brand-dark: #721f25; --ink: #18283b; --muted: #617082; --surface: #f7f9fc; }
.site-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.site-topbar { background: var(--ink); color: #dce7f1; font: 500 13px/1.4 'Rubik', sans-serif; }
.social-share-rail { position: fixed; z-index: 9998; top: 50%; right: 0; display: flex; flex-direction: column; overflow: hidden; border-radius: 4px 0 0 4px; box-shadow: 0 5px 16px rgba(20,37,56,.25); transform: translateY(-50%); }
.social-share-rail a { display: flex; width: 42px; height: 42px; align-items: center; justify-content: center; color: #fff; font-size: 18px; transition: width .2s ease, filter .2s ease; }
.social-share-rail a:hover { width: 48px; color: #fff; filter: brightness(1.1); }
.social-share-rail .share-facebook { background: #1877f2; }
.social-share-rail .share-x { background: #1a1a1a; }
.social-share-rail .share-linkedin { background: #0a66c2; }
.social-share-rail .share-whatsapp { background: #25d366; }
.social-share-rail .share-email { background: #6b7785; }
.topbar-inner { min-height: 45px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.topbar-actions { display: flex; align-items: center; gap: 18px; }
.topbar-actions a { color: #fff; transition: color .2s ease; }
.topbar-actions a:hover { color: #f8c8c5; }
.topbar-actions i { margin-right: 5px; color: #f3a7a1; }
.topbar-actions .appointment-button { background: var(--brand); padding: 13px 17px; margin: -1px 0; font-weight: 700; text-transform: uppercase; font-size: 11px; letter-spacing: .4px; }
.topbar-actions .appointment-button:hover { background: #c3433d; color: #fff; }
.site-header { float: none; width: 100%; background: #fff; box-shadow: 0 3px 15px rgba(20, 37, 56, .08); }
.brand-row { min-height: 124px; display: grid; grid-template-columns: 300px 460px 122px 108px; justify-content: center; align-items: center; column-gap: 32px; }
.site-header .logo { float: none; display: block; width: 300px; padding: 0; margin: 0; }
.site-header .logo img { display: block; width: 100%; max-width: 396px; }
.brand-details { display: none; border-left: 1px solid #dbe1e8; padding: 5px 0 5px 25px; color: var(--muted); font: 400 14px/1.45 'Rubik', sans-serif; }
.brand-details strong { display: block; color: var(--brand); font-size: 17px; margin-bottom: 2px; }
.header-badges { display: contents; }
.header-badges img { display: block; object-fit: contain; }
.header-badges .badge-sr { width: 460px; max-height: 100px; }
.badge-alasers-frame { display: block; width: 122px; height: 58px; overflow: hidden; }
.header-badges .badge-alasers { width: 175px; max-width: none; max-height: 58px; transform: translateX(-27px); }
.header-badges .badge-cel { width: clamp(75px, 8vw, 108px); height: 88px; }
#header nav { margin: 0; background: #fff; border-top: 1px solid #e6eaee; }
#header .menu { float: none; display: flex; justify-content: center; align-items: stretch; border: 0; width: 100%; }
#header .menu > li > a { padding: 17px 13px 13px; color: var(--ink); font: 600 13px/18px 'Rubik', sans-serif; border-bottom: 4px solid transparent; white-space: nowrap; }
#header .menu > li:first-child { margin-left: 0 !important; }
#header .menu li > a:hover, #header .menu > li:hover > a { color: var(--brand); border-bottom-color: var(--brand); }
#header .menu > li.is-active > a, #header .menu > li.is-active > a:hover { background: var(--brand); color: #fff; border-bottom-color: var(--brand); }
#header .menu > li.external-menu > a { color: var(--brand); border: 1px solid rgba(167, 48, 43, .45); border-radius: 3px; margin: 8px 0 8px 8px; padding: 8px 10px; }
#header .menu > li.external-menu > a:hover { background: var(--brand); color: #fff; border-bottom-color: var(--brand); }
#header .menu > li.external-menu i { margin-left: 3px; font-size: 10px; }
#header .menu li ul { top: 49px; width: 285px; padding: 6px 0; background: #fff; border: 1px solid #e1e7ed; border-top: 3px solid var(--brand); border-radius: 0 0 4px 4px; box-shadow: 0 10px 26px rgba(20, 37, 56, .18); }
#header .menu li li { width: 100% !important; }
#header .menu li li a { width: 100%; padding: 11px 16px 11px 21px; border: 0; border-bottom: 1px solid #edf0f3; background: #fff !important; color: #24364a; font: 500 12px/1.38 'Rubik', sans-serif; }
#header .menu li li:last-child > a { border-bottom: 0; }
#header .menu li li a:hover, #header .menu li li:hover > a { padding-left: 25px; background: #fff4f3 !important; color: var(--brand); border-bottom-color: #f1d4d1; }
#header .menu li li > a::before { content: '\f0a4'; display: inline-block; margin-right: 8px; color: var(--brand); font-family: 'Font Awesome 5 Free'; font-size: 12px; font-weight: 900; line-height: 10px; vertical-align: 0; }
#header .menu li li ul { top: -3px; left: 100%; border-radius: 4px; }
#header .menu li.submenu-opens-up > ul { top: auto; bottom: -1px; }
#header nav.menu-is-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; box-shadow: 0 4px 15px rgba(20, 37, 56, .18); }
.menu-sticky-spacer { height: 0; }

/* Homepage slider */
.home-slider { position: relative; width: 100%; height: clamp(240px, 35vw, 460px); overflow: hidden; isolation: isolate; background: radial-gradient(circle at center, #405772 0%, #21364d 45%, #132334 100%); box-shadow: inset 0 0 60px rgba(0, 0, 0, .24); }
.home-slider::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(8, 22, 36, .55), transparent 18%, transparent 82%, rgba(8, 22, 36, .55)); }
.home-slider .mySlides { display: none; position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; object-position: center; animation: slider-fade .45s ease; }
.home-slider .slider-control { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; background: rgba(24, 40, 59, .78); color: #fff; font-size: 30px; line-height: 40px; cursor: pointer; transition: background .2s ease, transform .2s ease; }
.home-slider .slider-control:hover { background: var(--brand); transform: translateY(-50%) scale(1.06); }
.home-slider .slider-previous { left: 22px; }
.home-slider .slider-next { right: 22px; }
.slider-status { position: absolute; z-index: 2; right: 25px; bottom: 18px; padding: 7px 11px; border-radius: 2px; background: rgba(19, 35, 52, .82); color: #dbe5ef; font: 500 12px/1 'Rubik', sans-serif; letter-spacing: .7px; }
.slider-status strong { color: #fff; font-size: 15px; }
@keyframes slider-fade { from { opacity: .4; } to { opacity: 1; } }

/* Moving patient-care highlights below the homepage slider */
.care-marquee { width: 100%; overflow: hidden; background: var(--brand); color: #fff; border-bottom: 4px solid #7b211f; }
.marquee-track { display: flex; width: max-content; animation: care-marquee-scroll 28s linear infinite; }
.marquee-content { display: flex; flex: 0 0 auto; align-items: center; gap: 52px; padding: 12px 26px; white-space: nowrap; font: 600 14px/1.2 'Rubik', sans-serif; }
.marquee-content span { display: inline-flex; align-items: center; }
.marquee-content i { margin-right: 9px; color: #ffd5d1; font-size: 15px; }
.care-marquee:hover .marquee-track { animation-play-state: paused; }
@keyframes care-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .marquee-track { animation: none; } }

.site-footer { float: none; border: 0; padding: 0; color: #d8e1ea; background: var(--ink); }
.site-footer .footer-container { display: none; }
.footer-main { padding: 54px 0 46px; background: linear-gradient(120deg, #162638 0%, #223c57 100%); }
.footer-grid { display: grid; grid-template-columns: 1.45fr .9fr .95fr 1.2fr; gap: 42px; }
.footer-grid h2 { margin: 5px 0 17px; color: #fff; font: 700 17px/1.25 'Roboto Condensed', sans-serif; }
.footer-grid h2::after { content: ''; display: block; width: 34px; border-bottom: 2px solid #d96761; margin-top: 10px; }
.footer-logo { width: 265px; max-width: 100%; padding: 7px; background: #fff; border-radius: 4px; }
.footer-about p, .footer-cta p { margin: 18px 0; color: #cfdae4; font: 400 14px/1.7 'Rubik', sans-serif; }
.footer-call { color: #fff; font-weight: 700; font-size: 15px; }
.footer-call i { color: #ec8d87; margin-right: 8px; }
.footer-links li { margin: 0 0 10px; }
.footer-links a { color: #d8e1ea; font: 400 14px/1.4 'Rubik', sans-serif; }
.footer-links a:hover, .footer-call:hover { color: #fff; }
.footer-links a::before { content: '›'; margin-right: 8px; color: #ec8d87; font-weight: 700; }
.footer-cta { padding: 4px 0 0 25px; border-left: 1px solid rgba(255,255,255,.18); }
.footer-appointment { display: inline-block; background: var(--brand); color: #fff; padding: 13px 16px; border-radius: 2px; font: 700 12px/1 'Rubik', sans-serif; text-transform: uppercase; letter-spacing: .35px; }
.footer-appointment:hover { background: #c3433d; color: #fff; }
.footer-appointment i { margin-left: 8px; }
.footer-bottom { padding: 17px 0; background: #111e2c; color: #aebdcb; }
.footer-bottom .site-shell { display: flex; justify-content: space-between; gap: 25px; }
.footer-bottom p { font: 400 12px/1.5 'Rubik', sans-serif; }
.footer-disclaimer { max-width: 625px; text-align: right; }

@media screen and (max-width: 1050px) {
  #header .menu > li > a { padding-left: 8px; padding-right: 8px; font-size: 12px; }
  .brand-row { grid-template-columns: 230px 300px 80px 66px; column-gap: 20px; }
  .site-header .logo { width: 230px; }
  .brand-details { display: none; }
  .header-badges .badge-sr { width: 300px; max-height: 65px; }
  .badge-alasers-frame { flex-basis: 80px; width: 80px; height: 46px; }
  .header-badges .badge-alasers { width: 115px; max-height: 46px; transform: translateX(-18px); }
  .header-badges .badge-cel { width: 66px; height: 66px; }
  .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
  .footer-cta { grid-column: 1 / -1; padding: 25px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.18); }
}

@media screen and (max-width: 767px) {
  .site-shell { width: min(100% - 28px, 560px); }
  .social-share-rail { top: auto; right: 50%; bottom: 10px; flex-direction: row; border-radius: 4px; transform: translateX(50%); }
  .social-share-rail a { width: 39px; height: 39px; font-size: 16px; }
  .social-share-rail a:hover { width: 39px; }
  .topbar-inner { padding: 10px 0; flex-direction: column; align-items: flex-start; gap: 8px; }
  .topbar-actions { gap: 13px; flex-wrap: wrap; }
  .topbar-actions .appointment-button { padding: 9px 12px; margin: 0; }
  .brand-row { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; row-gap: 10px; padding: 12px 0; }
  .site-header .logo { width: 230px; }
  .brand-details { display: none; }
  .header-badges { display: grid; grid-column: 1 / -1; grid-template-columns: 180px 67px 46px; justify-content: center; align-items: center; column-gap: 16px; padding: 10px 0 0; border-top: 1px solid #edf0f3; }
  .header-badges .badge-sr { width: 180px; max-height: 40px; }
  .badge-alasers-frame { width: 67px; height: 40px; }
  .header-badges .badge-alasers { width: 96px; max-height: 40px; transform: translateX(-15px); }
  .header-badges .badge-cel { width: 46px; height: 46px; }
  #header nav { display: none; }
  #header nav.menu-is-fixed { display: none; }
  #header #mobileMenu { display: block; grid-column: 2; grid-row: 1; width: auto; margin-left: auto; }
  #header .menuText { background: var(--brand); padding: 0; min-width: 98px; font-size: 15px; line-height: 2.6; }
  #header .wrapper { left: 0; background: var(--ink); }
  #header #mobileMenu .parentMenu { background: var(--ink); }
  #header #mobileMenu .parentMenu li a { padding: 12px 18px 12px 25px; border-bottom-color: rgba(255,255,255,.16); background: var(--ink); color: #fff; font: 500 14px/1.4 'Rubik', sans-serif; }
  #header #mobileMenu .parentMenu li a:hover { background: var(--brand); color: #fff; }
  #header #mobileMenu .parentMenu li li a { padding-left: 42px; background: #233b55; }
  #header #mobileMenu .parentMenu li li li a { padding-left: 58px; background: #2c4a67; }
  #header #mobileMenu .parentMenu li a:before { color: #f3a7a1; top: 12px; }
  #header #mobileMenu a.level1Menu:after { color: #fff; right: 12px; top: 12px; }
  .footer-main { padding: 38px 0 28px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px 20px; }
  .footer-cta { grid-column: 1 / -1; }
  .footer-bottom .site-shell { display: block; }
  .footer-disclaimer { margin-top: 7px; text-align: left; }
  .home-slider { height: clamp(180px, 45vw, 300px); }
  .home-slider .slider-control { width: 38px; height: 38px; font-size: 25px; line-height: 33px; }
  .home-slider .slider-previous { left: 12px; }
  .home-slider .slider-next { right: 12px; }
  .slider-status { right: 12px; bottom: 11px; }
  .marquee-content { gap: 32px; padding: 10px 18px; font-size: 12px; }
}

/* Homepage patient success stories */
#testimonial-sec { float: none; width: 100%; margin: 0; padding: 0; background: linear-gradient(135deg, #8f2728, #bd3631); border-bottom: 0; }
#testimonial-sec .testimonial-container { float: none; width: 100%; padding: 52px 30px; }
#testimonial-sec .rslides li { height: auto; min-height: 330px; }
#testimonial-sec .testimonial-text { width: min(720px, 100%); margin: 0 auto; padding: 0 10px; text-align: center; }
#testimonial-sec .testimonial-title { margin: 0 0 27px; padding: 0; }
#testimonial-sec .testimonial-title a { display: inline-block; padding: 0 0 10px; background: none; border-bottom: 2px solid rgba(255,255,255,.9); color: #fff; font: 700 30px/1.15 'Rubik', sans-serif; letter-spacing: .2px; text-transform: uppercase; }
#testimonial-sec .testimonial-quote { position: relative; max-width: 650px; margin: 0 auto; padding: 15px 26px; color: #fff; font: 400 17px/1.65 'Rubik', sans-serif; }
#testimonial-sec .testimonial-quote::before { content: '\201C'; position: absolute; top: -20px; left: -5px; color: rgba(255,255,255,.35); font: 700 76px/1 Georgia, serif; }
#testimonial-sec .testimonial-author { margin: 17px 0 0; padding: 0; }
#testimonial-sec .testimonial-author span { display: inline-block; margin: 0; color: #fff; font: 700 21px/1.35 'Roboto Condensed', sans-serif; }
#testimonial-sec .testimonial-author span::before { content: '— '; color: #ffd2cf; }
#testimonial-sec .testimonial-text a.read-all { display: inline-flex; align-items: center; gap: 9px; width: auto; float: none; clear: none; margin: 26px auto 0; padding: 12px 17px; border: 1px solid rgba(255,255,255,.8); border-radius: 3px; background: #fff; color: var(--brand); font: 700 12px/1 'Rubik', sans-serif; letter-spacing: .3px; text-transform: uppercase; }
#testimonial-sec .testimonial-text a.read-all:hover { background: var(--ink); border-color: var(--ink); color: #fff; }

@media screen and (max-width: 767px) {
  #testimonial-sec .testimonial-container { padding: 40px 16px; }
  #testimonial-sec .rslides li { min-height: 350px; }
  #testimonial-sec .testimonial-title a { font-size: 23px; }
  #testimonial-sec .testimonial-quote { padding: 14px 19px; font-size: 15px; }
}

@media screen and (max-width: 480px) {
  .site-shell { width: calc(100% - 24px); }
  .topbar-inner > span { font-size: 12px; }
  .topbar-actions { font-size: 12px; gap: 9px; }
  .site-header .logo { width: 190px; }
  .header-badges { grid-template-columns: 150px 57px 40px; column-gap: 11px; }
  .header-badges .badge-sr { width: 150px; max-height: 34px; }
  .badge-alasers-frame { width: 57px; height: 40px; }
  .header-badges .badge-alasers { width: 82px; transform: translateX(-13px); }
  .header-badges .badge-cel { width: 40px; height: 40px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-cta { grid-column: auto; }
}

.gridWrapper{margin: 0 auto;max-width: 1260px;position: relative;}

span.madatory{color: red;}

#mobile-loaction, .display-none{display: none;}



.cookie-main {	padding: 2px 10px !important;}

.cookie-main p {	padding: 0px 0 !important;}

.cookie-main li.cookie-button {	font: 700 14px/22px Verdana,Arial,Helvetica,sans-serif !important;}

.pagelet-posts li{float:left; width: 100%; background:  none !important; padding: 0px ; margin: 5px 0px; border-bottom: 1px dotted #ccc; }

.sticky-testimonial {

	position: fixed;

	z-index: 5;

	left: 0px;

	top: 180px;

	width: 40px;z-index: 9999

}

.sticky-testimonial ul {

	background: #0098D2;

	padding: 0px 0;

}

.sticky-testimonial ul li {

	display: block;

}

.sticky-testimonial li a{height: 50px;	padding: 2px 0; display: block; font: 400px 16/20px }

.sticky-testimonial li a:hover{padding: 2px 40px 2px 0px; font: 400 18px/24px 'Roboto Condensed', sans-serif;}

.sticky-testimonial li.testimonial1 a{	background: #0098D2 url('http://www.drankurbansal.com/images/patient-resources2.png') no-repeat 10px 15px;}

.sticky-testimonial li.testimonial2 a {background: #0098D2 url('http://www.drankurbansal.com/images/publication-sprite.png') no-repeat 10px -68px;}

.sticky-testimonial li.testimonial3 a {background: #0098D2 url('http://www.drankurbansal.com/images/patient-resources3.png') no-repeat 10px 15px;}



.sticky-testimonial li.testimonial1 a:hover {	background: #0098D2 url('http://www.drankurbansal.com/images/patient-resources2.png') no-repeat 128px 15px;}

.sticky-testimonial li.testimonial2 a:hover {background: #0098D2 url('http://www.drankurbansal.com/images/publication-sprite.png') no-repeat 128px -68px;}

.sticky-testimonial li.testimonial3 a:hover {background: #0098D2 url('http://www.drankurbansal.com/images/patient-resources3.png') no-repeat 128px 15px;}





.sticky-testimonial li a:hover span {

	display: block;

}

.sticky-testimonial li a:hover {

	transition: all linear 0.3s;

	width: 153px;

}

.sticky-testimonial a span {

	display: none;

	color: #fff;

	padding: 7px 0 0 15px;

}





#head-container{float: left; width: 100%; position: relative;}

.head-container {	float: left;	width: 100%;	padding: 32px 0px;}

.logo{float: left; width: auto;}

.mid {float: left;	width: auto;	padding: 6px 0 9px 10px;	border-left: 1px solid #1b6cb7 !important;}

.head-right {

	float: right;

	line-height: 30px;

	text-align: right;

	width: 62%;

	padding: 22px 0px 0px;

}

ul.contact-info li.cell-no a {	background: url(http://www.drankurbansal.com/images/phone-icon.png) no-repeat 0px 7px;	padding: 0px 0px 0px 21px;}

ul.contact-info li.appointments {display: block;background: url(http://www.drankurbansal.com/images/location-icon.png) no-repeat 10px 4px;font: 400 18px/24px 'Roboto Condensed', sans-serif;color: #000;padding: 0px 0px 0px 30px;}

ul.contact-info li a {display: block;font: 400 18px/24px 'Roboto Condensed', sans-serif;color: #000;display: inline;}

ul.contact-info li {float: right;width: auto;margin: 5px 13px;}

/* Menu related css */

nav{position:relative;z-index:9999;margin:16px 0px 0;height:auto;width:100%; display: table;  }

#mobileMenu { display:none;}

.menu {list-style: none;margin: 0 auto;position: relative;z-index: 9999;display: block;	float: left;width: 100%;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

.menu:after{clear:both;}

.menu ul{list-style:none;margin:0 auto;width:100%;}

.menu li{font-size:15px;text-align:center;float:left;margin:0;position:relative; width: auto !important;}

.menu li.first a {	display: block;	width: 45px;	padding: 0px;}

.menu li.first {	width: 45px !important;}

.menu > li > a {

	display: block;

	border-bottom: solid 5px transparent;

    padding: 15px 20px 10px;
    margin: 0 0;
    color: #a7302b;
    font-weight: 600;

}

.menu li > a ::after, ::before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}





.menu li > a:hover, .menu > li:hover > a {color: #000;	border-bottom: 5px solid #0390fa;	}

.menu li ul{position:absolute;left:0%;padding:0;background:#fff;display:none;width:226px;top:45px}

.menu li ul.second-menu {	left: -122%;}

.menu li:hover > ul{display:block;}

.menu li li  ul{left:100%;top:30px;position:absolute;}

.menu li li{position:relative;z-index:1000;margin:0px;padding:0px;text-transform:none;text-shadow:none;width:120% !important;}

.menu li li a{color:#fff;display:block;text-align:left;border:none;    background: #a7302b url(http://www.drankurbansal.com/images/menu-li.png) no-repeat 11px 16px;padding:12px 0px 12px 25px;z-index:1000;position:relative;margin:0px;width:100%;font:normal 12px verdana;border-bottom: 1px solid #fff; }

.menu li li a:hover, .menu li li:hover > a{background:#0092ff url(http://www.drankurbansal.com/images/menu-li.png) no-repeat 11px 16px;color:#fff; border-bottom: 1px solid #fff;}

.menu li ul ul{top:0;margin:0px 0 0 0;}

.menu li li li{text-align:left;background:#fff;z-index:1000;margin:0 0 0 0px;}

.menu li li li a{padding:12px 0px 12px 25px;}

.menu li li li a:hover{padding:12px 0px 12px 25px;}

.menu li ul.doubleColumn{width:630px;left:-200px;}

.menu li ul.doubleColumn li{float:left;width:315px;}

.menu li ul.doubleColumn li:nth-child(2n+1) ul{left:-200px;width:200px;}

.menu li ul.doubleColumn li:nth-child(2n) ul{left:100%;;width:200px;}

.menu li ul.doubleColumn li:nth-child(2n+1) ul li{width:100%;}

.menu li ul.doubleColumn li:nth-child(2n) ul li{width:100%;}



/*Banner Styes*/

.banner #Banner{position:relative;}

.banner {float: left;	margin: -174px 0px 0px;	width: 100%;}

.banner .gridWrapper{height: 100%}

#Banner .rslides li {	height: 668px;}

#Banner .bannerContent {top: 55%;right: 0;position: absolute;z-index: 100;width: 45%;}

#Banner .bannerContent .bannerHead{font-size:25px;color:#282828;margin-bottom:15px;padding-left:10px;line-height: 1.2;font-family: 'Roboto Condensed', sans-serif;font-weight: 400;}

#Banner .bannerHead-dr {	left: 0%;	position: absolute;z-index: 100;width: 100%;	top: 27%;}

.banner-doctor-container {	float: left;	width: 63%;margin: 78px 0px 0px 0px;	position: relative;z-index: 999999999999;}

.banner-doctor-container-img {float: right;	width: 60%;	margin: 42px -195px 0px -122px;}

.banner-doctor-container p span {	font: 700 40px/44px 'Roboto Condensed', sans-serif;	color: #4d4d4d;	display: block;margin: 0px 0px 28px 0px;}

.banner-doctor-container ul.profile-li{list-style: circle; color: #4d4d4d}

.banner-doctor-container ul.profile-li li {	font: 400 16px/20px 'Roboto Condensed', sans-serif;	background: url('http://www.drankurbansal.com/images/banner1-home-li.png') no-repeat left 4px;	height: 20px !important;	width: 100%;	padding: 0px 0px 0px 21px;	display: block;	margin: 10px 0px 10px;}

.home-testimonials {margin: 170px 0px 0px 0px;}

.home-testimonials p {font: 400 16px/20px 'Roboto Condensed', sans-serif;	width: 75%;	margin: 0px 0px 34px;}



.home-testimonials-img{	width: 66%;	margin: 112px -195px 0px -248px;}

.banner-doctor-container ul.dr-awards {list-style: circle;color: #4d4d4d;float: left;width: 57%;}

.banner-doctor-container ul.dr-awards li.dr-awards1, .banner-doctor-container ul.dr-awards li.dr-awards3 {	width: 64%;}

.banner-doctor-container ul.dr-awards li.dr-awards2, .banner-doctor-container ul.dr-awards li.dr-awards4{width: 30%;	}

.banner-doctor-container ul.dr-awards li {font: 400 16px/20px 'Roboto Condensed', sans-serif;height: 34px !important;display: block;	margin: 10px 6px;	float: left;}

.banner-doctor-container ul.dr-awards li a {color: #4d4d4d;padding: 17px 0px 17px 35px;border-bottom: 1px solid #ccc;display: block;}

.banner-doctor-container ul.dr-awards li.dr-awards1 a{background:url('http://www.drankurbansal.com/images/banner-sprite.png') no-repeat 0px 18px;}

.banner-doctor-container ul.dr-awards li.dr-awards2 a{background:url('http://www.drankurbansal.com/images/banner-sprite.png') no-repeat 0px -25px;}

.banner-doctor-container ul.dr-awards li.dr-awards3 a{background:url('http://www.drankurbansal.com/images/banner-sprite.png') no-repeat 0px -65px;border: none;}

.banner-doctor-container ul.dr-awards li.dr-awards4 a{background:url('http://www.drankurbansal.com/images/banner-sprite.png') no-repeat 0px -110px;border: none;}

.patient-service{float:right; margin: 10px 0px}

.banner-doctor-container a.view {float: left;width: 112px;display: block;text-align: center;font: 400 16px/20px 'Roboto Condensed', sans-serif;color: #000;background: url('http://www.drankurbansal.com/images/view-bg.png') no-repeat 0px 0px;padding: 9px 0px 10px;}



#Banner .bannerContent{font-weight: 600;display: block;font-size:27px;}

#Banner .rslides li.banner0{background:url('http://www.drankurbansal.com/images/banner1-home-new1.jpg')no-repeat center top;}

#Banner .rslides li.banner1{background:url('http://www.drankurbansal.com/images/banner1-home-new1.jpg')no-repeat center bottom;}

#Banner .rslides li.banner2{background:url('http://www.drankurbansal.com/images/banner1-home-new1.jpg')no-repeat center bottom;}

#Banner .rslides li.banner3{background:url('http://www.drankurbansal.com/images/banner1-home-new1.jpg')no-repeat center bottom;}

#Banner .rslides li.banner4{background:url('http://www.drankurbansal.com/images/banner1-home-new1.jpg')no-repeat center top;bottom}

#Banner .rslides li.banner5{background:url('http://www.drankurbansal.com/images/banner1-home-new1.jpg')no-repeat center top;bottom}

#Banner .rslides li.banner6{background:url('http://www.drankurbansal.com/images/banner1-home-new1.jpg')no-repeat center bottom;}

#Banner .rslides li.banner7{background:url('http://www.drankurbansal.com/images/banner1-home-new1.jpg')no-repeat center top;bottom}

#Banner .rslides li.banner8{background:url('http://www.drankurbansal.com/images/banner1-home-new1.jpg')no-repeat center top;bottom}

#Banner .rslides li.banner9{background:url('http://www.drankurbansal.com/images/banner1-home-new1.jpg')no-repeat center bottom;}

#Banner .rslides li.banner4{background:url('http://www.drankurbansal.com/images/banner1-home-new1.jpg')no-repeat center top;bottom}

#Banner .rslides li.banner5{background:url('http://www.drankurbansal.com/images/banner1-home-new1.jpg')no-repeat center top;bottom}  



#Banner .bannerTabs{bottom:10px;right:10%;position:absolute;z-index:999;}

.dr-fellowship {	margin: 114px 0px 0px;}

.dr-fellowship p {

	font: 400 16px/20px 'Roboto Condensed', sans-serif;

	margin: 20px 0px 53px;

	width: 80%;

}

.dr-fellowship-img {	margin: 62px -195px 0px -122px;}

#Banner .bannerTabs ul li{display: inline-block;}

#Banner .bannerTabs ul li a{width: 12px;height: 12px;border:  1px solid #000;display: inline-block;margin-right: 4px;border-radius: 50%}

#Banner .bannerTabs ul li.Banner_here a{width: 12px;height: 12px;background: #000; display: inline-block;margin-right: 4px;border-radius: 50%;}

.free-consultation{float: left; width:100%;margin: 20px 0px 0px}

.free-consultation li {float: left;	width: auto;margin: 5px;	padding: 5px 5px;	background: #374042;	height: 46px !important;}

.free-consultation li a {display: block;	background: #374042;	color: #fff;	font: 400 16px/20px 'Roboto Condensed', sans-serif;	padding: 8px 11px;}

.free-consultation li a:hover{ background: #9667bb;}

.free-consultation li:hover{background:#7c4aa3}





#BannerInner{position:relative;}

#BannerInner .rslides li{height:462px;}

#BannerInner .rslides li .container{top:40%}

#BannerInner .bannerContent {left: 53%;position: absolute;z-index: 100;width: 486px;top: 54%;}

#BannerInner .bannerContent-dr, #BannerInner .bannerContent {left: 4%;position: absolute;z-index: 100;width: 85%;top: 30%;}

#BannerInner .bannerContent-dr img {	float: right;	margin: 22px 0px 0px;}

#BannerInner .bannerContent-dr span {	color: #0093ff;	display: block;	font-size: 30px;	font-family: 'Roboto Condensed', sans-serif;	font-weight: 700;	margin: 140px 0px 0px 0px;float: left;}

#BannerInner .bannerContent span {color: #0093ff;display: block;font-size: 30px;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;margin: 140px 0px 0px 0px;float: left;}

#BannerInner .bannerContent img {	float: right;	margin: 75px 0px 66px;}



.bannerHead span {font-size: 40px;color: #2e2e2e;font-family:  'Roboto Condensed', sans-serif; font-weight: 700;}

.bannerHead a {display: block;width: 210px;padding: 10px 20px;font-family: 'Rubik', sans-serif;font-weight: 300;background: #0088cf url('http://www.drankurbansal.com/images/view-bg.png') no-repeat 12px 11px;font-size: 14px;color: #fff;text-align: center;border-radius: 11px;}

.gridWrapper ul#controls {

	top: -45px;

	z-index: 11;

	min-height: 10px;

	height: 30px;

	background: #cccc;

	opacity: 0.7;

}

#BannerInner .bannerContent .bannerHead span{ color: #0093ff;display: block;font-size:30px;font-family:'Roboto Condensed', sans-serif;font-weight: 700;}



#BannerInner .rslides li.banner0{background:url('http://www.drankurbansal.com/images/sub-banner-bg.jpg') no-repeat center bottom;}

#BannerInner .rslides li.banner1{background:url('http://www.drankurbansal.com/images/sub-banner-bg.jpg') no-repeat center bottom;}

#BannerInner .rslides li.banner2{background:url('http://www.drankurbansal.com/images/sub-banner-bg.jpg') no-repeat center bottom;}

#BannerInner .rslides li.banner3{background:url('http://www.drankurbansal.com/images/sub-banner-bg.jpg') no-repeat center bottom;}

#BannerInner .rslides li.banner4{background:url('http://www.drankurbansal.com/images/sub-banner-bg.jpg') no-repeat center bottom;}

#BannerInner .rslides li.banner5{background:url('http://www.drankurbansal.com/images/sub-banner-bg.jpg') no-repeat center bottom;}

#BannerInner .rslides li.banner6{background:url('http://www.drankurbansal.com/images/sub-banner-bg.jpg') no-repeat center bottom;}

#BannerInner .rslides li.banner7{background:url('http://www.drankurbansal.com/images/sub-banner-bg.jpg') no-repeat center bottom;}

#BannerInner .rslides li.banner8{background:url('http://www.drankurbansal.com/images/sub-banner-bg.jpg') no-repeat center bottom;}





#BannerInner .bannerTabs{bottom:10px;right:10%;position:absolute;z-index:999;}

#BannerInner .bannerTabs ul li{display: inline-block;}

#BannerInner .bannerTabs ul li a{width: 12px;height: 12px;border:  1px solid #000;display: inline-block;margin-right: 4px;border-radius: 50%}

#BannerInner .bannerTabs ul li.Banner_here a{width: 12px;height: 12px;background: #000; display: inline-block;margin-right: 4px;border-radius: 50%;}



#controls, #controls1, #controls2, #controls3{right:5%;bottom:10px;margin-top:0;position:absolute;z-index:999;width:93px;}

#controls li.prev, #controls1 li.prev, #controls2 li.prev, #controls3 li.prev{display:inline-block !important;position:relative}

#controls li.next, #controls1 li.next, #controls2 li.next, #controls3 li.next{display:inline-block !important;position:relative}

#controls li, #controls1 li, #controls2 li, #controls3 li{cursor:pointer;display:inline-block;padding:4px;background:none repeat scroll 0 0;background:transparent;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;text-indent:inherit !important;height:30px;width:30px;}

#controls li.pause, #controls1 li.pause, #controls2 li.pause, #controls3 li.pause{display:none;}

#controls li a, #controls1 li a, #controls2 li a, #controls3 li a{background:none !important;position:relative !important;top:auto !important;width:auto !important;right:auto !important;bottom:auto !important;left:auto !important;text-indent:inherit !important;}



/***Services**/

.services-section {	float: left;width: 100%;margin: 0px 0px 0px auto; background: #002366e0;padding: 40px 0px;}

.services-container{float: left; width:100%; margin:0px}

.services-container ul{position:relative; z-index: 9999;}

.services-container li {float: left;font: 300 17px/24px  'Roboto Condensed', sans-serif;list-style-type: none; text-align: center;	text-transform: uppercase;}

.services-container li a {display: block;margin: 0;text-align: center;padding: 110px 0px 20px;color: #fff;font: 700 17px/20px 'Roboto Condensed', sans-serif; text-transform: uppercase;}

.services1 a {background: url("http://www.drankurbansal.com/images/services1.png") no-repeat scroll center 0px;}

.services2 a {background: url("http://www.drankurbansal.com/images/services2.png") no-repeat scroll center 0px;}

.services3 a {background: url("http://www.drankurbansal.com/images/services3.png") no-repeat scroll center 0px;}

.services4 a {background: url("http://www.drankurbansal.com/images/services4.png") no-repeat scroll center 0px;}

.services5 a {background: url("http://www.drankurbansal.com/images/services5.png") no-repeat scroll center 0px;}

.services6 a {background: url("http://www.drankurbansal.com/images/services6.png") no-repeat scroll center 0px;}



.services1 a:hover {background: url("http://www.drankurbansal.com/images/services1-hover.png") no-repeat scroll center 0px;}

.services2 a:hover {background: url("http://www.drankurbansal.com/images/services2-hover.png") no-repeat scroll center 0px;}

.services3 a:hover {background: url("http://www.drankurbansal.com/images/services3-hover.png") no-repeat scroll center 0px;}

.services4 a:hover {background: url("http://www.drankurbansal.com/images/services4-hover.png") no-repeat scroll center 0px;}

.services5 a:hover {background: url("http://www.drankurbansal.com/images/services5-hover.png") no-repeat scroll center 0px;}

.services6 a:hover {background: url("http://www.drankurbansal.com/images/services6-hover.png") no-repeat scroll center 0px;}



.services-container .nbs-flexisel-nav-left, .services-container .nbs-flexisel-nav-right {cursor: pointer;height: 62px;position: absolute;width: 57px;z-index: 100;display: block;}

.services-container .nbs-flexisel-nav-left, .services-container .nbs-flexisel-nav-right{cursor:pointer;height:52px;position:absolute;width:52px;z-index:100;display: block}

.services-container .nbs-flexisel-nav-left {left: -37px;top: 43px !important;background: url(http://www.drankurbansal.com/images/priv1.png) no-repeat center center;}

.services-container .nbs-flexisel-nav-right {right: -37px;	top: 43px !important;	background: url(http://www.drankurbansal.com/images/next1.png) no-repeat center center;}



/*Banner Styes*/

#testimonial-sec{float:left; width:100%; background: #a7302b;     margin-bottom: -75px;}

.testimonial-container{float:left; width:100%; padding: 42px 50px}

#testimonial-sec .rslides li {	height: 432px;}

.testimonial-text{float: none; margin: 10px auto; width: 580px}

.testimonial-text p a {display: block;text-align: center;color: #fff;font: 700 30px/40px 'Roboto Condensed', sans-serif;background: url(http://www.drankurbansal.com/images/testimonial-li-bg.png) no-repeat center 88px;text-transform: uppercase;padding: 36px 0px 30px;}

.testimonial-text p{text-align: center;color: #fff;font:400 16px/23px 'Roboto Condensed', sans-serif;}

.testimonial-text p span {display: block;	font: 600 22px/28px 'Roboto Condensed', sans-serif;	color: #fff;	display: block;	margin: 0px 0px 15px 0px;}

.testimonial-text a.read-all {display: block;text-align: center;color: #fff;width: 171px;float: none;margin: 30px auto 10px;padding: 5px 10px 10px;background: #65388a;border: 1px solid #7955b3;font: 600 18px/28px 'Roboto Condensed', sans-serif;clear: both;}


/*** doctor***/

#obesity-section{float: left; margin:0px ; width: 100%;background: #002366e0;    padding: 45px 0px;}

.obesity-container{float: left; margin:0px ; width: 100%;}

.calculate-obesity {float: left;width: 575px;background: url(http://www.drankurbansal.com/img/background.png) no-repeat scroll center 0px;padding: 85px 0px 0px 41px;}

.calculate-obesity p a {	font: 700 26px/34px 'Roboto Condensed', sans-serif;text-transform: uppercase;color: #fff;margin: 0px 0px 20px 0px;display: block;}

.calculate-obesity img.obesity-img {float: right;margin: 40px -59px 38px 0;}

.obesity {float: right;width: 470px;padding: 0px 20px 0px 0px;}

.obesity a.obesity-read {color: #fff;display: block;margin: 34px 0px 10px;}

.obesity p a {font: 700 30px/34px 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 35px;
    display: block;
    margin: 0px 0px 30px 0px;}

.obesity p  {font: 400 16px/24px 'Roboto Condensed', sans-serif;color: #fff;}

.Candidate a {font: 400 22px/25px 'Roboto Condensed', sans-serif;color: #fff;display: block;padding: 5px 0px;}

.Candidate {margin: 10px 0px;}

.Candidate a span {font: 500 26px/26px 'Roboto Condensed', sans-serif;color: #fff;display: block;}

/*** patient-section ** */

#patient-section{float: left;left;margin: 0px 0px 25px;width: 100%;     text-transform: uppercase;}

.patient-container {float: left;margin: 0px auto;	width: 100%;	background: #fff;text-align: center;position: relative;}

.patient-container p a {font: 700 30px/35px 'Roboto Condensed', sans-serif;color: #262626;display: block;margin: 30px 0px 20px;}

.patient-container ul li{float: left; width: 33%; text-align: center; margin: 10px 0px; }

.patient-container ul li img	{margin: 0px 0px 10px 0px}

.patient-container ul li a {

	font: 400 16px/20px 'Roboto Condensed', sans-serif;

	color: #000;

	text-transform: initial;

}



/***resources-section****  */

#resources-section{float: left; padding:55px 0px 50px 0px; width: 100%;background:#f7f7f7; }

.resources-container{float: left; margin:0px ; width: 100%;}

.resources-container p a {display: block;text-align: left;font: 700 30px/35px 'Roboto Condensed', sans-serif;color: #262626;margin: 30px 0px 30px 19%;width: 130px;float: left;background: url('http://www.drankurbansal.com/images/resources-bg.png') no-repeat right 0px;text-transform: uppercase;}

.resources-container ul{width:60%; float: right; }

.resources-container li {float: left;font: 400 18px/24px 'Roboto Condensed', sans-serif;list-style-type: none;margin: 0px 0;width: 20%;text-align: center;	text-transform: uppercase;}

.resources-container li a {	display: block;	margin: 0;text-align: center;padding: 65px 0px 10px;color: #fff;font: 300 17px/20px 'Rubik', sans-serif;text-transform: initial;color: #4c4c4c;}

.resources-container li a:hover{color: #0073c8}

.resources-container li.resources1 a{background: url('http://www.drankurbansal.com/images/resources1.png') no-repeat center 0px;}

.resources-container li.resources2 a{background: url('http://www.drankurbansal.com/images/resources2.png') no-repeat center 0px;}

.resources-container li.resources3 a{background: url('http://www.drankurbansal.com/images/resources3.png') no-repeat center 0px;}

.resources-container li.resources4 a{background: url('http://www.drankurbansal.com/images/resources4.png') no-repeat center 0px;}

.resources-container li.resources1 a:hover{background:url('http://www.drankurbansal.com/images/resources1-hover.png') no-repeat center 0px;}

.resources-container li.resources2 a:hover{background:url('http://www.drankurbansal.com/images/resources2-hover.png') no-repeat center 0px;}

.resources-container li.resources3 a:hover{background:url('http://www.drankurbansal.com/images/resources3-hover.png') no-repeat center 0px;}

.resources-container li.resources4 a:hover{background:url('http://www.drankurbansal.com/images/resources4-hover.png') no-repeat center 0px;}





/*** patient-section ** */



/***location-section***/

#location-section{float: left; width: 100%; margin:0px;background: url(http://www.drankurbansal.com/images/location.jpg) center 0px no-repeat;	min-height: 457px; }

.location-container {float: left; margin:0px width:100%;}

#location-container ul#controls {	top: -136px;}

.locationTabs-wrap{float: none; width: 73%; margin:23px auto; }

.location-point {	float: left;margin: 0px;	width: 58%;	position: relative;	top: 47px;}

.location-point .rslides {min-height: 400px; z-index:9999999999999 !important;}

.location-point .rslides > li {position: relative;display: block;float: left;width: 80px;height: 80px;background: url('http://www.drankurbansal.com/images/location-point.png') no-repeat left center;	z-index: 999999999999999 !important;}

.location_one {position: relative !important;	top: 4px !important;	left: 401px !important;	display: block;}

.location_two {position: absolute !important;top: 177px !important;left: 265px !important;}

.location_three {position: absolute !important;top: 302px !important;left: 359px !important;}

#controls4 {	display: none}

.locationTabs-wrap {float: right;
    width: 480px;
    position: relative;margin: 0px;}

.locationTabs-wrap li{padding:0px 0px 0px 11px; background:url('http://www.drankurbansal.com/images/location-li-bg1.png') no-repeat left center; }

.locationTabs-wrap li:hover{padding:0px 0px 0px 11px; background:url('http://www.drankurbansal.com/images/location-li-bg1-hover.png') no-repeat left center; }

.locationTabs-wrap li a:hover{background:#159BFF ; }

.locationTabs-wrap li a {	background: #a7302b;	padding: 20px 20px 10px 68px;	text-align: left;	color: #fff;	width: 100%;	font: 400 14px/20px 'Rubik', sans-serif;min-height: 104px;	margin: 1px 0px 0px;	display: block !important;	clear: both !important;}

.locationTabs-wrap li a span{font: 500 18px/30px 'Roboto Condensed', sans-serif;}



/*Footer Styles*/

footer {float: left;width: 100%;padding: 0px 0px 0px 0px;border-top: 1px solid #ccc;}

#Footer .smo{display: block;width: 30%;float: right;text-align: center;}

.footer-container {float: left;width: 100%;padding: 0px 0px 0px 0px;margin: 25px 0px 0px 0px;}



#Footer .smo ul{display: inline-block;margin-left: 20px;}

#Footer .smo ul li {	margin: 11px 0px;}

#Footer .smo ul li a{display: block;width: 29px;height: 29px;}

#Footer .smo ul .fb a{background: url('http://www.drankurbansal.com/http://www.drankurbansal.com/images/smo-sprite.png') no-repeat center 0px;}

#Footer .smo ul .tw a{background: url('http://www.drankurbansal.com/http://www.drankurbansal.com/images/smo-sprite.png') no-repeat center -44px;}

#Footer .smo ul .li a{background: url('http://www.drankurbansal.com/http://www.drankurbansal.com/images/smo-sprite.png') no-repeat center -90px ;}

#Footer .smo ul .gp a{background: url('http://www.drankurbansal.com/http://www.drankurbansal.com/images/smo-sprite.png') no-repeat center -135px;}

#Footer .smo ul .yt a{background: url('http://www.drankurbansal.com/http://www.drankurbansal.com/images/smo-sprite.png') no-repeat center -185px;}

#Footer .copyrights{text-align: center;}

.footer-bootom{float:left; width:100%;    background: #002366e0;	float: left;	width: 100%;padding: 20px 0px;text-align: center; }

.copyrights {	display: block;	margin: 0px 0 0px 10px;	font: 400 16px/20px 'Roboto Condensed', sans-serif;color: #fff;float: left;width: 88%;text-align: left;}

.copyrights p{		font: 400 16px/20px 'Roboto Condensed', sans-serif;	color: #fff;}

.ypo{float: right; margin:20px 0px 0px}

.copyrights p{color:#fff;}



.footer-services {float: left; width: 30%; background: url('http://www.drankurbansal.com/images/footer-divider.png') no-repeat right center;}

.footer-menu{float: left; width: 40%; background: url('http://www.drankurbansal.com/images/footer-divider.png') no-repeat right center;}

.footer-menu a {	display: block;	text-align: left;	font: 400 16px/20px 'Roboto Condensed', sans-serif;	color: #353535;	margin: 5px 0px 5px 44%;}

.footer-menu p, #Footer .smo p {	font: 700 20px/30px 'Roboto Condensed', sans-serif;	text-align: center;	display: block;color: #353535;padding: 0px 0px 15px 0px;}

.footer-services p a {	font: 700 20px/30px 'Roboto Condensed', sans-serif;	text-align: left;	display: block;color: #353535; margin: 0px 0px 10px; }

.footer-services p{font: 600 20px/30px 'Roboto Condensed', sans-serif;	color: #353535;  margin: 4px 0px; }

.footer-services li a{display: block; font: 400 16px/20px 'Roboto Condensed', sans-serif;color: #353535; margin: 5px 0px; 	}

/* Main Content related css */

main{ position: relative; display: table; margin-bottom:30px; width: 100%; background-color: aliceblue; }

article{ float: left;   }

article h1{ font-size: 30px; line-height: 1.4; padding: 15px 0 0 0; color: #6637b0 !important; }

article h2{ font-size: 24px; line-height: 1.4; padding: 10px 0 0 0; color: #6637b0 !important; }

article h3{ font-size: 20px; line-height: 1.4; padding: 10px 0 0 0; color: #6637b0 !important;}

article p {

font-size: 16px;

line-height: 1.4;

padding: 15px 0 0 0;

text-align: left;

}

article a{ color: #005a98; font-weight: bold; }

article ul{ padding:15px 0 0 0; }

article h2 + p, article h3 + p, article h2 + img + p, article h3 + img + p, article h2 + ul, article h3 + ul{ padding:3px 0 0 0; }

article ul li{ padding:4px 0 4px 15px; font-size: 16px;  list-style:none; margin:0 0 0 18px;background: url('http://www.drankurbansal.com/images/list-bg1.png') no-repeat left 10px;line-height: 1.4;}

article ul ul{ margin:0px 0 5px 15px; }

article ul li {

padding: 4px 0 4px 15px;

font-size: 16px;

list-style: ;

margin: 0 0 0 18px;

line-height: 1.4;

text-align: left;

}



/* Pdf related css */

article li a[href$=".pdf"]{position: relative}

article li a[href$=".pdf"]:before { background: #fff;content: "\f1c1"; font-family: FontAwesome; font-size: 21px; display: inline-block; margin-left: -0.7em;width: 1.3em; color: #f00; }



/*sidebar styles*/

aside{ float: right;margin: 30px 0;position: relative}

#sidebar .patientResrcs {padding: 20px 0px 0px;margin: 0px 0px 0px 0px;}

#sidebar .patientResrcs .head {background: #0098d2;color: #fff;padding: 13px 0 11px;text-transform: uppercase;text-align: center;display: block;font: 700 24px/30px 'Roboto Condensed', sans-serif;}

#sidebar .patientResrcs .head a{color: #fff}

#sidebar .patientResrcs li{border-top: 1px solid #ccc;}

#sidebar .patientResrcs li a {color: #fff;padding: 0px 15px 0;text-align: left;display: block;font: 600 16px/51px 'Roboto Condensed', sans-serif;margin: 0px 0px;background: #01aef0;}

#sidebar .patientResrcs li a span{display: block; float: left; width: 60px; height:50px}

#sidebar .patientResrcs li.services1 a span{background: url('http://www.drankurbansal.com/images/sub-services-sprite.png') no-repeat 10px 10px;}

#sidebar .patientResrcs li.services2 a span{background:  url('http://www.drankurbansal.com/images/sub-services-sprite.png') no-repeat 10px -44px;}

#sidebar .patientResrcs li.services3 a span{background: url('http://www.drankurbansal.com/images/sub-services-sprite.png') no-repeat 10px -97px;}

#sidebar .patientResrcs li.services4 a span{background:  url('http://www.drankurbansal.com/images/sub-services-sprite.png') no-repeat 10px -150px;}

#sidebar .patientResrcs li.services5 a span{background: url('http://www.drankurbansal.com/images/sub-services-sprite.png') no-repeat 10px -202px;}

#sidebar .patientResrcs li.services6 a span{background:  url('http://www.drankurbansal.com/images/revisional-bariatric-surgery.png') no-repeat 10px 9px;}

#sidebar .patientResrcs li.services7 a span{background: url('http://www.drankurbansal.com/images/mini-gastric-bypass-th-new.png') no-repeat 10px 9px}

#sidebar .patientResrcs li.services8 a span{background:  url('http://www.drankurbansal.com/images/surgery-diabeties.png') no-repeat 10px 11px;}



#sidebar .patientResrcs li.services9 a span{background: url("http://www.drankurbansal.com/images/gastric-band-th.png") no-repeat scroll 10px 10px;}

#sidebar .patientResrcs li.services10 a span{background: url("http://www.drankurbansal.com/images/gastric-sleeve-th.png") no-repeat scroll 10px 10px;}





#sidebar .patientResrcs li a:hover {background:#9667bb ;}



.sidebar-dr-award{float: left; width: 100%; margin: 10px 0px}



#sidebar .sidebar-dr-award li{border-top: 1px solid #ccc;}

#sidebar .sidebar-dr-award li a {color: #fff;text-align: left;padding: 0px 0px 0;display: block;font: 600 16px/51px 'Roboto Condensed', sans-serif;margin: 0px 0px;background: #43acfa;}

#sidebar .sidebar-dr-award li a span{display: block; float: left; width: 40px; height:50px}

#sidebar .sidebar-dr-award li.sub-resource1 a span{background: url('http://www.drankurbansal.com/images/publication-sprite.png') no-repeat 10px 16px;}

#sidebar .sidebar-dr-award li.sub-resource2 a span{background:  url('http://www.drankurbansal.com/images/publication-sprite.png') no-repeat 10px -26px;}

#sidebar .sidebar-dr-award li.sub-resource3 a span{background: url('http://www.drankurbansal.com/images/publication-sprite.png') no-repeat 10px -68px;}

#sidebar .sidebar-dr-award li.sub-resource4 a span{background:  url('http://www.drankurbansal.com/images/publication-sprite.png') no-repeat 10px -108px;}

#sidebar .sidebar-dr-award li a:hover {background:#9667bb;}





/***sub-doctor***/

.sub-doctor{float: none; margin: 10px auto; width: 100%; text-align: center}

.sub-doctor-text {float: left;width: 100%;background: #9667bb;color: #003566;margin: -3px 0px 0px;position: relative;padding: 10px 0px 20px 0px;text-align: center;}

.sub-doctor-text p {font: 700 24px/45px 'Roboto Condensed', sans-serif;	color: #fff;	text-transform: uppercase;}

.sub-doctor-text span {font: 400 14px/29px 'Roboto Condensed', sans-serif;color: #fff;text-align: center;display: block;}

.sub-doctor-text a {font: 400 14px/26px 'Roboto Condensed', sans-serif; color: #fff;display: block;text-align: center}

/****sidebar-patient-resource***/

.sidebar-patient-resource{float: none; margin: 10px auto; width: 100%; }

.sidebar-patient-resource li {width: 100%;float: left;margin: 0px 0px;border-bottom: 1px solid #d2dadb;}

.sidebar-patient-resource li a {text-align: left;padding: 12px 0 15px 84px;display: block;font: 400 18px/22px 'Roboto Condensed', sans-serif; margin: 0px 0px;color: #000;background: #e7e7e7;}

.sidebar-patient-resource li a:hover {color: #0161a9;}

.sidebar-patient-resource li.sub-resource1 a {background: #e7e7e7 url('http://www.drankurbansal.com/images/sub-media-sprite.png') no-repeat 30px 10px;}

.sidebar-patient-resource li.sub-resource2 a{background:#e7e7e7  url('http://www.drankurbansal.com/images/sub-media-sprite.png') no-repeat 30px -36px;}

.sidebar-patient-resource li.sub-resource3 a{background:#e7e7e7  url('http://www.drankurbansal.com/images/sub-media-sprite.png') no-repeat 30px -87px;}

.sidebar-patient-resource li.sub-resource4 a {background:#e7e7e7  url('http://www.drankurbansal.com/images/sub-media-sprite.png') no-repeat 30px -138px;}



.sidebar-patient-resource li.sub-resource1 a:hover {background:#e7e7e7 url('http://www.drankurbansal.com/images/sub-media-sprite-hover.png') no-repeat 30px 10px;}

.sidebar-patient-resource li.sub-resource2 a:hover {background:#e7e7e7  url('http://www.drankurbansal.com/images/sub-media-sprite-hover.png') no-repeat 30px -36px;}

.sidebar-patient-resource li.sub-resource3 a:hover {background:#e7e7e7  url('http://www.drankurbansal.com/images/sub-media-sprite-hover.png') no-repeat 30px -87px;}

.sidebar-patient-resource li.sub-resource4 a:hover {background:#e7e7e7  url('http://www.drankurbansal.com/images/sub-media-sprite-hover.png') no-repeat 30px -138px;}



/****sub-patient-video***/

.sub-patient-video {	float: left;	width: 100%;}

.sub-patient-video p a {text-align: left;padding: 4px 0 10px 0px;display: block;margin: 0px 0px;color: #000;font: 700 10px/20px 'Old Standard TT', serif;text-align: center;margin: 123px 0px 9px 33px;position: absolute;text-transform: uppercase;}

.sub-patient-video a.more-videos {	display: block;	width: 138px;	float: none;	margin: 21px auto;	background: #ffd700;	color: #262626;font: 400 14px/26px 'Rubik', sans-serif;color: #000000;padding: 9px 14px;}

/* Breadcrumbs button related css */

.breadcrumbs {padding: 20px 0 0px 0;color: #004880;	font-size: 14px;	text-align: left;}

.breadcrumbs a {color: #424242; }

.breadcrumbs a:hover {color:#005a98;}



/* Testimonial button related css */

a.submitTestimonials {float: right;background: #004880;display: block;padding: 10px;color: #fff;text-align: center;}

a.submitTestimonials:hover {background: #000;}



/* Slider CSS */

.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}

.rslides > li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}

.rslides > li:first-child{position:relative;display:block;float:left;}

.rslides > img{display:block;height:auto;float:left;width:100%;border:0;}



/* Scrolling CSS */

#flexiselDemo{display:none;}

.nbs-flexisel-container{max-width:100%;position:relative;}

.nbs-flexisel-ul{list-style-type:none;margin:0;padding:0;position:relative;text-align:center;width:9999px;}

.nbs-flexisel-inner{float:none;overflow:hidden;width:95%;margin: 0 auto}

.nbs-flexisel-item{cursor:pointer;float:left;margin:0;padding:0;position:relative;}

.nbs-flexisel-item img{cursor:pointer;position:relative;}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{cursor:pointer;height:47px;position:absolute;width:23px;z-index:100;}

.nbs-flexisel-nav-left{left:0;top:10px!important;}

.nbs-flexisel-nav-right{height:80px;right:0; top:10px!important; width:40px; }



/* Back to Top/Bottom CSS */

#backtobot, #backtotop {cursor: pointer;right: 12px;position: fixed;z-index: 9999;width: 34px;height: 34px;  border: solid 2px #000; display: none; border-radius: 20px;font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;color: #fff;text-align: center;border-radius: 20px; z-index: 99; background: #fff; }

#backtotop {bottom: 10px;}

#backtotop a:before, #backtobot a:before {content: "\f077"; font-family: FontAwesome; font-size: 21px; display: inline-block; color: #f00; margin-top: 2px;  }

#backtobot a:before{content: "\f078"; margin-top: 4px;   }

#backtobot {bottom: 10px; }

#backtobot a, #backtotop a {display: block;color: #fff;opacity: 0.8;}



/*Accordion styles*/

.pane li {background: none;}

.accordion h2{background:#55aff1;cursor: pointer;margin-top: 10px;color: #000;padding: 10px;position: relative;clear: both;}

.accordion h2:after{position: absolute;content:''; right:10px;top: 22px;width: 9px;height: 9px;}

.accordion h2.current:after{position: absolute;content:''; right:10px;top: 22px;width: 9px;height: 9px;}

.accordion .pane{background:#1d5c8a;cursor: pointer;padding: 10px;box-sizing: border-box;border: 1px solid #55aff1;margin-bottom: 10px;display: none;float: left;width: 100%}

.accordion .pane *{color: #fff;}



/*Service list Styles*/

ul.service-list-design{float: left;width: 100%; margin-top:50px;}

ul.service-list-design li {background: #0098D2;box-sizing: border-box;display: table;float: left;height: 53px;margin: 0 2% 10px 0;position: relative;vertical-align: middle;width: 44%;padding: 0px 5px;}

ul.service-list-design.content-explore li{padding: 0px 5px 0px 80px;margin:0 4% 30px 0;}

ul.service-list-design li a {color: #fff;display: table-cell;font: 700 16px/20px verdana;height: 100%;padding: 0;text-align: left;vertical-align: middle;width: 100%;text-align: center;}

ul.service-list-design.content-explore li a{text-align: left;}

/*******   conditions and treatment background imgs *******/

ul.service-list-design li span{position:absolute; top:-4px;  left:-26px; border: 3px solid #141414; border:3px dashed #141414;border: 3px dotted #141414; border: 3px double #141414;  border: 3px groove #141414; border: 3px ridge #141414;  border: 3px inset  #141414; border: 3px outset   #141414; border-radius:50px; height:80px;width: 80px;overflow: hidden;transition:0.1s all linear;box-shadow: 0 0 0 transparent;z-index:999;}

ul.service-list-design li:hover span{transition:0.1s all linear;box-shadow: -5px 5px 10px #2C2C2C,0px -0px 1px #2C2C2C, 1px -1px 1px #2C2C2C, 2px -2px 1px #2C2C2C, 3px -3px 1px #2C2C2C, 4px -4px 1px #2C2C2C, 5px -5px 1px #2C2C2C, 6px -6px 1px #2C2C2C, 7px -7px 1px #2C2C2C, 8px -8px 1px #2C2C2C, 9px -9px 1px #2C2C2C, 10px -10px 2px #2C2C2C;top: 1px;left: -36px;border: 2px solid #2C2C2C;}

ul.service-list-design li span img{height: 100%;width: 100%;}

#loader{height:30px;width:30px;float:right;position:absolute;right:5px;top:10px;}

#dataAppend{position:absolute;top:60px;z-index:9999;padding:10px;box-sizing:border-box;background:#343434;color:#fff;transition:0.5s all linear;opacity:0;}

#dataAppend.transition{opacity:1;transition:0.5s all linear;}

.service-list-design li #dataAppend{left:0;}

.service-list-design li:nth-child(2n) #dataAppend{right:0;left:inherit;}

#dataAppend p{color:#fff;}

#dataAppend p a{width:auto;background:none;padding:0 2px;display:inline-block;margin-top:-1px;}

#dataAppend a.readmore{display:block;float:right;padding:10px;background:#ffc82f;color:#000;margin-right:10px;width:auto !important;height:auto !important;}

#dataAppend a.readmore:hover{box-shadow:2px 2px 5px #000;}





/*Usefull links Style*/

.usefull-links-banner{text-align:center}

.usefull-links-banner ul li{list-style:none;margin:0 2% 10px !important;width:43%;min-height:135px;float:left;border:2px solid #ffc82f;padding:10px 2% 0;border-radius:25px 0;line-height:18px;background:none !important;}

.usefull-links-banner ul li:before{display:none;}

.usefull-links-banner li span{display:block;height: 50px;}

.usefull-links-banner li img {height: 150px;}



/*Content image*/

.pageimg{float:right;width:40%;margin:0 0 10px 10px;}

.pageimg img{width:100%;border:2px solid #004880;}



/*Contact us design*/

.address{ float:left; padding:4% 0% 10px 8%; width:33%; line-height:22px; }

.map-icon{ float:right; padding:0px 0% 10px 0%; width:57%; text-align:center; }

.content .map-icon ul{ padding-left:0; }

.map-icon ul li{ float:left; margin-right:2%; margin-left:0; list-style:none !important; width:98%; background: none;}

.address-block, #connect-sblock {border: 1px solid #004880;width: 99.5%;margin: 0 auto;margin-bottom: 0px;float: left;color: #666666;text-align: left;}

.address-block{ color:#000; margin:20px 0; box-sizing: border-box;}

#connect-sblock{ background:#ccc; margin-bottom:15px;width: 100%;float: left; }

#connect-sblock ul li{ float: left; padding: 15px 0 20px 25px; width: 42%; list-style:none !important; color:#000; }

#connect-sblock ul li a{ color:#000; }

#connect-sblock ul li.phone{ background:url(http://www.drankurbansal.com/images/contact-icons.png) 0 -111px no-repeat; }

#connect-sblock ul li.fax{ background:url(http://www.drankurbansal.com/images/contact-icons.png) 0 16px no-repeat; }

#connect-sblock ul li.mail{ background:url(http://www.drankurbansal.com/images/contact-icons.png) 0 -48px no-repeat; }

#connect-sblock ul li.website{ background:url(http://www.drankurbansal.com/images/contact-icons.png) 0 -176px no-repeat; }

.address-block .form-heading, .formhead{ background: #004880; clear: both; color: #fff; font-size: 25px; margin: 0 auto 10px; padding: 5px 0 8px 10px; font-family: 'Work Sans', sans-serif;font-weight: 500;}

.address-block .form-heading a, .formhead a{color: #fff; font-size: 25px;  font-family: 'Work Sans', sans-serif;font-weight: 500;}

.address-block .form-heading a{ color:#fff; }



/*Joint Replacement*/

.joint{display:block;height:auto;float:left;width:100%;text-align:center;}

.joint li{border:1px solid #004880;border-radius:5px;display:inline-block;list-style:outside none none;margin:0 10px 15px 0!important;padding:0;width:375px;min-height:125px;vertical-align: top;background: none;}

.joint li:before{display:none;}

.joint li a{color:#111111;display:block;padding:35px 0 35px 215px;min-height:37px;text-align:left;line-height:1.2}

.joint li a:hover{color:#004880;text-decoration:none;}



ul.patient-forms2 li a {background: url(http://www.drankurbansal.com/images/ppt-icon.png) no-repeat 0 0px;	display: inline-block;	padding: 5px 0 5px 33px;}

ul.patient-forms2 li{padding: 0px; margin: 0px ; background:none;}

.news-img{float: right; margin:10px;}

.imgcon {	float: right;}

.border1 {border-bottom: solid 1px #ccc;width: 100%;	float: left;	margin: 10px 0;}

.thank-you-cards ul {margin: 10px 0 0;}

.thank-you-cards .pdf-version li {	float: none;	width: 42%;	display: inline-block;	text-align: center;border: 1px dashed #ccc;	padding: 10px;	color: #fff;	vertical-align: top;	min-height: 338px;background:none;margin:10px;}

.pre-post-images {	float: left;}

.pre-post-images li {	float: left;	margin-right: 20px;margin-top: 20px;	width: 36% !important;}

.thank-you-cards .pdf-version li a{background:none;}





.services-box{float:left; width:100%;}

.services-box li {	float: left;	width: 343px;	min-height: 355px;	margin: 1% 3% 1% 0px;	text-align: center;	padding: 25px 15px 20px 15px;	color: #fff;}

.services-box li h2{font: 700 17px/22px 'Roboto Condensed', sans-serif;text-transform: uppercase;margin:10px 0px;}

.services-box li p {	color: #fff;	text-align: center;}

.services-box li a {	color: #fff;font: 700 17px/22px 'Roboto Condensed', sans-serif;display: block;margin: 35px 0px 0px 0px;	text-transform: uppercase;}

.services-box li.services-box1, .services-box li.services-box3, .services-box li.services-box5, .services-box li.services-box7{background:url("http://www.drankurbansal.com/images/sub-services-bg.png") no-repeat scroll center 0px;}

.services-box li.services-box1:hover, .services-box li.services-box3:hover, .services-box li.services-box5:hover, .services-box li.services-box7:hover{background:url("http://www.drankurbansal.com/images/sub-services-bg-hover.png") no-repeat scroll center 0px;}

.services-box li.services-box2, .services-box li.services-box4, .services-box li.services-box6{background:url("http://www.drankurbansal.com/images/sub-services-bg-hover.png") no-repeat scroll center 0px;}

.services-box li.services-box2:hover, .services-box li.services-box4:hover, .services-box li.services-box6:hover{background:url("http://www.drankurbansal.com/images/sub-services-bg.png") no-repeat scroll center 0px;}





.bmi-form {float: left;width: 270px;text-align: center;color: #fff !important;background: #9667BB;}

.bmi-form p{width: 100%; text-align: center; background:#43acfa;}

.dr-pic {float:right; margin: 10px; background: #0098D2; }

.staff{float: left; width: 100%}

.staff li {	float: left;	width: 310px;	text-align: center;	margin: 10px;	background: none;	padding: 10px 0;	border: 1px solid #ccc;	min-height: 350px;}

.staff li p{		text-align: center;	}

/* Media Query For Different Screens */

iframe[src*=c-MTI4MTkxMy42]{height: 500px;width:100%}.tb-box {float: left;width: 100%;color: #ebebeb;font-size: 16px;margin: 15px;line-height: 20px;}

.tb-box1 {float: left;	width: 30%;	color: #000;}

.tb-box2 {	float: left;	width: 60%;	color: #000;}

.tb-box3 {	float: left;	width: 10%;	color: #000;}

ul.useful-links{float: left; width: 100%}

ul.useful-links li {float: left;width: 282px;margin: 10px;text-align: center;padding: 10px;color: #000;border: 1px solid #ccc;border-radius: 10px;background: #0098D2;min-height: 155px;}

form div label {font: 700 17px/22px 'Roboto Condensed', sans-serif;	float: left;	margin: 0px 0px 0px 0px;padding:5px 0px; text-transform: uppercase;}

form div span {padding:5px 0px;}

form div {	margin-bottom: 14px !important;	display: block;font: 700 17px/22px 'Roboto Condensed', sans-serif;text-transform: uppercase;}

.dey_bmi_calc input[type="text"] {border: 1px solid #CCCCCC;	width: 59px;	padding: 5px 10px;}

.table-fromate{float: left; width: 98%}



.videoBorder {border: 4px solid #333;margin: 15px auto;padding: 0 0;position: relative;width: 90%;}

.testimonial-sec ul.pagelet-posts li{background: none !important;padding: 0px 0px 10px !important;margin: 10px 0px !important;border-bottom: 1px dotted #000;float: left;}

.testimonial-sec ul.pagelet-posts li p.read-more a{display: block; padding: 5px;background:#0098D2;color: #fff; text-align: center; float: right; width: 100px }

a.testimonials {background: #0098D2;color: #ffffff;display: block;float: right;font: 16px/24px 'Roboto Condensed', sans-serif;margin-top: -100px;padding: 7px 10px;}





@media screen and (max-width : 1170px) {

.gridWrapper {width:100%;}

article {width: 65%;	margin: 0px 0px 0px 10px;}

.logo {	width: 33%;	padding: 6px 0% 9px 5px;}

.head-right {width: 66%;}

.home-testimonials {margin: 132px 0px 0px 10px !important;}

.banner-doctor-container {	width: 69%;margin: 59px 0px 0px 10px;}

.dr-fellowship-img{	width: 67%;	margin: 102px -195px 0px -202px !important;}

.home-testimonials-img {	width: 75%;	margin: 112px -195px 0px -281px;}

.home-testimonials p {width: 68%;}

.banner-doctor-container ul.dr-awards {	width: 60%;}

.services-container li a {	padding: 110px 0px 35px;}	

.calculate-obesity img.obesity-img {margin: 0px -153px 38px 0;}

.calculate-obesity {	width: 425px;padding: 40px 0px 0px 5px;}

.obesity {	width: 388px;}

.locationTabs-wrap {	width: 353px;top: 11px;}

.footer-services {width: 30%;margin: 0px 0px 0px 10px;}

.footer-menu {width: 36%}

.nbs-flexisel-inner {width: 92%;}

.services-container .nbs-flexisel-nav-right {	display: none}

.services-container .nbs-flexisel-nav-left {	display: none}

.bannerHead span {	font-size: 35px;}

.location-point {	width: 612px;}

#location-section {background: url(http://www.drankurbansal.com/images/location.jpg) -465px 0px no-repeat;}

#BannerInner .bannerContent-dr {left: 2%;	width: 97%;}

.menu > li > a {

	padding: 10px 16px;

}

.videoBorder {	height: 370px;}

}

@media screen and (max-width : 1023px) {

.nbs-flexisel-container {max-width: 95%;margin: 0 auto;}

iframe[src*=c-MTI4MTkxMy42]{height: 436px;}	

article {	width: 63%;}

.dr-fellowship-img {	width: 69%;	margin: 42px -195px 0px -205px;}

.videoBorder {height: 344px;}

}

@media screen and (max-width : 975px) {

iframe[src*=c-MTI4MTkxMy42]{height: 400px;}

.mid {padding: 6px;width: 30%;}

.head-container {	padding: 5px 0px 30px 0px;}

.logo {padding: 0px 9px 0px;width: 300px;float: none;margin: 10px auto;}

.head-right {width: 100%;}

.banner-doctor-container {margin: 84px 0px 0px 10px;}

.banner-doctor-container-img {width: 81%;margin: 34px -195px 0px -208px;}

.banner-doctor-container ul.profile-li li {	font: 400 16px/15px 'Roboto Condensed', sans-serif;height: 40px !important;	margin: 0px 0px 0px;}

.banner-doctor-container ul.dr-awards {width: 85%;}

.banner-doctor-container a.view {margin: 0px 0px 0px 10px;}

.banner-doctor-container p span {font: 700 31px/44px 'Roboto Condensed', sans-serif;}

.calculate-obesity {	width: 88%;	float: none;	margin: 10px auto;	clear: both !important;background:none;}

.calculate-obesity img.obesity-img {margin: -80px 0 38px -4px;	width: 43%;	float: left;}

.obesity {width: 65%;	float: none;	margin: 10px auto;	padding: 0px;	clear: both;}

.resources-container p a {	margin: 30px 0px 30px 2%;}

.resources-container ul {width: 76%;}

.services-container .nbs-flexisel-nav-right {right: -16px;}

.services-container .nbs-flexisel-nav-left {	left: -16px;}

.footer-services, .footer-menu{	width: 36%;}

#Footer .smo {width: 25%;}

article {	width: 97%;}

aside {float: none;margin: 25px auto;position: relative;clear: both;padding: 20px 0px;}

.location-point {	width: 280px;}

.location_one {	left: 172px !important;}

.location_two {left: 36px !important;}

.location_three {left: 130px !important;}

#location-section {background: url(http://www.drankurbansal.com/images/location.jpg) -694px 0px no-repeat;}

#BannerInner .bannerContent-dr img {	width: 50%;	margin: 73px 0px 0px;}	

#BannerInner .bannerContent-dr span {font-size: 26px;}

.menu > li > a {	padding: 10px 4px;}

.banner-doctor-container ul.profile-li {	display: none;}

.home-testimonials-img img{width: 63%}

.patient-service {float: left;}

.banner-doctor-container-img {width: 75%;margin: 129px -195px 0px -208px;}

.banner-doctor-container p span {	margin: 0px 0px 4px 0px;}

.bmi-form {	float: left;}

#BannerInner .bannerContent img {	float: right;	margin: 91px 0px 0px;	width: 68%;}

.videoBorder {height: 411px;}

.tb-box {width: 97%;}

}



@media screen and (max-width : 767px) {

article{width: 98%;margin: 0 auto;float: none;}

aside{clear: both;float: none;margin: 0 auto;}

.dfw-off{position: relative !Important}

iframe[src*=c-MTI4MTkxMy42]{height: 437px;}

#Banner .bannerContent {	top: 36%;	width: 54%;}

#Banner .rslides li {	height: 640px;}

.banner-doctor-container {	margin: 63px 0px 0px 10px;}

.banner-doctor-container-img {width: 98%;margin: 129px -195px 0px -249px !important;}

.banner-doctor-container p span {	font: 700 31px/44px 'Roboto Condensed', sans-serif;}

.banner-doctor-container ul.profile-li {display: none;}

.banner-doctor-container ul.dr-awards {width: 92%;}

.home-testimonials-img {width: 84% !important;;margin: 112px -195px 0px -249px !important;}

.services-container li a {font: 700 16px/20px 'Roboto Condensed', sans-serif;}

#testimonial-sec {	background: #a7302b;}

#obesity-section {	padding: 20px 0px;}

.patient-container ul li, .resources-container li  {width: 25%;}

.footer-services {width: 39%;}

.footer-menu {	width: 30%;}

.footer-menu a {margin: 5px 0px 5px 12%;}

.services-box li {	float: none;width: 343px;	margin: 10px auto;	}

#BannerInner .bannerContent-dr img {margin: 72px 0px 0px;}

#BannerInner .bannerContent-dr span {margin: 101px 0px 0px 0px;	font-size: 21px;}

#BannerInner .bannerContent img {	float: right;	margin: 91px 0px 0px;	width: 57%;}

#BannerInner .bannerContent .bannerHead span {font-size:20px}

#BannerInner .rslides li {height: 361px;}

#BannerInner .bannerContent-dr, #BannerInner .bannerContent {	width: 95%;}



nav {display: none;}

/* Mobile Menu */



#mobileMenu {

display: block;clear: both;position: relative;z-index: 9999999999999999999;}



.wrapper { display: block;position: absolute;z-index: 999999999;left: 0px;width: 100%;display: none;background: #43acfa;}

/* Menu CSS */ 

.menuText {text-align: center;padding: 0px;color: #fff;font: normal 20px Verdana, Arial, Helvetica, sans-serif; line-height:2; background: #015BAF}

.menuText a {color: #fff;display: block;}

.parentMenu {font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;color: #fff;}

.parentMenu li{ position: relative;padding: 0 !important;width: 100% !important;float:left }

.parentMenu li a {padding: 10px 10px 10px 20px;color: #fff;display: block;border-bottom:1px solid #747474;text-align: left}

.parentMenu li ul {display: none;}

.parentMenu li li a {padding: 10px 10px 10px 40px;background: #015baf;}

.parentMenu li li li a {padding: 10px 10px 10px 60px;background: #015baf;}

.parentMenu li a:before{content: "\f105"; font-family: FontAwesome; font-size:14px; display: inline-block; margin-left:-12px;width: 1.3em; color: #fff; position: absolute; top: 9px; }

.parentMenu li a:before{content: "\f105"; font-family: FontAwesome; font-size:14px; display: inline-block; margin-left:-12px;width: 1.3em; color: #fff; position: absolute; top: 9px; }

a.level1Menu:after{content: "\f105"; font-family: FontAwesome; font-size:14px; display: inline-block; margin-left:-12px;width: 1.3em; color: #fff; position: absolute; top: 9px; right: 0; }

a.level1Menu:hover:after{content: "\f107"; font-family: FontAwesome; font-size:14px; display: inline-block; margin-left:-12px;width: 1.3em; color: #fff; position: absolute; top: 9px; right: 0; }    

.videoBorder {height: 347px;}

}

@media screen and (max-width : 639px) {

iframe[src*=c-MTI4MTkxMy42]{height: 350px;}

.dr-pic {float: none;margin: 10px;width: 280px;margin: 10px auto;display: block;}

.services-container ul {	z-index: 99;}



.banner {margin: 0px 0px 0px;}

.bannerHead-dr, .calculate-obesity img.obesity-img{display: none;}

.calculate-obesity {width: 285px;float: none;margin: 10px auto;padding: 20px 15px;}

.patient-container ul li, .resources-container li {width: 49%;}

.resources-container ul {width: 69%;}

.head-container {	padding: 5px 0px 0px 0px;}

ul.contact-info li {	float: left;	margin: 5px 9px;}

.testimonial-text {	width: 100%;}

#testimonial-sec .rslides li {height: 450px;}

ul.contact-info li.appointments {font: 400 15px/24px 'Roboto Condensed', sans-serif;	text-align: left;}

#Banner .bannerContent .bannerHead,#BannerInner .bannerContent .bannerHead{display: none}



#Banner .rslides li.banner0 {	background: url('http://www.drankurbansal.com/images/ankur_bansal.png') no-repeat center top / 100% !important;}

#Banner .rslides li.banner1{background:url('http://www.drankurbansal.com/images/home-banner-new3.png')no-repeat center top / 100% !important;}

#Banner .rslides li.banner2{background:url('http://www.drankurbansal.com/images/home-banner-new4.png')no-repeat center top / 100% !important;}

#Banner .rslides li.banner3{background:url('http://www.drankurbansal.com/images/home-banner-new5.png')no-repeat center top / 100% !important;}

#Banner .rslides li.banner4{background:url('http://www.drankurbansal.com/images/prof-siba-senapati-fellowsh.png')no-repeat top / 100% !important;}

#Banner .rslides li.banner5{background:url('http://www.drankurbansal.com/images/home-banner-new6.png') no-repeat center top / 100% !important;}

#Banner .rslides li.banner6{background:url('http://www.drankurbansal.com/images/home-banner-new7.png')no-repeat center top / 100% !important;}

#Banner .rslides li.banner7{background:url('http://www.drankurbansal.com/images/home-banner-new8.png')no-repeat center top / 100% !important;}

#Banner .rslides li.banner8{background:url('http://www.drankurbansal.com/images/home-banner-new9.png')no-repeat center top / 100% !important;}

#Banner .rslides li {height: 284px;}

.gridWrapper ul#controls {

	top: -33px;

	z-index: 11;

}

#BannerInner .rslides li.banner0{background:url('http://www.drankurbansal.com/images/prof-siba-senapati-sub.png') no-repeat center center;}

#BannerInner .rslides li.banner1{background:url('http://www.drankurbansal.com/images/sub-banner1.png') no-repeat center center;}

#BannerInner .rslides li.banner2{background:url('http://www.drankurbansal.com/images/sub-banner2.png') no-repeat center center/ 98% !important}

#BannerInner .rslides li.banner3{background:url('http://www.drankurbansal.com/images/sub-banner3.png') no-repeat center center/ 98% !important}

#BannerInner .rslides li.banner4{background:url('http://www.drankurbansal.com/images/sub-banner4.png') no-repeat center center/ 98% !important}

#BannerInner .rslides li.banner5{background:url('http://www.drankurbansal.com/images/sub-banner5.png') no-repeat center center/ 98% !important}

#BannerInner .rslides li.banner6{background:url('http://www.drankurbansal.com/images/sub-banner6.png') no-repeat center center/ 98% !important}

#BannerInner .rslides li.banner7{background:url('http://www.drankurbansal.com/images/sub-banner7.png') no-repeat center center/ 98% !important}

#BannerInner .rslides li.banner8{background:url('http://www.drankurbansal.com/images/sub-banner8.png') no-repeat center center/ 98% !important}



.videoBorder {height: 267px;}

#Banner li,#BannerInner li{background-size: cover !important;}

.locationTabs-wrap li {width: 50%;}

.services-container li {margin: 0px 3px;width: 46%;}

.services-container li a {padding: 200px 0px 23px;}

.services-container {padding:20px 0px 10px;background: #015BAF;}

.locationTabs-wrap {width: 302px;right: 20%;}

.locationTabs-wrap li a {	padding: 20px 20px 10px 22px;}

#Footer{text-align: center;}

.footer-services, .footer-menu, #Footer .smo {width: 280px;float: none;margin: 16px auto;background: none;display: inline-block;}

.footer-services a, .footer-menu a, #Footer .smo a,.footer-services p a,.footer-menu p{text-align: center}

#Footer .smo ul li {display: inline-block}

.services-container .nbs-flexisel-nav-left, .services-container .nbs-flexisel-nav-right, .bannerContent-dr{	display: none;}

.footer-menu a {margin: 5px 0px 5px 0;}

#location-section, .location-container {	background: none;}

#mobile-loaction{float: left; width: 100%; margin:10px; display: block;}

.locationTabs {	top: 44px;	padding: 0px 0px 20px 0px;}

.locationTabs-wrap li {width: 100% !important;margin:2px 0px;}

.locationTabs li a {padding: 26px 20px;width: 100%;min-height: 127px;margin: 5px 0px 0px;}

.locationTabs li:last-child {border-left: 3px solid #347cbf;}

#resources-section {margin: 0px 0px 0px 0px;}

footer,#obesity-section {padding: 0px 0px 0px 0px;}

.resources-container p a {background: none;margin: 30px 0 30px 0;display: block;text-align: center;width: 100%;}

.resources-container ul{width: 100%}

#resources-section{padding: 0px 0px 20px 0px;}

.testimonial-container{padding: 0 40px}

.location-point {	display: none;}

#BannerInner .bannerContent-dr span {font-size: 25px;}

#BannerInner .bannerContent-dr img {width: 47%;}

#BannerInner .bannerContent-dr {	padding: 119px 0px 0px 0px;}

ul.service-list-design li {float: none;	margin: 10px auto;width: 300px;}

.tb-box2 {	width: 56%;}

.tb-box1 {	width: 28%;}

.thank-you-cards .pdf-version li {	width: 300px;}

#connect-sblock ul li {width: 90%;}

#BannerInner .bannerContent-dr, #BannerInner .bannerContent {	display: none;}

}

@media screen and (max-width : 479px) {

.pageimg{float: none;clear: both;width: 80%;margin: 0 auto;}

a.submitTestimonials{float: none;clear: both;width: 80%;margin: 0 auto;}

iframe[src*=c-MTI4MTkxMy42]{height: 300px;}

.address {width: 100%;text-align: center;padding: 10px 0}

    .map-icon{width: 100%}

    .map-icon p{text-align: center}

.nbs-flexisel-nav-right{right: 0}

.nbs-flexisel-nav-left{left: 0}

.nbs-flexisel-inner{width: 95%;float: none;margin: 0 auto}

.testimonial-container {	width: 100%;	padding: 0 0;}

.testimonial-text p a {font: 700 25px/40px 'Roboto Condensed', sans-serif;background: url(http://www.drankurbansal.com/images/testimonial-li-bg.png) no-repeat center 57px;padding: 12px 0px 22px;}

.testimonial-text p span {	font: 600 18px/25px 'Roboto Condensed', sans-serif;}

.obesity {width: 90%;}

.patient-container p a {font: 700 23px/35px 'Roboto Condensed', sans-serif;}

.resources-container p a {margin: 15px 0px;	width: 100%;	text-align: center;}

.resources-container ul {width: 100%;}

.resources-container li {width: 49%;margin: 13px 0px;}

#resources-section {	padding: 0}

.locationTabs-wrap {right: 1%;}

.services-box li {	width: 309px;}

.services-box li a {	margin: 15px 0px 0px 0px;}

.tb-box {margin: 15px 0px;}

.head-right ul {width: 100%;	float: left; 	margin:10px auto;}

.gridWrapper ul#controls {top: -29px;z-index: 11;}

#Banner .rslides li {height: 193px;}

.videoBorder {height: 212px;}

.tb-box {font-size: 14px;}

.tb-box {width: 85%;}

.table-fromate h2 {	font-size: 18px !important;}

.tb-box1 {width: 34%;}

.patient-container ul li a {font: 400 13px/18px 'Roboto Condensed', sans-serif;}

}

@media screen and (max-width:310px) {

iframe[src*=c-MTI4MTkxMy42]{height: 225px;}

.services-box li{width: 98%}

}

/* Final overrides: homepage patient success stories */
#testimonial-sec { float: none; width: 100%; margin: 0; padding: 0; background: linear-gradient(135deg, #8f2728, #bd3631); border-bottom: 0; }
#testimonial-sec .testimonial-container { float: none; width: 100%; padding: 52px 30px; }
#testimonial-sec .rslides li { height: auto; min-height: 330px; }
#testimonial-sec .testimonial-text { width: min(720px, 100%); margin: 0 auto; padding: 0 10px; text-align: center; }
#testimonial-sec .testimonial-title { margin: 0 0 27px; padding: 0; }
#testimonial-sec .testimonial-title a { display: inline-block; padding: 0 0 10px; background: none; border-bottom: 2px solid rgba(255,255,255,.9); color: #fff; font: 700 30px/1.15 'Rubik', sans-serif; letter-spacing: .2px; text-transform: uppercase; }
#testimonial-sec .testimonial-quote { position: relative; max-width: 650px; margin: 0 auto; padding: 15px 26px; color: #fff; font: 400 17px/1.65 'Rubik', sans-serif; }
#testimonial-sec .testimonial-quote::before { content: '\201C'; position: absolute; top: -20px; left: -5px; color: rgba(255,255,255,.35); font: 700 76px/1 Georgia, serif; }
#testimonial-sec .testimonial-author { margin: 17px 0 0; padding: 0; }
#testimonial-sec .testimonial-author span { display: inline-block; margin: 0; color: #fff; font: 700 21px/1.35 'Roboto Condensed', sans-serif; }
#testimonial-sec .testimonial-author span::before { content: '— '; color: #ffd2cf; }
#testimonial-sec .testimonial-text a.read-all { display: inline-flex; align-items: center; gap: 9px; width: auto; float: none; clear: none; margin: 26px auto 0; padding: 12px 17px; border: 1px solid rgba(255,255,255,.8); border-radius: 3px; background: #fff; color: var(--brand); font: 700 12px/1 'Rubik', sans-serif; letter-spacing: .3px; text-transform: uppercase; }
#testimonial-sec .testimonial-text a.read-all:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
@media screen and (max-width: 767px) {
  #testimonial-sec .testimonial-container { padding: 40px 16px; }
  #testimonial-sec .rslides li { min-height: 350px; }
  #testimonial-sec .testimonial-title a { font-size: 23px; }
  #testimonial-sec .testimonial-quote { padding: 14px 19px; font-size: 15px; }
}

/* Homepage services and doctor introduction */
.services-section { float: none; margin: 0; padding: 52px 0; background: #f4f7fb; }
.services-container { float: none; margin: 0; }
.services-container li { padding: 10px; text-align: center; }
.services-container li a { min-height: 190px; margin: 0; padding: 27px 15px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; border: 1px solid #e1e7ed; border-radius: 7px; background: #fff; box-shadow: 0 7px 18px rgba(25, 47, 70, .09); color: var(--ink); font: 700 15px/1.35 'Rubik', sans-serif; text-transform: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.services-container li a:hover { transform: translateY(-6px); background: var(--brand); border-color: var(--brand); box-shadow: 0 13px 25px rgba(114, 31, 37, .22); color: #fff; }
.services-container li a img { width: 60px; height: 60px; object-fit: contain; }
.services-container li a:hover img { filter: brightness(0) invert(1); }
.services-container .nbs-flexisel-nav-left, .services-container .nbs-flexisel-nav-right { top: 76px !important; }

#obesity-section.doctor-introduction { float: none; margin: 0; padding: 66px 0; background: linear-gradient(120deg, #172c43, #294c71); }
#obesity-section .obesity-container { float: none; display: grid; grid-template-columns: minmax(230px, 390px) minmax(0, 590px); align-items: center; justify-content: center; gap: 75px; }
#obesity-section .calculate-obesity { float: none; width: auto; padding: 0; background: none; text-align: center; }
#obesity-section .calculate-obesity .obesity-img { float: none; width: min(290px, 100%); margin: 0; border: 8px solid rgba(255,255,255,.22) !important; border-radius: 50%; box-shadow: 0 14px 30px rgba(0,0,0,.28); }
#obesity-section .obesity { float: none; width: auto; padding: 0; }
#obesity-section .doctor-name { padding: 0; margin: 0 0 7px; }
#obesity-section .doctor-name a { display: inline-block; margin: 0; color: #fff; font: 700 33px/1.15 'Roboto Condensed', sans-serif; text-transform: none; }
#obesity-section .Candidate { margin-bottom: 16px; color: #dce8f4; font: 500 14px/1.65 'Rubik', sans-serif; }
#obesity-section .doctor-speciality { margin: 0 0 16px; padding: 0; color: #f7c7c2; font: 700 17px/1.45 'Rubik', sans-serif; }
#obesity-section .doctor-summary { max-width: 560px; margin: 0; padding: 0; color: #e7eff7; font: 400 15px/1.75 'Rubik', sans-serif; }
#obesity-section .obesity a.obesity-read { display: inline-flex; align-items: center; gap: 9px; margin: 27px 0 0; padding: 13px 18px; border-radius: 3px; background: var(--brand); color: #fff; font: 700 12px/1 'Rubik', sans-serif; letter-spacing: .3px; text-transform: uppercase; }
#obesity-section .obesity a.obesity-read:hover { background: #c3433d; }

@media screen and (max-width: 767px) {
  .services-section { padding: 30px 0; }
  .services-container li a { min-height: 160px; padding: 20px 12px; }
  .services-container li a img { width: 52px; height: 52px; }
  #obesity-section.doctor-introduction { padding: 45px 0; }
  #obesity-section .obesity-container { grid-template-columns: 1fr; gap: 30px; }
  #obesity-section .calculate-obesity .obesity-img { width: 215px; }
  #obesity-section .obesity { text-align: center; }
  #obesity-section .doctor-name a { font-size: 28px; }
  #obesity-section .doctor-summary { margin-left: auto; margin-right: auto; }
}

/* Keep the original testimonial-to-video overlap; polish only the review content. */
#testimonial-sec { float: left; height: 300px; margin: 0 0 -75px; overflow: visible; position: relative; z-index: 1; background: linear-gradient(110deg, #a7302b, #b53430); }
#testimonial-sec .testimonial-container { height: 300px; padding: 30px 24px; }
#testimonial-sec .rslides { height: 240px; }
#testimonial-sec .rslides li { height: 240px; min-height: 0; }
#testimonial-sec .testimonial-text { max-width: 590px; padding: 0 16px; }
#testimonial-sec .testimonial-title { margin: 0 0 13px; }
#testimonial-sec .testimonial-title a { padding: 0 0 7px; font-size: 19px; line-height: 1.2; letter-spacing: .3px; }
#testimonial-sec .testimonial-quote { max-width: 540px; padding: 8px 23px; font-size: 13px; line-height: 1.48; }
#testimonial-sec .testimonial-quote::before { top: -16px; left: 0; font-size: 54px; }
#testimonial-sec .testimonial-author { margin-top: 8px; }
#testimonial-sec .testimonial-author span { font-size: 16px; }
#testimonial-sec .testimonial-text a.read-all { margin-top: 16px; padding: 9px 13px; font-size: 10px; }

@media screen and (max-width: 767px) {
  #testimonial-sec { float: none; height: auto; margin: 0; }
  #testimonial-sec .testimonial-container { height: auto; padding: 35px 16px; }
  #testimonial-sec .rslides, #testimonial-sec .rslides li { height: 285px; }
  #testimonial-sec .testimonial-title a { font-size: 18px; }
  #testimonial-sec .testimonial-quote { font-size: 14px; line-height: 1.55; }
}

/* Patient education videos overlap the testimonial background on desktop. */
@media screen and (min-width: 768px) {
  #patient-section { float: none; position: relative; z-index: 2; margin: -20px 0 30px; }
  #patient-section .gridWrapper { max-width: 900px; padding: 0 18px; background: #fff; box-shadow: 0 10px 28px rgba(20, 37, 56, .14); }
  #patient-section .patient-container { float: none; padding: 13px 8px 20px; }
  #patient-section .patient-container p a { margin: 0 0 14px; font-size: 18px; line-height: 1.25; }
  #patient-section .patient-container ul { display: flex; align-items: flex-start; }
  #patient-section .patient-container ul li { width: 33.333%; margin: 0; padding: 0 3px; }
  #patient-section .patient-container iframe { width: 100% !important; height: 150px !important; }
  #patient-section .patient-container ul li span { display: block; padding: 6px 5px 0; font-size: 9px; line-height: 1.35; }
}

/* Separate News & Media gallery and video collections. */
#resources-section { float: none; width: 100%; padding: 65px 0; background: #f4f7fb; }
#resources-section .resources-container { float: none; }
.media-section-title { margin: 0 0 35px; color: var(--ink); font: 700 30px/1.2 'Roboto Condensed', sans-serif; text-align: center; text-transform: uppercase; }
.media-block { max-width: 1120px; margin: 0 auto 48px; padding: 28px; border: 1px solid #e0e7ee; border-radius: 7px; background: #fff; box-shadow: 0 8px 22px rgba(25, 47, 70, .07); }
.media-block:last-child { margin-bottom: 0; }
.media-block-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 21px; }
.media-block-heading span { display: block; margin-bottom: 4px; color: var(--brand); font: 700 11px/1.2 'Rubik', sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.media-block-heading h3 { margin: 0; color: var(--ink); font: 700 23px/1.2 'Roboto Condensed', sans-serif; }
.media-image-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr; grid-template-rows: repeat(2, 145px); gap: 12px; }
.media-image-card { position: relative; overflow: hidden; display: block; border-radius: 4px; background: var(--ink); }
.media-image-card:first-child { grid-row: 1 / span 2; }
.media-image-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease, opacity .3s ease; }
.media-image-card span { position: absolute; right: 0; bottom: 0; left: 0; padding: 24px 12px 10px; background: linear-gradient(transparent, rgba(10,25,40,.82)); color: #fff; font: 700 12px/1.2 'Rubik', sans-serif; }
.media-image-card:hover img { transform: scale(1.06); opacity: .83; }
.media-video-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.media-video-grid article { overflow: hidden; border: 1px solid #e1e7ed; border-radius: 4px; background: #f8fafc; }
.media-video-grid iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.media-video-grid p { margin: 0; padding: 11px 12px; color: #31465d; font: 600 12px/1.35 'Rubik', sans-serif; text-align: center; }

@media screen and (max-width: 767px) {
  #resources-section { padding: 42px 0; }
  .media-section-title { margin-bottom: 25px; font-size: 25px; }
  .media-block { margin-bottom: 28px; padding: 18px; }
  .media-block-heading { align-items: start; flex-direction: column; gap: 10px; }
  .media-block-heading h3 { font-size: 20px; }
  .media-image-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 170px 120px 120px; gap: 8px; }
  .media-image-card:first-child { grid-column: 1 / -1; grid-row: auto; }
  .media-video-grid { grid-template-columns: 1fr; gap: 13px; }
}

/* Standalone homepage Gallery preview. */
.gallery-preview-section { padding: 68px 0; background: #fff; }
.gallery-preview-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; max-width: 1120px; margin: 0 auto 26px; }
.gallery-preview-heading span { display: block; margin-bottom: 6px; color: var(--brand); font: 700 11px/1.2 'Rubik', sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.gallery-preview-heading h2 { margin: 0; color: var(--ink); font: 700 31px/1.15 'Roboto Condensed', sans-serif; }
.gallery-preview-heading > a { display: inline-flex; align-items: center; gap: 8px; padding: 12px 15px; border: 1px solid var(--brand); border-radius: 3px; color: var(--brand); font: 700 12px/1 'Rubik', sans-serif; letter-spacing: .3px; text-transform: uppercase; white-space: nowrap; }
.gallery-preview-heading > a:hover { background: var(--brand); color: #fff; }
.gallery-preview-grid { display: grid; grid-template-columns: 1.7fr repeat(2, 1fr); grid-template-rows: repeat(2, 165px); gap: 12px; max-width: 1120px; margin: 0 auto; }
.gallery-preview-item { position: relative; display: block; overflow: hidden; border-radius: 5px; background: #172c43; }
.gallery-preview-item.gallery-preview-featured { grid-row: 1 / span 2; }
.gallery-preview-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease, opacity .35s ease; }
.gallery-preview-item:hover img { transform: scale(1.07); opacity: .84; }
.gallery-preview-item span { position: absolute; right: 0; bottom: 0; left: 0; padding: 42px 16px 13px; background: linear-gradient(transparent, rgba(12,26,40,.84)); color: #fff; font: 700 15px/1.2 'Rubik', sans-serif; }

@media screen and (max-width: 767px) {
  .gallery-preview-section { padding: 45px 0; }
  .gallery-preview-heading { align-items: start; flex-direction: column; gap: 16px; margin-bottom: 20px; }
  .gallery-preview-heading h2 { font-size: 27px; }
  .gallery-preview-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 190px 115px 115px; gap: 8px; }
  .gallery-preview-item.gallery-preview-featured { grid-column: 1 / -1; grid-row: auto; }
}

/* Homepage FAQ */
.faq-section { padding: 70px 0; background: #fff; }
.faq-layout { display: grid; grid-template-columns: minmax(250px, .8fr) minmax(0, 1.35fr); gap: 75px; align-items: start; max-width: 1080px; margin: 0 auto; }
.faq-intro > span { display: block; margin-bottom: 8px; color: var(--brand); font: 700 11px/1.2 'Rubik', sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.faq-intro h2 { margin: 0 0 14px; color: var(--ink); font: 700 34px/1.15 'Roboto Condensed', sans-serif; }
.faq-intro p { color: #5e6d7e; font: 400 15px/1.7 'Rubik', sans-serif; }
.faq-intro > a { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; padding: 12px 16px; background: var(--brand); border-radius: 3px; color: #fff; font: 700 12px/1 'Rubik', sans-serif; letter-spacing: .3px; text-transform: uppercase; }
.faq-intro > a:hover { background: #c3433d; color: #fff; }
.faq-list { border-top: 1px solid #dde4eb; }
.faq-list details { border-bottom: 1px solid #dde4eb; }
.faq-list summary { position: relative; padding: 18px 38px 18px 2px; color: #223950; cursor: pointer; font: 700 15px/1.4 'Rubik', sans-serif; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: '+'; position: absolute; top: 13px; right: 4px; width: 25px; height: 25px; border-radius: 50%; background: #f1f4f7; color: var(--brand); font: 400 23px/23px Arial, sans-serif; text-align: center; }
.faq-list details[open] summary { color: var(--brand); }
.faq-list details[open] summary::after { content: '−'; background: var(--brand); color: #fff; }
.faq-list details p { margin: -3px 38px 18px 2px; color: #617082; font: 400 14px/1.65 'Rubik', sans-serif; }
.faq-list details p a { color: var(--brand); font-weight: 700; }

@media screen and (max-width: 767px) {
  .faq-section { padding: 45px 0; }
  .faq-layout { grid-template-columns: 1fr; gap: 32px; }
  .faq-intro h2 { font-size: 28px; }
  .faq-list summary { font-size: 14px; }
}

/* Homepage care promise and appointment call-to-action. */
.care-promise-section { padding: 68px 0; background: #f4f7fb; }
.care-promise-heading { max-width: 710px; margin: 0 auto 34px; text-align: center; }
.care-promise-heading > span, .appointment-cta-inner span { display: block; margin-bottom: 7px; color: var(--brand); font: 700 11px/1.2 'Rubik', sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.care-promise-heading h2 { margin: 0 0 12px; color: var(--ink); font: 700 32px/1.15 'Roboto Condensed', sans-serif; }
.care-promise-heading p { color: #617082; font: 400 15px/1.65 'Rubik', sans-serif; }
.care-promise-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.care-promise-grid article { min-height: 205px; padding: 25px 20px; border: 1px solid #e0e7ed; border-radius: 6px; background: #fff; box-shadow: 0 6px 16px rgba(25, 47, 70, .06); }
.care-promise-grid i { display: inline-flex; width: 43px; height: 43px; align-items: center; justify-content: center; margin-bottom: 18px; border-radius: 50%; background: #f9e5e3; color: var(--brand); font-size: 18px; }
.care-promise-grid h3 { margin: 0 0 9px; color: var(--ink); font: 700 18px/1.25 'Roboto Condensed', sans-serif; }
.care-promise-grid p { color: #657587; font: 400 13px/1.6 'Rubik', sans-serif; }
.appointment-cta-section { padding: 45px 0; background: linear-gradient(115deg, #172c43, #294c71); }
.appointment-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.appointment-cta-inner span { color: #f5b4af; }
.appointment-cta-inner h2 { margin: 0; color: #fff; font: 700 30px/1.2 'Roboto Condensed', sans-serif; }
.appointment-cta-actions { display: flex; align-items: center; gap: 20px; }
.appointment-cta-actions a { font: 700 12px/1 'Rubik', sans-serif; letter-spacing: .25px; text-transform: uppercase; white-space: nowrap; }
.appointment-cta-actions .cta-primary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 17px; border-radius: 3px; background: var(--brand); color: #fff; }
.appointment-cta-actions .cta-primary:hover { background: #c3433d; }
.appointment-cta-actions .cta-phone { color: #fff; }
.appointment-cta-actions .cta-phone i { margin-right: 7px; color: #f5b4af; }

@media screen and (max-width: 767px) {
  .care-promise-section { padding: 45px 0; }
  .care-promise-heading h2 { font-size: 27px; }
  .care-promise-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .care-promise-grid article { min-height: 195px; padding: 20px 15px; }
  .care-promise-grid h3 { font-size: 16px; }
  .appointment-cta-inner { align-items: flex-start; flex-direction: column; }
  .appointment-cta-inner h2 { font-size: 26px; }
  .appointment-cta-actions { align-items: flex-start; flex-direction: column; gap: 16px; }
}