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

#Banner-Service,
#Cataracts-Container,
#Commited-Container,
#Credibility-Container,
#Dr-Container,
#Education-Container,
#Map-Container,
#Profile-Container,
#Res-Container,
#Specialties-Container,
#Various-Container {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

#Accessibility,
#Banner,
#Cataracts-Section,
#Commited-Section,
#Content-Main,
#Credibility,
#Dr-Section,
#Education-Section,
#Footer,
#Header,
#Main-Menu,
#Map-Intra-Section,
#Map-Section,
#Mobile-Menu,
#Profile-Section,
#Res-Section,
#Specialties-Section,
#Various-Section {
    max-width: 1200px;
    min-width: 300px;
    margin: 0 auto;
    padding: 0;
    position: relative
}

.adaOn span {
    background: #003263;
    color: #fff;
    border-radius: 50%
}

#Scroller a {
    background: #88bfbe;
    color: #000;
    border-radius: 50%
}

#Header-Container {
    background: #88bfbe
}

#Header {
    min-height: 100px;
    padding: 4px 5px 0
}

.appoint-list li a {
    display: block
}

.logo {
    width: 39%;
    vertical-align: middle
}

.appoint-list {
    display: inline-block;
    vertical-align: top
}

.appoint {
    padding-top: 22px
}

.appoint-list li {
    display: inline-block;
    vertical-align: top;
    color: #23354b
}

.appoint-list {
    margin-bottom: -2px
}

.h-appoint2 {
    font: 400 14px/20px Alata, sans-serif !important;
    text-transform: uppercase
}

.call-appoint {
    text-align: right
}

.appoint-list {
    width: 100%
}

.appoint-list li {
    position: relative
}

.h-appoint1 {
    font: 300 16px/40px Alata, sans-serif !important;
    margin-right: -4px
}

.h-appoint2 {
    text-transform: uppercase;
    border: 1px solid #b6d7d5
}

.h-appoint1 a {
    padding: 0 25px 0 40px;
    transition: all .6s ease-in-out;
    color: #fff
}

.h-appoint2 a {
    transition: all .6s ease-in-out;
    color: #fff;
    padding: 8px 35px
}

.h-appoint1::before {
    position: absolute;
    content: '';
    background: url(/images/phone-icn.png) no-repeat center;
    width: 19px;
    height: 19px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 17px
}

.h-appoint1 a:hover {
    color: #252626
}

.h-appoint2 a:hover {
    background: #b6d7d5;
    color: #252626
}

.appoint-list li.h-appoint2.hd-mid {
    margin: 0 4px
}

.menu li {
    text-transform: uppercase
}

.menu {
    text-align: right;
    margin-bottom: 8px
}

.menu li li {
    text-transform: none
}

.menu-home {
    width: 10%
}

.menu-about {
    width: 12%
}

.menu-disease {
    width: 17%
}

.menu-conditions {
    width: 16%
}

.menu-visit {
    width: 12%
}

.menu-events {
    width: 11%
}

.menu-referrers {
    width: 12%
}

.menu-contact {
    width: 13%
}

.menu li {
    font: 400 14px/25px Alata, sans-serif;
    height: 50px;
    color: #000;
    transition: all .6s ease-in-out;
    text-transform: uppercase
}

.menu li li {
    font: 400 15px/25px Lato, sans-serif
}

.menu ul li a {
    padding: 9px 15px 9px 15px
}

.menu li a:hover {
    color: #fff
}

.menu ul li a {
    color: #fff;
    background: url(/images/menu-list.png) no-repeat 95% center #000;
    border-bottom: 1px dotted #585858
}

.menu ul li a:hover {
    background: url(/images/menu-hover.png) no-repeat 95% center #000;
    color: #87bebc
}

.menu li li {
    background: #f2f2f2;
    color: #000;
    padding: 0
}

.menu li li:hover {
    background: #4f5462
}

.menu-about li {
    width: 180px
}

.menu-conditions li {
    width: 242px
}

.menu-contact li {
    width: 170px
}

.menu-patient ul {
    width: 575px;
    font-size: 0;
    background: #f2f2f2;
    text-align: left;
    left: -238px
}

.menu-patient ul li {
    display: inline-block;
    width: 50%;
    margin: 0;
    background: 0 0
}

.menu li a {
    padding: 12px 0
}

.menu-home {
    width: 5%;
    font-size: 0 !important
}

.menu-home a::before {
    font-size: 20px
}

.menu-home a {
    width: 100%;
    height: 100%
}

.menu-home a::before {
    vertical-align: top;
    margin: auto
}

.menu-home span {
    vertical-align: middle
}

.toggleMenu {
    font: 400 20px/30px Lato, sans-serif
}

.toggleMenu a {
    border-radius: 5px;
    border: 2px solid #ccc
}

.Wrapper {
    font: 400 14px/20px Lato, sans-serif
}

.menu li {
    position: relative;
    padding-bottom: 12px
}

.menu li::before {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: #023f6c;
    content: '';
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.menu li:hover::before {
    width: 100%
}

.menu li li::before {
    display: none
}

#Banner-Container #Banner {
    height: 541px
}

.webp #Banner-Container .banner1 {
    background: url(/images/banner1.webp) no-repeat center top
}

.webp #Banner-Container .banner2 {
    background: url(/images/banner2.webp) no-repeat center top
}

.webp #Banner-Container .banner3 {
    background: url(/images/banner3.webp) no-repeat center top
}

.webp #Banner-Container .banner4 {
    background: url(/images/banner4.webp) no-repeat center top
}

.webp #Banner-Container .banner5 {
    background: url(/images/banner5.webp) no-repeat center top
}

.jpx #Banner-Container .banner1 {
    background: url(/images/banner1.wdp) no-repeat center top
}

.jpx #Banner-Container .banner2 {
    background: url(/images/banner2.wdp) no-repeat center top
}

.jpx #Banner-Container .banner3 {
    background: url(/images/banner3.wdp) no-repeat center top
}

.jpx #Banner-Container .banner4 {
    background: url(/images/banner4.wdp) no-repeat center top
}

.jpx #Banner-Container .banner5 {
    background: url(/images/banner5.wdp) no-repeat center top
}

.jp2 #Banner-Container .banner1 {
    background: url(/images/banner1.jp2) no-repeat center top
}

.jp2 #Banner-Container .banner2 {
    background: url(/images/banner2.jp2) no-repeat center top
}

.jp2 #Banner-Container .banner3 {
    background: url(/images/banner3.jp2) no-repeat center top
}

.jp2 #Banner-Container .banner4 {
    background: url(/images/banner4.jp2) no-repeat center top
}

.jp2 #Banner-Container .banner5 {
    background: url(/images/banner5.jp2) no-repeat center top
}

#Banner-Container .banner1 {
    background: url(/images/banner1.jpg) no-repeat center top
}

#Banner-Container .banner1 .theme-L {
    background: url(/images/banner1-l.jpg) no-repeat right top
}

#Banner-Container .banner1 .theme-R {
    background: url(/images/banner1-r.jpg) no-repeat left top
}

#Banner-Container .banner2 {
    background: url(/images/banner2.jpg) no-repeat center top
}

#Banner-Container .banner2 .theme-L {
    background: url(/images/banner2-l.jpg) no-repeat right top
}

#Banner-Container .banner2 .theme-R {
    background: url(/images/banner2-r.jpg) no-repeat left top
}

#Banner-Container .banner3 {
    background: url(/images/banner3.jpg) no-repeat center top
}

#Banner-Container .banner3 .theme-L {
    background: url(/images/banner3-l.jpg) no-repeat right top
}

#Banner-Container .banner3 .theme-R {
    background: url(/images/banner3-r.jpg) no-repeat left top
}

#Banner-Container .banner4 {
    background: url(/images/banner4.jpg) no-repeat center top
}

#Banner-Container .banner4 .theme-L {
    background: url(/images/banner4-l.jpg) no-repeat right top
}

#Banner-Container .banner4 .theme-R {
    background: url(/images/banner4-r.jpg) no-repeat left top
}

#Banner-Container .banner5 {
    background: url(/images/banner5.jpg) no-repeat center top
}

#Banner-Container .banner5 .theme-L {
    background: url(/images/banner5-l.jpg) no-repeat right top
}

#Banner-Container .banner5 .theme-R {
    background: url(/images/banner5-r.jpg) no-repeat left top
}

#Banner-Container-S {
    background: #e9ecd8
}

#Banner-Container-S #Banner {
    height: 211px
}

.banner-content {
    position: absolute;
    right: 30px;
    top: 28.2%;
    padding: 15px;
    text-align: center
}

.spe-head {
    font: 400 48px/46px Alata, sans-serif;
    color: #000;
    text-transform: uppercase;
    text-align: right
}

.o-let {
    padding-bottom: 14px
}

.spe-head span {
    display: block
}

.advanced {
    font: 400 18px/20px Alata, sans-serif;
    color: #05060b;
    text-transform: uppercase;
    text-align: right;
    position: relative;
    padding-top: 10px
}

.advanced::before {
    background: #a3a597;
    position: absolute;
    left: -63px;
    top: 19px;
    height: 1px;
    width: 200px;
    content: ""
}

.banner4 .advanced::before {
    left: 30px
}

.banner5 .advanced::before {
    background: #a3a597;
    position: absolute;
    left: 20px;
    top: 10px;
    height: 1px;
    width: 50px;
    content: ""
}

.bann-read {
    text-transform: uppercase;
    font: 400 14px/40px Alata, sans-serif;
    text-align: center;
    float: right;
    margin: 45px 0 0;
    border: 1px solid #05060b
}

.bann-read a {
    transition: .7s ease all;
    padding: 0 30px;
    display: block;
    color: #02040a
}

.bann-read a:hover {
    background: #000;
    color: #fff
}

#Specialties-Section {
    text-align: center;
    padding: 70px 0 75px
}

.eye-heading1 {
    font: 400 35px/25px Alata, sans-serif;
    text-transform: uppercase;
    padding: 0 0 25px;
    color: #252626;
    background: url(/images/ey-spe.png) no-repeat bottom center;
    margin: 0 0 50px
}

.specialties-Mobile li {
    vertical-align: middle;
    text-transform: uppercase;
    font: 400 18px/25px Alata, sans-serif
}

.specialties-Mobile li a {
    padding: 170px 0 0 0;
    display: block;
    color: #252626
}

.specialties-Mobile .specialties-tab1 {
    background: url(/images/cataract-icon.png) no-repeat center top
}

.specialties-Mobile .specialties-tab2 {
    background: url(/images/glaucoma-icon.png) no-repeat center top
}

.specialties-Mobile .specialties-tab3 {
    background: url(/images/vision-loss-icon.png) no-repeat center top
}

.specialties-Mobile .specialties-tab4 {
    background: url(/images/retinal-icon.png) no-repeat center top
}

.specialties-Mobile .specialties-tab5 {
    background: url(/images/dry-eye-icon.png) no-repeat center top
}

.specialties-Mobile .specialties-tab1 a:hover {
    background: url(/images/cataract-icon-h.png) no-repeat top center
}

.specialties-Mobile .specialties-tab2 a:hover {
    background: url(/images/glaucoma-icon-h.png) no-repeat top center
}

.specialties-Mobile .specialties-tab3 a:hover {
    background: url(/images/vision-loss-icon-h.png) no-repeat top center
}

.specialties-Mobile .specialties-tab4 a:hover {
    background: url(/images/retinal-icon-h.png) no-repeat top center
}

.specialties-Mobile .specialties-tab5 a:hover {
    background: url(/images/dry-eye-icon-h.png) no-repeat top center
}

#Specialties-Section .nbs-flexisel-nav-left {
    background: url(/images/spe-arr-l.png) no-repeat center center;
    width: 35px;
    left: -9px
}

#Specialties-Section .nbs-flexisel-nav-right {
    background: url(/images/spe-arr-r.png) no-repeat center center;
    width: 35px;
    right: -9px
}

#Specialties-Section .nbs-flexisel-nav-left::before,
#Specialties-Section .nbs-flexisel-nav-right::before {
    display: none
}

#Profile-Container {
    background: #f3f3f3
}

#Profile-Section {
    height: 475px
}

.profile-img img {
    margin: -2px 0 0
}

.profile-text {
    position: relative;
    background: #74b4b3;
    padding: 0 20px 0 90px
}

.profile-text .theme-R {
    background: #74b4b3;
    right: -100%
}

.AboutUs {
    font: 500 18px/25px Alata, sans-serif;
    padding: 90px 0 0 0;
    color: #000;
    text-transform: uppercase
}

.profile-text h1 {
    font: 700 48px/50px Alata, sans-serif;
    color: #fff;
    text-transform: uppercase
}

.dr-sub {
    font: 400 15px/26px Alata, sans-serif;
    color: #fff;
    display: block;
    text-transform: uppercase
}

.dr-sub span {
    font: 400 18px/26px Alata, sans-serif;
    color: #000;
    display: block;
    text-transform: uppercase;
    padding: 0 0 25px
}

.profile-text p {
    font: 400 15px/24px Lato, sans-serif;
    color: #fff
}

.profile-view {
    margin: 20px 0 0
}

.profile-view li {
    display: inline-block
}

.about-dr {
    text-transform: uppercase;
    font: 400 14px/20px Alata, sans-serif;
    text-align: center;
    border: 1px solid #9ecbca;
    margin: 20px auto 0;
    letter-spacing: 2px
}

.about-dr a {
    transition: .5s ease all;
    display: block;
    color: #000;
    padding: 17px 32px
}

.about-dr a:hover {
    color: #fff;
    background: #262d3e
}

.about-appoint {
    border-radius: 20px 0 0 0;
    text-transform: uppercase;
    font: 400 16px/48px Rubik, sans-serif;
    width: 220px;
    text-align: center;
    margin: 20px auto 0
}

.about-appoint a {
    background: #262d3e;
    border-radius: 20px 0 0 0;
    transition: .5s ease all;
    display: block;
    color: #fff
}

.about-appoint a:hover {
    background: #43b8f5
}

#Dr-Section {
    min-height: 211px
}

#Dr-Section {
    text-align: center;
}

#Dr-Section div .table-cell {
    display: inline-block;
   
    vertical-align: top;
    margin: 0px 10px;
}


#Dr-Section li {
    display: inline-block;
    margin: -1px -4px 0 0;
    height: 212px;
    vertical-align: top;
    width: 200px
}

#Dr-Section img {
    margin: 4px 0 0 11px
}

.dr-intra {
    background: #252626;
    width: 181px;
    padding: 80px 0 0 40px;
    position: relative
}

.dr-intra:before {
    position: absolute;
    content: '';
    width: 11px;
    height: 18px;
    border-left: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 12px solid rgba(0, 0, 0, .8);
    top: 0;
    bottom: 0;
    margin: auto;
    left: -12px
}

.dr-intra {
    font: 400 18px/24px Alata, sans-serif;
    text-transform: uppercase
}

.dr-intra a {
    color: #fff;
    text-transform: uppercase
}

.dr-intra a:hover {
    color: #88bfbe
}

.intra-sub {
    font: 700 12px/24px Alata, sans-serif;
    color: #74b4b3;
    text-transform: uppercase;
    position: relative
}

.intra-sub::before {
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #74b4b3;
    content: "";
    height: 3px;
    width: 30px
}

#Commited-Container {
    background: #f3f3f3
}

#Commited-Section {
    min-height: 395px;
    padding: 65px 0 0
}

.commited-intra {
    background: url(/images/commited-bg.png) no-repeat center top;
    width: 100%;
    min-height: 274px
}

.commited-intra p {
    font: 400 30px/30px Alata, sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 50px 0 40px
}

.commited-intra ul {
    width: 52%;
    margin: 0 auto;
    position: relative;
    text-align: center
}

#Dr-Section .dr-tab3 img {
    margin: 4px 0 0 0
}

.commited-list1::before,
.commited-list2::before {
    content: "";
    position: absolute;
    top: -3px;
    background: url(/images/comm-line.png) no-repeat 0 0;
    width: 892px;
    height: 7px;
    left: -160px;
    margin: 0 auto
}

.commited-intra li {
    color: #000;
    font: 400 14px/30px Alata, sans-serif;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 1px
}

.commited-intra li a {
    color: #000;
    display: block;
    padding: 15px 40px
}

.commited-list1 li {
    display: inline-block;
    text-align: center;
    background: url(/images/comi-list.png) no-repeat 20px center
}

.commited-list2 li {
    display: inline-block;
    text-align: center;
    background: url(/images/comi-list.png) no-repeat 20px center
}

.commited-intra li a:hover {
    color: #fff
}

#Cataracts-Section {
    min-height: 583px
}

.webp .cataracts-img {
    position: relative;
    background: url(/images/cataracts-bg-c.webp) no-repeat top center;
    height: 583px
}

.jpx .cataracts-img {
    position: relative;
    background: url(/images/cataracts-bg-c.wdp) no-repeat top center;
    height: 583px
}

.jp2 .cataracts-img {
    position: relative;
    background: url(/images/cataracts-bg-c.jp2) no-repeat top center;
    height: 583px
}

.cataracts-img {
    position: relative;
    background: url(/images/cataracts-bg-c.jpg) no-repeat top center;
    height: 583px
}

.cataracts-img .theme-L {
    left: -100%;
    background: url(/images/cataracts-bg-l.jpg) no-repeat top right
}

.cataracts-intra {
    position: relative;
    background: #303030;
    padding: 70px 40px 0 70px
}

.cataracts-intra .theme-R {
    Right: -100%;
    background: #303030
}

.instruction-intra {
    position: relative;
    background: #303030;
    height: 582px
}

.cataracts-head {
    color: #fff;
    font: 400 30px/30px Alata, sans-serif;
    text-transform: uppercase
}

.cataracts-intra p {
    color: #56c8c6;
    font: 300 17px/23px Lato, sans-serif;
    padding: 13px 0 13px
}

.cataracts-intra li {
    border-bottom: 1px solid #454646;
    font: 400 17px/26px Alata, sans-serif;
    text-transform: uppercase;
    background: url(/images/cataracts-list.png) no-repeat center left
}

.cataracts-intra li a {
    display: block;
    padding: 25px 0 25px 65px;
    color: #fff;
    cursor: default
}

.cataracts-intra li a:hover {
    color: #74b4b3
}

.cataracts-intra li:last-child {
    border-bottom: none
}

.instruction-intra {
    height: 582px;
    background: #303030;
    position: relative;
    padding: 70px 60px 0 20px;
    text-align: right
}

.instruction-intra .theme-L {
    right: -100%;
    background: #303030
}

.instruction-head {
    color: #fff;
    font: 400 30px/30px Alata, sans-serif;
    text-transform: uppercase;
    padding: 0 0 20px
}

.instruction-intra li {
    border-bottom: 1px solid #454646;
    font: 400 18px/26px Alata, sans-serif;
    text-transform: uppercase;
    background: url(/images/cataracts-list.png) no-repeat center right;
    text-align: right
}

.instruction-intra li a {
    display: block;
    padding: 25px 65px 25px 0;
    color: #fff
}

.instruction-intra li a:hover {
    color: #74b4b3
}

.instruction-intra li:last-child {
    border-bottom: none
}

.webp .instruction-img {
    position: relative;
    background: url(/images/instruction-bg.webp) no-repeat top center
}

.jpx .instruction-img {
    position: relative;
    background: url(/images/instruction-bg.wdp) no-repeat top center
}

.jp2 .instruction-img {
    position: relative;
    background: url(/images/instruction-bg.jp2) no-repeat top center
}

.instruction-img {
    position: relative;
    background: url(/images/instruction-bg.jpg) no-repeat top center
}

.instruction-img .theme-R {
    right: -100%;
    background: url(/images/instruction-bg-r.jpg) no-repeat top left
}

.webp #Map-Container {
    background: url(/images/map-img.webp) no-repeat center top
}

.jpx #Map-Container {
    background: url(/images/map-img.wdp) no-repeat center top
}

.jp2 #Map-Container {
    background: url(/images/map-img.jp2) no-repeat center top
}

#Map-Container {
    background: url(/images/map-img.jpg) no-repeat center top
}

#Map-Section {
    min-height: 323px
}

.add-tab1 {
    position: absolute;
    right: 280px;
    top: 48px;
    background: #fff;
    padding: 36px 28px 20px 95px;
    text-align: left;
    box-shadow: 10px #383E4B1A
}

.add-head {
    font: 400 20px/24px Alata, sans-serif;
    text-transform: uppercase;
    padding: 0 0 12px 0;
    position: relative
}

.add-head::before {
    width: 55px;
    content: "";
    position: absolute;
    left: -70px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 34px;
    background: url(/images/eye-icon.png) no-repeat 0 0
}

.add-tab1 p {
    font: 400 14px/20px Alata, sans-serif;
    padding: 0 0 13px
}

.tel {
    font: 400 18px/20px Alata, sans-serif !important
}

#Credibility {
    text-align: center;
    padding: 20px 0 15px
}

#Credibility li {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

#Credibility li::after {
    width: 1px;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 80px;
    background: #b2b2b2
}

.South::after {
    display: none
}

#Credibility .nbs-flexisel-nav-left::before,
#Credibility .nbs-flexisel-nav-right::before {
    display: none
}

#Various-Container {
    background: #ecf8f5
}

.webp #Various-Section {
    min-height: 970px;
    padding: 40px 0 0;
    background: url(/images/various-bg.webp) no-repeat top center
}

.jpx #Various-Section {
    min-height: 970px;
    padding: 40px 0 0;
    background: url(/images/various-bg.wdp) no-repeat top center
}

.jp2 #Various-Section {
    min-height: 970px;
    padding: 40px 0 0;
    background: url(/images/various-bg.jp2) no-repeat top center
}

#Various-Section {
    min-height: 970px;
    padding: 40px 0 0;
    background: url(/images/various-bg.png) no-repeat top center
}

#Various-Section h2 {
    font: 400 28px/30px Lato, sans-serif;
    text-transform: uppercase;
    color: #303131;
    text-align: center
}

#Education-Section {
    min-height: 340px;
    padding: 70px 0 0;
    text-align: center
}

.Various-Intra {
    background: #2e2e2d;
    width: 97%;
    margin: 40px auto 0;
    min-height: 710px
}

.Various-Intra .types-hd {
    font: 400 14px/25px Lato, sans-serif;
    text-transform: uppercase;
    text-align: center;
    background: #8cc2c0;
    padding: 10px 0 10px;
    color: #000
}

.table1 {
    width: 50%
}

.Various-Intra .different {
    padding: 40px 30px 40px 150px
}

.Various-Intra .table-cell {
    border-bottom: 1px solid #525151;
    border-right: 1px solid #525151
}

.VariousTypes5 .table-cell {
    border-bottom: none !important;
    border-right: 1px solid #525151
}

.Various-Intra .different-hd {
    font: 400 18px/30px Lato, sans-serif;
    text-transform: uppercase;
    color: #6fcbca
}

.Various-Intra p {
    font: 400 16px/20px Lato, sans-serif;
    color: #fff
}

.different {
    position: relative
}

.VariousTypes2 .different::before {
    height: 107px;
    background: url(/images/lenses-icon1.png) no-repeat 0 0;
    width: 61px;
    position: absolute;
    left: 37px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: ""
}

.VariousTypes2 .table2 {
    background: url(/images/right.png) no-repeat center center
}

.VariousTypes2 .table3 {
    background: url(/images/dash.png) no-repeat center center
}

.VariousTypes2 .table4 {
    background: url(/images/right.png) no-repeat center center
}

.VariousTypes2 .table5 {
    background: url(/images/dash.png) no-repeat center center
}

.VariousTypes3 .different::before {
    height: 107px;
    background: url(/images/lenses-icon2.png) no-repeat 0 0;
    width: 61px;
    position: absolute;
    left: 37px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: ""
}

.VariousTypes3 .table2 {
    background: url(/images/right.png) no-repeat center center
}

.VariousTypes3 .table3 {
    background: url(/images/right.png) no-repeat center center
}

.VariousTypes3 .table4 {
    background: url(/images/right.png) no-repeat center center
}

.VariousTypes3 .table5 {
    background: url(/images/dash.png) no-repeat center center
}

.VariousTypes4 .different::before {
    height: 122px;
    background: url(/images/lenses-icon3.png) no-repeat 0 0;
    width: 62px;
    position: absolute;
    left: 37px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: ""
}

.VariousTypes4 .table2 {
    background: url(/images/right.png) no-repeat center center
}

.VariousTypes4 .table3 {
    background: url(/images/right.png) no-repeat center center
}

.VariousTypes4 .table4 {
    background: url(/images/right.png) no-repeat center center
}

.VariousTypes4 .table5 {
    background: url(/images/dash.png) no-repeat center center
}

.VariousTypes5 .different::before {
    height: 117px;
    background: url(/images/lenses-icon4.png) no-repeat 0 0;
    width: 61px;
    position: absolute;
    left: 37px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: ""
}

.VariousTypes5 .table2 {
    background: url(/images/dash.png) no-repeat center center
}

.VariousTypes5 .table3 {
    background: url(/images/dash.png) no-repeat center center
}

.VariousTypes5 .table4 {
    background: url(/images/right.png) no-repeat center center
}

.VariousTypes5 .table5 {
    background: url(/images/right.png) no-repeat center center
}

.different::after {
    height: 80px;
    background: #434342;
    width: 1px;
    position: absolute;
    left: 115px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: ""
}

.education-heading1 {
    font: 400 28px/25px Alata, sans-serif;
    text-transform: uppercase;
    padding: 0 0 25px;
    color: #303131;
    background: url(/images/ey-spe.png) no-repeat bottom center;
    margin: 0 0 50px
}

.education-video {
    position: absolute;
    margin: auto;
    bottom: -235px;
    z-index: 99;
    left: 0;
    right: 0
}

#Res-Container {
    background: #74b4b3
}

#Res-Section {
    min-height: 540px;
    padding-bottom: 27px
}

#Res-Section ul {
    padding: 21% 0 0 0;
    text-align: center
}

#Res-Section li {
    border-bottom: 1px solid #bfdddc;
    font: 400 24px/30px Alata, sans-serif;
    text-transform: uppercase;
    color: #303131;
    position: relative
}

#Res-Section li:last-child {
    border-bottom: none
}

#Res-Section li::before {
    position: absolute;
    left: 0;
    bottom: -4px;
    background: url(/images/resources-bg.png) no-repeat 0 0;
    content: "";
    height: 7px;
    width: 7px
}

#Res-Section li::after {
    position: absolute;
    right: 0;
    bottom: -4px;
    background: url(/images/resources-bg.png) no-repeat 0 0;
    content: "";
    height: 7px;
    width: 7px
}

.urgent::after,
.urgent::before {
    display: none
}

#Res-Section li a {
    display: inline-block;
    padding: 23px 0 22px;
    color: #fff
}

#Res-Section li a:hover {
    color: #000
}

#navigation {
    font: 400 13px/20px Alata, sans-serif;
    padding: 70px 0 0;
    text-align: center;
    color: #000;
    text-transform: uppercase
}

#navigation h1 {
    font: 400 46px/50px Alata, sans-serif;
    color: #000;
    text-transform: uppercase
}

#navigation a {
    color: #000
}

#navigation a:hover {
    color: #88bfbe
}

.nav-span {
    padding: 0 10px
}

.textMain {
    padding: 40px 10px 20px 50px;
    font: 400 16px/24px Lato, sans-serif;
    color: #252626
}

.textMain a {
    color: #88bfbe;
    text-decoration: none
}

.textMain a:hover {
    color: #141414
}

.textMain h1 {
    font: 700 30px/34px Alata, sans-serif;
    color: #414141;
    text-align: center
}

.textMain h1 span {
    font: 400 18px/24px Alata, sans-serif;
    color: #4d4d4d
}

.hTag2,
.textMain h2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 700 24px/30px Lato, sans-serif;
    color: #000;
    text-transform: uppercase
}

.textMain h2 span {
    font: 400 24px/22px Lato, sans-serif;
    color: #000
}

.hTag2 a,
.textMain h2 a,
.textMain h3.hTag2 a,
.textMain h4.hTag2 a {
    color: #014cbe
}

.hTag3,
.textMain h2.hTag3,
.textMain h3,
.textMain h4.hTag3 {
    font: 400 20px/26px Alata, sans-serif;
    color: #76b3b4;
    text-transform: uppercase
}

.hTag3 a,
.textMain h2.hTag3 a,
.textMain h3 a,
.textMain h4.hTag3 a {
    color: #353535
}

.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4,
.textMain h4 {
    font: 400 17px/22px Alata, sans-serif;
    color: #88bfbe
}

.hTag4 a,
.textMain h2.hTag4 a,
.textMain h3.hTag4 a,
.textMain h4 a {
    color: #88bfbe
}

#Sidebar {
    width: 320px
}

.dr-intra-s {
    height: 490px;
    background: #f3f3f3;
    text-align: center;
    padding: 40px 0 0;
    position: relative
}

.dr-name-s {
    color: #000;
    font: 700 28px/30px Alata, sans-serif;
    padding: 0 0 10px 0;
    text-transform: uppercase
}

.board-cert {
    color: #74b4b3;
    font: 400 15px/24px Alata, sans-serif;
    text-transform: uppercase;
    padding: 0 0 8px 0
}

.dummy {
    padding: 0 0 33px 0
}

.profile-more {
    font: 400 14px/60px Alata, sans-serif;
    width: 100%;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase
}

.profile-more a {
    display: block;
    color: #252626;
    transition: background .7s ease-out;
    background: #74b4b3
}

.profile-more a:hover {
    color: #fff;
    background: #000
}

.dr-intra-s ul {
    text-align: center
}

.dr-intra-s .slideNext,
.dr-intra-s .slidePrev {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 10px;
    z-index: 99;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.dr-intra-s .slidePrev {
    background: url(/images/side-arrow-l.jpg) no-repeat center center;
    left: 18px;
    top: 0;
    bottom: 0;
    margin: auto
}

.dr-intra-s .slideNext {
    background: url(/images/side-arrow-r.jpg) no-repeat center center;
    right: -19px;
    top: 0;
    bottom: 0;
    margin: auto
}

.dr-intra-s .autoPlay,
.dr-intra-s .slideNext span,
.dr-intra-s .slideNext::before,
.dr-intra-s .slidePrev span,
.dr-intra-s .slidePrev::before {
    display: none
}

.sutureless {
    height: 330px;
    margin: 50px 0 30px
}

.sutureless .heading1 {
    font: 400 22px/30px Alata, sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0 20px 0;
    color: #303131;
    background: url(/images/ey-spe.png) no-repeat bottom center;
    margin: 0 0 20px
}

.resources-s img {
    position: relative
}

.resources-s {
    background: #74b4b3;
    height: 265px
}

.resources-s ul {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    padding: 20px 0 0 12px
}

.resources-s li {
    display: block;
    text-align: left;
    font: 400 16px/30px Alata, sans-serif;
    border-bottom: 1px solid #90c3c2;
    text-transform: uppercase
}

.resources-s li a {
    display: block;
    color: #fff;
    transition: background .7s ease-out;
    padding: 10px 0 10px;
    color: #fff
}

.resources-s li a:hover {
    color: #000
}

.dp-profile-img {
    position: relative;
    float: right;
    margin: 50px 0 20px 30px
}

.pro-name {
    color: #75aaa7;
    font: 400 60px/60px Alata, sans-serif;
    text-transform: uppercase;
    margin: 40px 0 30px 0
}

.dr-name-sub {
    color: #767575 !important;
    padding: 15px 0 10px;
    font: 400 20px/24px Alata, sans-serif;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px
}

.pro-name span {
    color: #101010;
    font: 400 23px/20px Alata, sans-serif;
    display: block
}

.textMain #responsiveTabs {
    background: 0 0;
    text-transform: none;
    position: relative
}

.textMain .resp-tabs-list {
    text-align: center;
    font-size: 0;
    margin: 0 10px 0 0;
    padding: 0;
    width: 300px;
    float: left
}

.textMain .resp-tabs-list li {
    display: block;
    vertical-align: top;
    position: relative;
    margin: 0;
    padding: 0;
    background: 0 0 !important;
    border: 1px solid #dbdbdb;
    width: 300px
}

.textMain .resp-tabs-list li a {
    padding: 5px;
    display: block;
    text-decoration: none
}

.textMain .resp-tabs-container {
    padding: 20px 20px 35px;
    float: left;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    width: 70%;
    border-right: 6px solid #85bcb9 !important;
    margin: 0 0 30px
}

.textMain .resp-accordion {
    cursor: pointer;
    display: none;
    font-size: 16px;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
    margin: 0;
    padding: 0;
    position: relative
}

.textMain .resp-accordion a {
    padding: 5px;
    display: block
}

.textMain .resp-tab-content {
    display: none
}

.textMain .resp-tabs-container .resp-accordion:last-child {
    border-bottom: 1px solid #c1c1c1
}

.textMain .resp-arrow {
    position: absolute;
    z-index: 9;
    width: 0;
    height: 0;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.textMain .resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9b9797
}

.textMain #responsiveTabs .resp-tabs-list.drTabs li {
    font: 400 20px/20px Alata, sans-serif;
    text-transform: uppercase;
    background: 0 0 !important;
    border: 1px solid #dbdbdb;
    margin: 0 0 5px;
    position: relative
}

.textMain .resp-tabs-list.drTabs li:last-child {
    border-right: 0 solid #ccc
}

.textMain .resp-tabs-list.drTabs li a {
    color: #000;
    padding: 15px
}

.textMain .resp-tabs-list.drTabs li a:hover,
.textMain .resp-tabs-list.drTabs li.resp-tab-active a {
    background: #85bcb9;
    color: #fff
}

.textMain .resp-tabs-list.drTabs li.resp-tab-active:hover > a:after,
.textMain .resp-tabs-list.drTabs li.resp-tab-active > a:after,
.textMain .resp-tabs-list.drTabs li:hover > a:after {
    content: " ";
    position: absolute;
    left: 298px;
    right: 1px;
    margin: auto;
    width: 0;
    border: 12px solid transparent;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 12px;
    border-left: 13px solid #85bcb9;
    bottom: 32%
}

.textMain .resp-tabs-container.drTabs {
    background: url(/images/eye-pro-icon.png) no-repeat center center
}

.textMain .resp-accordion.drTabs a {
    background: #dce9f6;
    color: #053380
}

.textMain .resp-accordion.drTabs a:hover,
.textMain .resp-accordion.drTabs.resp-tab-active a {
    background: #053380;
    color: #fff
}

.textMain .drTabs h2 {
    font: 400 30px/35px Alata, sans-serif;
    color: #6baba7;
    text-transform: uppercase
}

.services-intra {
    border: 5px solid #f0f0f0;
    min-height: 800px;
    width: 80%;
    margin: 0 0 40px 19%;
    position: relative;
    padding: 50px 0 0 20%
}

.services-intra h3 {
    padding: 0 0 25px 0
}

.textMain .services-intra li {
    background: url(/images/servic-list.png) no-repeat center left;
    width: 48%;
    display: inline-block;
    margin: 0 0 5px;
    padding: 0
}

.textMain .services-intra li a {
    display: block;
    color: #252626;
    font: 400 15px/18px Lato, sans-serif;
    padding: 7px 0 7px 30px;
    text-decoration: none
}

.textMain .services-intra li a:hover {
    text-decoration: underline;
    color: #88bfbe
}

.services-intra::before {
    background: url(/images/services-img1.jpg) no-repeat 0 0;
    content: "";
    width: 849px;
    height: 672px;
    position: absolute;
    left: -673px;
    top: 54px
}

.services-intra2 {
    border: 5px solid #f0f0f0;
    min-height: 650px;
    width: 80%;
    margin: 0 19% 0 0;
    position: relative;
    padding: 40px 15% 0 15px
}

.textMain .services-intra2 li {
    background: url(/images/servic-list.png) no-repeat left 12px;
    margin: 0 0 5px;
    padding: 0
}

.textMain .services-intra2 li ul {
    padding: 0 5px 0 20px
}

.textMain .services-intra2 li li {
    list-style: none;
    margin: 0
}

.textMain .services-intra2 li a {
    display: block;
    color: #252626;
    font: 400 15px/18px Lato, sans-serif;
    padding: 7px 0 7px 30px;
    text-decoration: none
}

.textMain .services-intra2 li a:hover {
    text-decoration: underline;
    color: #88bfbe
}

.services-intra2::before {
    background: url(/images/services-img2.jpg) no-repeat 0 0;
    content: "";
    width: 850px;
    height: 672px;
    position: absolute;
    right: -673px;
    top: 25px
}

.foot-grid-3 {
    width: 33%
}

.social-head {
    display: inline-block;
    color: #fbf81a;
    margin: 5px 0 5px 0;
    text-align: left;
    text-transform: uppercase;
    color: #74b4b3;
    vertical-align: top;
    font: 400 18px/24px Alata, sans-serif
}

.social-logo {
    text-align: left;
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 50px 0;
    padding: 5px 5px
}

.social-logo ul {
    font-size: 0;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top
}

.social-logo li {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    text-align: center
}

.social-logo li a {
    width: 36px;
    height: 25px;
    color: #fff;
    display: block;
    margin: 4px 0 0 0;
    padding: 3px
}

.social-logo li a:hover {
    color: #74b4b3
}

.social-header li:hover {
    background: #0b98dd;
    color: #fff
}

#Footer-Container {
    background: url(/images/footer-bg.jpg) no-repeat center top
}

#Footer {
    min-height: 517px;
    padding: 10px 0 20px
}

footer .foot-head {
    color: #74b4b3;
    text-transform: uppercase;
    padding: 20px 0;
    letter-spacing: 1px;
    font: 400 18px/24px Alata, sans-serif
}

.foot-grid-3 input[type=text] {
    background: 0 0;
    padding: 10px 5px;
    border: none;
    color: #fff;
    font-size: 15px;
    border-bottom: solid 1px #545555;
    width: 225px;
    font: 400 16px/24px Alata, sans-serif;
    letter-spacing: 1px
}

.foot-grid-3 input[type=submit] {
    background: url(/images/search.png) no-repeat 1px 16px;
    border: none;
    height: 32px;
    width: 18px;
    margin-left: -25px;
    cursor: pointer
}

.lists-footer {
    font: 300 16px/20px Lato, sans-serif;
    color: #fff;
    letter-spacing: .5px;
    font-weight: 400px
}

.lists-footer li {
    padding: 5px 0;
    background: 0 0 !important
}

.lists-footer a {
    color: #fff
}

.lists-footer label {
    width: 80px;
    display: inline-block
}

.footer-grid > div {
    padding: 0 1% 30px 1%
}

.footer-menu a:hover,
.lists-footer a:hover {
    color: #74b4b3
}

#Credibility .nbs-flexisel-item img {
    cursor: default
}

.copyrights {
    padding: 25px 0 10px;
    border-top: 1px solid #3f4040;
    width: 100%;
    text-align: center;
    color: #fff
}

.copyrights p {
    font: 300 14px/23px Lato, sans-serif
}

.copyrights p a {
    padding: 0 1.8%;
    color: #fff;
    text-transform: uppercase
}

.copyrights p a:hover {
    color: #74b4b3
}

#Footer h3 {
    font: 300 14px/20px Lato, sans-serif;
    padding: 0 0 10px;
    color: #fff;
    text-align: center;
    letter-spacing: 1px
}

.ypo-logo {
    width: 120px;
    text-align: center;
    margin: 10px auto 0
}

.contactTable {
    margin: 30px 0 60px;
    border-spacing: 5px;
    box-shadow: 0 1px 15px 10px #2e34411A;
    border-radius: 10px
}

.contact-address {
    width: 300px;
    padding: 10px;
    position: relative
}

.contact-address p.textMainBold {
    padding: 5px 0
}

.contact-address p {
    position: relative;
    padding: 5px 10px 5px 30px
}

.contact-address p::before {
    position: absolute;
    left: 5px;
    top: 5px;
    color: #88bfbe;
    font-size: 20px
}

.contact-map {
    position: relative
}

.contact-map iframe {
    width: 100%;
    height: 310px;
    border: none
}

.textMain .write-review {
    font: 400 16px/20px Alata, sans-serif;
    float: right;
    position: relative
}

.textMain .write-review a {
    display: block;
    padding: 5px 15px;
    text-decoration: none;
    background: #013866;
    transition: background .7s ease-out;
    color: #fff;
    border-radius: 5px
}

.textMain .write-review a::before {
    margin-right: 15px
}

.textMain .write-review a:hover {
    background: #18a7f5;
    color: #fff
}

.textMain .useFul {
    margin: 15px 0;
    padding: 0
}

.textMain .useFul ul {
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: center
}

.textMain .useFul li {
    margin: 1%;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    min-width: 290px;
    font: 400 15px/20px Rubik, sans-serif;
    background: 0 0;
    border: 2px solid #ccc
}

.textMain .useFul li span {
    display: block;
    padding: 15px 0;
    background: #ccc;
    margin: 0 0 15px 0
}

.textMain .useFul li img {
    margin: 10px 0
}

.textMain .useFul li a {
    display: block;
    padding: 5px;
    text-decoration: none
}

.textMain .relList li a {
    padding: 5px 15px;
    background: #74b4b3;
    color: #fff;
    transition: background .7s ease-out
}

.textMain .relList li a:hover {
    background: #262d3e
}

.textMain .subList li a {
    padding: 10px 15px;
    background: #74b4b3;
    color: #fff;
    transition: background .7s ease-out
}

.textMain .subList li a:hover {
    background: #262d3e
}

.popfull {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10000;
    left: 0;
    top: 0;
    display: none
}

.popvideo {
    width: 75%;
    height: auto;
    padding: 40% 0 0 0;
    position: fixed;
    z-index: 10005;
    background: #fff;
    display: none;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.popvideo iframe {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 4px solid #666
}

.popclose {
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #666;
    width: 30px;
    height: 30px;
    z-index: 2;
    text-align: center;
    font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif
}

.popclose a {
    display: block;
    text-decoration: none
}

.textMain .ed-more {
    text-align: right
}

.textMain .ed-more li {
    display: inline-block;
    background-image: none;
    padding: 0 !important
}

.textMain .ed-video {
    background: #19a6f5
}

.textMain .ed-more li a {
    text-decoration: none;
    display: block;
    padding: 8px 10px 8px 0;
    color: #fff
}

.textMain .ed-video a span {
    background: url(/images/loadmove.png) no-repeat 5px center;
    padding: 1px 5px 1px 25px
}

.textMain .video-more {
    background: #1c1f4c
}

.textMain .ed-more .video-more a {
    color: #fff;
    transition: all .4s ease-in-out
}

.textMain .video-more a:hover {
    background: #19a6f5;
    color: #000
}

.textMain .ed-video a {
    transition: all .4s ease-in-out
}

.textMain .ed-video a:hover {
    background: #1c1f4c;
    color: #fff
}

.textMain .video-more a span {
    padding: 1px 5px 1px 25px;
    background: url(/images/plus-w-img.png) no-repeat 8px center
}

.topicimage {
    float: left;
    margin: 16px 18px 11px 0;
    border: 1px solid #ccc
}

.vidFloat {
    float: right;
    width: 45%;
    height: 100%;
    margin: 1%
}

.hTag2.bg-cond {
    text-align: center
}

.readMore-cond a {
    display: block;
    background: #114a9f;
    width: 115px;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    box-shadow: 2px 2px 1px #91b8ee
}

.textMain .con-pro ul li {
    background: #e7ecee;
    background: -moz-linear-gradient(to right, #b3dbda 0, #ecf2fe 77%, #f2f2fc 100%);
    background: -webkit-linear-gradient(to right, #b3dbda 0, #ecf2fe 77%, #f2f2fc 100%);
    background: linear-gradient(to right, #b3dbda 0, #ecf2fe 77%, #f2f2fc 100%);
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    min-height: 450px;
    width: 31%;
    padding: 25px;
    opacity: 1;
    position: relative;
    height: auto;
    overflow: hidden;
    transition: transform .25s cubic-bezier(.215, .61, .355, 1), box-shadow .25s cubic-bezier(.215, .61, .355, 1);
    transform: perspective(600px) translate3d(0, 0, 0);
    text-align: left
}

.con-pro ul li::before {
    display: none
}

.con-pro ul li a {
    text-decoration: none;
    color: #000
}

.con-pro ul li:hover {
    color: #0f0f0f;
    transition: background .5s;
    background: #2c2c2c9c;
    transform: scale(1.01);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3)
}

.con-pro ul li a:hover {
    color: #0f0f0f
}

.con-pro h3 {
    font: 700 18px/22px Lato, sans-serif;
    padding: 8px;
    color: #275699
}

.con-pro p {
    font: 400 15px/26px Lato, sans-serif;
    padding: 8px;
    margin: 5px !important;
    clear: both
}

.readMore a {
    display: block;
    background: #275699;
    width: 115px;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    box-shadow: 2px 2px 1px #87a4cc
}

.readMore a:hover {
    background: #2c2c2c;
    color: #fff
}

.rollover {
    visibility: hidden;
    color: #fc0;
    opacity: 1;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 40%;
    margin: 15px auto 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase
}

.rollover p {
    position: relative;
    width: 135px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    vertical-align: top;
    font: 400 15px/32px Alata, sans-serif
}

.rollover p a {
    display: block;
    padding: 44px 0 0 0
}

.con-pro ul li:hover .rollover {
    visibility: visible;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.con-pro ul li .eduMore {
    left: -35px
}

.con-pro ul li .reMore {
    right: -35px
}

.con-pro ul li:hover .eduMore {
    left: -3px
}

.con-pro ul li:hover .reMore {
    right: -3px
}

.eduMore {
    background: url(/images/edumore-bg.png) no-repeat center 12px #fff
}

.reMore {
    background: url(/images/remore-bg.png) no-repeat center 12px #fff
}

.hip-th,
.shoulder-th {
    padding: 5px 15px 5px 0;
    float: left
}

.readMore-cond a {
    display: block;
    background: #507b93;
    width: 115px;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    box-shadow: 2px 2px 1px #87a4cc
}

.readMore-cond a:hover {
    background: #1779b0;
    color: #fff
}

.floats {
    float: left
}

.align-center-bx {
    text-align: center;
    font: 400 48px/52px Alata, sans-serif;
    font-size: 0
}

.bodyoverlay {
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    position: absolute;
    background-color: #000;
    opacity: .6
}

.cond-proc-window {
    width: 330px;
    border-radius: 6px;
    box-shadow: 0 0 5px #ccc;
    background: #f25252;
    position: fixed;
    bottom: 5%;
    right: 4%;
    z-index: 999;
    text-align: center;
    color: #fff;
    text-align: center;
    padding: 0
}

.cond-proc-window p {
    font: 400 17px/28px Alata, sans-serif !important;
    padding: 10px 36px 10px 50px;
    cursor: pointer
}

.cond-proc-window p::before {
    margin: 0 8px 0 -19px;
    font-size: 21px
}

.cond-proc-window .clsbtn {
    color: #fff
}

.cond-proc-window li {
    cursor: pointer
}

.cond-proc-pop-up {
    position: fixed;
    width: 50%;
    padding: 10px;
    background: #f4f8fb;
    border-radius: 15px;
    box-shadow: 0 0 5px #b5bbc4;
    margin: 0 auto;
    display: none;
    z-index: 9999;
    border: 2px solid #ccc;
    left: 8%;
    top: 24%;
    -webkit-transform: translate(24%, -14%);
    -moz-transform: translate(24%, -14%);
    -ms-transform: translate(24%, -14%);
    -o-transform: translate(24%, -14%);
    transform: translate(24%, -14%)
}

.cond-l,
.proc-r {
    display: inline-block;
    vertical-align: top;
    width: 49%
}

.cond-proc-pop-up .clspop {
    right: 10px;
    top: 6px
}

.cond-proc-pop-up .hTag4 {
    padding-left: 12px
}

.textMain .cond-proc-window .hTag4 {
    padding: 10px 0 10px 13px
}

.textMain .cond-proc-window ul {
    padding: 0;
    margin: 0
}

.dr-imp-sec.post {
    min-height: 424px
}

.textMain ul.pdf-lists {
    text-align: center
}

.textMain ul.pdf-lists li {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    padding: 4px;
    margin: 20px 4px;
    background: 0 0;
    font: 400 25px/25px Poppins, sans-serif;
    min-width: 290px
}

.textMain ul.pdf-lists li a {
    text-decoration: none;
    display: block
}

.textMain ul.pdf-lists li img {
    border: 1px solid #ccc
}

.textMain ul.pdf-lists li span {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #9c3a69
}

.textMain ul.pdf-lists li {
    position: relative
}

.textMain ul.pdf-lists li .pdf-main {
    position: relative;
    transition: all .6s linear;
    display: inline-block
}

.textMain ul.pdf-lists li p.pdf-zoom {
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0;
    margin: 0
}

.textMain ul.pdf-lists li p.pdf-zoom span {
    display: none;
    color: #fc0;
    padding-top: 75%;
    opacity: 1;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    margin: 15px auto 0;
    font: 400 20px/25px Poppins, sans-serif !important
}

.textMain ul.pdf-lists li p.pdf-zoom:hover span {
    display: block
}

.textMain ul.pdf-lists li p.pdf-span {
    padding: 0
}

.textMain ul.pdf-lists li p.pdf-zoom a::after {
    width: 0%;
    height: 0%;
    padding-top: 65%;
    right: 0;
    margin: 0 auto;
    border-radius: 4px;
    left: 0;
    top: 0;
    font-size: 45px;
    font-family: fontello;
    position: absolute;
    background: rgba(12, 13, 13, .55);
    transition: all .6s linear
}

.textMain ul.pdf-lists li p.pdf-zoom:hover a::after {
    content: '\e823';
    color: #fff;
    width: 100%;
    height: 100%;
    transition: all .6s linear
}

.textMain ul.pdf-lists li p.pdf-download {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: -35px
}

.textMain ul.pdf-lists li p.pdf-download a {
    display: block;
    width: 36px;
    height: 36px;
    position: relative;
    overflow: hidden;
    transition: .5s all ease;
    float: right;
    background: rgba(12, 13, 13, .55);
    z-index: 9
}

.textMain ul.pdf-lists li p.pdf-download a::before {
    position: absolute;
    color: #fff;
    font-size: 20px;
    left: -4px;
    text-align: center;
    padding: 9px 0 9px 0;
    width: 46px;
    height: 46px;
    top: -2px;
    font-family: fontello;
    content: '\E82D'
}

.textMain ul.pdf-lists li p.pdf-download::after {
    content: '';
    display: block;
    clear: both
}

.textMain ul.pdf-lists li p.pdf-download:hover a {
    width: 115px
}

.textMain ul.pdf-lists li p.pdf-download span {
    opacity: 0;
    padding: 8px 0 6px 25px;
    display: block;
    margin: 0
}

.textMain ul.pdf-lists li p.pdf-download b {
    display: block;
    opacity: 0;
    padding: 8px 0;
    width: 277px;
    background: rgba(12, 13, 13, .55);
    text-align: right;
    padding-right: 8px
}

.textMain ul.pdf-lists li p.pdf-download:hover a span {
    display: inline-block;
    color: #fff;
    font: 400 15px/22px Poppins, sans-serif;
    opacity: 1
}

.textMain ul.pdf-lists li p.pdf-download:hover b {
    opacity: 1;
    display: inline-block;
    color: #fff;
    font: 400 15px/22px Poppins, sans-serif;
    animation: animatetop .6s
}

.textMain ul.pdf-lists li p.pdf-download:hover b::after {
    position: absolute;
    content: '\F107';
    left: 0;
    top: 0;
    font-family: fontello;
    font-size: 22px;
    padding: 8px 2px 0 12px
}

.textMain ul.pdf-lists li p.pdf-download:hover a {
    background: #0350a0;
    color: #fff
}

.textMain ul.pdf-lists li p.pdf-download b {
    background: rgba(0, 0, 0, .3);
    position: absolute;
    top: -38px;
    right: 0
}

.textMain ul.pdf-lists li .pdf-main:hover img {
    background: rgba(0, 0, 0, .5)
}

.navigation a:hover {
    text-decoration: underline
}

.textMain .testimonial-list {
    column-count: 2
}

.textMain .testimonial-list li {
    padding: 20px 10px 20px 10px;
    position: relative;
    background: #f0f1f5;
    margin: 20px 20px 60px 20px;
    display: inline-block;
    vertical-align: top;
    width: 90%
}

.textMain .testimonial-list .authorname {
    text-align: right;
    font-style: italic;
    font-weight: 700;
    padding: 10px 0 0 0
}

.textMain .testimonial-list li::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #05428d;
    border-right: 5px solid #05428d;
    bottom: -16px;
    right: -12px
}

.textMain .testimonial-list li::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-top: 5px solid #05428d;
    border-left: 5px solid #05428d;
    top: -16px;
    left: -12px
}

.textMain .rela {
    background: #e8e8e8 !important;
    color: #000 !important
}

.pattetpg {
    text-align: center
}

.aside-about,
.dr-loc-s {
    margin: 20px 0
}

.aside-dr-heading {
    background: #43b8f5;
    text-align: center;
    padding: 15px 0 17px 0;
    color: #fff;
    font: 700 30px/25px Philosopher, sans-serif;
    text-transform: uppercase
}

.aside-about,
.dr-loc-s {
    margin: 20px 0
}

.aside-head {
    font: 700 24px/28px Philosopher, serif;
    color: #0b4fa4;
    margin-bottom: 5px
}

.aside-head::before {
    margin: 0 10px 0 0
}

.aside-about p {
    font: 400 14px/24px Rubik, serif;
    color: #2d2f2f
}

.aside-about p a,
.specialize-s p a {
    color: #0b4fa4
}

.specialize-s {
    padding: 20px 0;
    border-top: 1px solid #ccc
}

.aside-appt,
.review-s {
    padding: 20px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.review-all {
    width: 200px;
    text-align: center;
    margin-top: 20px
}

.review-all a {
    display: block;
    color: #fff;
    background: #262d3e;
    border-radius: 20px 0 0 0;
    font: 400 18px/40px Rubik, serif;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.review-all a:hover {
    background: #43b8f5
}

.nav-span {
    padding: 0 5px
}

.our-team-responsive {
    font-size: 0;
    text-align: center;
    margin: 25px auto 0
}

.textMain .our-team-responsive li {
    padding: 0;
    display: inline-block;
    margin: 10px 10px;
    background: 0 0;
    border: 1px solid #ededed;
    padding: 5px;
    vertical-align: top
}

.our-team-bottom {
    position: relative;
    background: #fff;
    z-index: 9;
    padding-bottom: 61px
}

.our-team-bottom:after,
.our-team-bottom:before {
    position: absolute;
    content: ''
}

.our-team-bottom::before {
    width: 107%;
    left: -3.5%;
    bottom: 0;
    background: #fff;
    height: 50%
}

.our-team {
    text-transform: uppercase;
    text-align: center;
    padding: 45px 0 4.5% 0
}

.our-common-team {
    position: relative;
    height: 425px;
    width: 249px;
    margin: auto;
    text-align: center;
    z-index: 9
}

.our-common-team a {
    position: relative;
    display: inline-block;
    color: #fff;
    text-decoration: none
}

.our-common-team a img {
    margin: 0
}

.our-phy-names {
    font: 700 17px/24px Alata, sans-serif;
    text-transform: uppercase;
    margin: 19px 0 0
}

.our-phy-names span {
    font: 400 13px/18px Alata, sans-serif;
    display: block
}

.our-dr-more {
    position: absolute;
    background: #000;
    width: 220px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.our-dr-more a {
    display: block;
    font: 400 15px/24px Alata, sans-serif;
    padding: 16px 12px 14px;
    color: #fff;
    text-transform: uppercase;
    transition: .5s ease
}

.our-common-team:after,
.our-common-team:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    z-index: -1;
    transition: .5s ease
}

.our-common-team:before {
    background: #88bfbe;
    height: 195px;
    bottom: 0
}

.our-common-team:after {
    background: #c5c5c5;
    height: 11px;
    bottom: 195px
}

.our-common-team:hover:before {
    background: #ededed
}

.our-common-team:hover a {
    color: #000
}

.our-common-team:hover .our-dr-more a {
    background: #88bfbe;
    color: #000
}

.textMain .staff-list li {
    display: inline-block;
    margin: 10px 10px;
    background: 0 0;
    border: 1px solid #ededed;
    padding: 5px;
    vertical-align: top;
    text-align: center;
    width: 200px
}

.staff-name {
    font: 700 18px/24px Alata, sans-serif;
    color: #74b4b3;
    padding: 15px 0 0
}

.staff-name span {
    font: 400 16px/24px Alata, sans-serif;
    display: block;
    color: #000
}

#google_translate_element {
    margin-bottom: 40px;
    width: 211px
}

.goog-te-gadget img {
    display: none
}

.f-list li {
    font: 400 15px/20px Lato, sans-serif;
    color: #fff;
    margin: 5px 0
}

.f-list li a {
    display: inline-block
}

.goog-te-menu-value {
    display: block;
    padding: 5px 4px 4px
}

.goog-te-gadget-simple {
    width: 100%;
    border-bottom: 1px solid #535454 !important;
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important
}

.goog-te-gadget-simple .goog-te-menu-value span {
    font: 400 16px/24px Alata, sans-serif;
    color: #fff;
    letter-spacing: 2px
}

.goog-te-gadget-simple .goog-te-menu-value span {
    border-left: none !important
}

.goog-te-gadget-simple .goog-te-menu-value span:last-child {
    float: right;
    color: #535454 !important;
    z-index: 9;
    position: relative
}

.translate {
    position: relative;
    width: 211px
}

.textMain .sub-imgs li {
    display: inline-block;
    vertical-align: top;
    background: 0 0;
    padding: 4px;
    margin: 5px
}

.KnowMore {
    margin: 0 0 0 10px
}

.KnowMore a {
    font: 400 15px/20px Lato, sans-serif;
    color: #fff;
    text-transform: uppercase
}

.textMain .galImg {
    text-align: center;
    position: relative
}

.textMain .galImg ul {
    margin: 0;
    padding: 0;
    font-size: 0
}

.textMain .galImg li {
    margin: 2px;
    padding: 3px;
    background: 0 0;
    display: inline-block;
    vertical-align: top;
    font: 400 14px/20px Muli, sans-serif;
    border: 1px solid #333
}

.spcolor {
    color: #ff3030
}

.taghide {
    height: 0 !important;
    width: 0 !important;
    display: none !important
}

.appoint-list li.h-appoint2 {
    position: relative
}

.appoint-list li.h-appoint2 ul {
    display: none;
    position: absolute;
    z-index: 999;
    background: #000;
    color: #fff
}

.ftr-sl li {
    font: 300 16px/20px Lato, sans-serif
}

.ftr-sl1 {
    position: relative;
    display: inline-block
}

.ftr-sl1 a {
    color: #fff
}

.ftr-sl1::after {
    position: absolute;
    content: '\e80d';
    right: -20px;
    top: 2px;
    font-family: fontello;
    font-size: 12px;
    color: #fff
}

.ftr-sl1 li a {
    padding: 5px 0;
    display: block
}

.ftr-sl1 li a:hover {
    color: #74b4b3
}

.ftr-sl1 ul {
    display: none;
    position: absolute;
    z-index: 999;
    width: 124px
}

.appoint-list li.h-appoint2:hover ul,
.ftr-sl1:hover ul {
    display: block
}

.appoint-list li.h-appoint2 ul li {
    display: block;
    text-align: left
}

.social-logo li {width: 36px; height: 25px;}
.social-logo li.facebook {background: url(/images/fb-w.png) no-repeat center center; background-size: 20px; }
.social-logo li.twitter {background: url(/images/twitter-w.png) no-repeat center center; background-size: 20px; }
.social-logo li.youtube {background: url(/images/youtube-w.png) no-repeat center center; background-size: 22px; }
.social-logo li.pint {background: url(/images/pint-w.png) no-repeat center center; background-size: 20px; }
.social-logo .font-icon::before {display: none !important;}

@media screen and (max-width:1065px) {
    .profile-text {
        padding: 0 20px 0 5%
    }

    .profile-text h1 {
        font: 700 42px/45px Alata, sans-serif
    }

    .profile-view {
        margin: 1px 0 0
    }

    #Dr-Section img {
        margin: -3px 0 0 11px
    }

    #Dr-Section .dr-tab3 img {
        margin: 7px 0 0 0
    }

    .logo {
        width: 290px;
        padding: 0 20px 0 0
    }

    .education-heading1 {
        margin: 0 0 21px
    }

    .education-video {
        bottom: -210px
    }

    #Dr-Section li {
        width: 172px;
        height: 192px
    }

    .commited-intra ul {
        width: 63%
    }

    #Profile-Section {
        height: 470px
    }

    #Commited-Section {
        min-height: 310px;
        padding: 0
    }

    .textMain .resp-tabs-container {
        width: 59%
    }

    .social-logo li a {
        width: 33px;
        height: 31px
    }
}

@media screen and (max-width:1024px) {
    #Profile-Section {
        height: 450px
    }

    .Various-Intra .types-hd {
        min-height: 70px
    }

    #Dr-Section img {
        margin: -3px 0 0 0
    }
}

@media screen and (max-width:960px) {
    .h-appoint2 a {
        padding: 8px 18px
    }

    .menu li {
        text-transform: none
    }

    .copyrights p a {
        padding: 0 3px
    }

    #Education-Section {
        min-height: 511px
    }

    .logo {
        width: 270px
    }

    .commited-intra ul {
        width: 74%
    }

    .cataracts-intra {
        padding: 20px 25px 0 33px
    }

    .cataracts-intra li {
        font: 400 15px/26px Alata, sans-serif
    }

    .profile-img img {
        margin: 63px 0 0
    }

    .profile-img img {
        margin: 63px 0 0
    }

    #Dr-Section li {
        width: 128px;
        height: 142px
    }

    #Dr-Section li {
        width: 142px;
        height: 159px
    }

    #Dr-Section img {
        margin: 1px 0 0 0
    }

    .commited-intra ul {
        width: 68%
    }

    #Profile-Section {
        height: auto
    }

    .profile-text {
        padding: 0 0 0 22px
    }

    .AboutUs {
        padding: 30px 0 0 0
    }

    .dr-intra {
        padding: 34px 0 0 12px
    }

    .instruction-head {
        font: 400 24px/30px Alata, sans-serif
    }

    .instruction-intra li {
        font: 400 15px/26px Alata, sans-serif
    }

    .education-video {
        bottom: -33px
    }

    #Res-Section {
        min-height: 337px
    }

    #Res-Section ul {
        padding: 7% 0 0 0
    }

    .social-head {
        margin: 5px 0 5px 14px
    }
    .commited-intra li a {	padding: 15px 20px;
}
}

@media screen and (max-width:860px) {
    .h-appoint2 a {
        padding: 8px 10px
    }

    .h-appoint1 a {
        padding: 0 10px 0 40px
    }
    .commited-list1 li {
	background: url(/images/comi-list.png) no-repeat 0px center;
}
    .commited-list2 li {
	background: url(/images/comi-list.png) no-repeat 0px center;
}
    .services-intra::before {
	
	left: -250px;
	top: 200px;
	background-size: 39%;
}
}

@media screen and (max-width:780px) {
    .h-appoint2 a {
        padding: 8px 18px
    }

    #Dr-Section {
        text-align: center
    }

    #Dr-Section li {
        height: 152px;
        width: 137px;
        text-align: left
    }

    .intra-sub {
        text-align: left
    }

    #Dr-Section .dr-tab3 img,
    #Dr-Section img {
        margin: 0;
        border: 1px solid #74b4b3
    }

    #Dr-Section .dr-tab3 img {
        padding: 8px 0 0
    }

    #Dr-Section div .table-cell {
        display: inline-block;
        width: 320px;
        vertical-align: top;
        margin: 10px auto
    }

    #Header .table-cell {
        display: block
    }

    .logo {
        width: 410px;
        margin: 0 auto
    }

    .instruction-head {
        font: 400 21px/28px Alata, sans-serif
    }

    .instruction-intra li {
        font: 400 14px/26px Alata, sans-serif
    }

    .profile-text {
        padding: 0 0 0 25px
    }

    .AboutUs {
        padding: 15px 0 0 0
    }

    .profile-img img {
        margin: 63px 0 0
    }

    #Profile-Section {
        height: auto
    }

    .dr-intra {
        padding: 23px 0 0 7px
    }

    .dr-sub span {
        font: 400 15px/26px Alata, sans-serif
    }

    .call-appoint {
        text-align: center
    }

    #Specialties-Section {
        padding: 29px 0 10px
    }

    .dp-profile-img {
        float: none;
        margin: 0 auto;
        width: 400px
    }

    .dr-intra::before {
        content: none
    }

    .services-list ul {
        text-align: center
    }

    #Education-Section {
        min-height: 450px;
        padding: 0 0 0
    }

    .textMain .con-pro ul li {
        width: 300px
    }

    .textMain .servi-list li {
        display: block;
        width: 240px
    }

    .textMain .servi-list li a {
        padding: 0 !important
    }

    #Footer {
        min-height: inherit
    }

    .commited-intra ul {
        width: 78%
    }

    .education-heading1 {
        padding: 20px 0 25px
    }

    .Various-Intra .types-hd {
        font: 400 14px/21px Lato, sans-serif;
        padding: 10px 10px 10px
    }

    .profile-text h1 {
        font: 700 40px/50px Alata, sans-serif
    }

    .textMain .resp-tabs-container {
        width: 100%
    }

    .textMain {
        padding: 40px 10px 20px 20px
    }

    .textMain .resp-tabs-list {
        width: 100%
    }

    .textMain #responsiveTabs .resp-tabs-list.drTabs li {
        display: inline-block;
        font: 400 15px/20px Alata, sans-serif;
        width: 245px
    }

    .textMain .resp-tabs-list.drTabs li.resp-tab-active:hover > a::after,
    .textMain .resp-tabs-list.drTabs li:hover > a::after {
        display: none
    }

/*    .services-intra::before {
        left: -731px
    }

    .services-intra2::before {
        right: -793px
    }*/

    #Dr-Section {
        min-height: inherit
    }
}

@media screen and (max-width:767px) {
    .img-r {
        float: none;
        text-align: center;
        margin: 10px auto
    }

    .h-appoint2 {
        font: 400 12px/40px Alata, sans-serif !important
    }

    .appoint-list {
        border-bottom: none
    }

    .logo::after {
        display: none
    }

    .profile-text h1 {
        margin: 6px 0 0
    }

    .profile-text h1 {
        margin: 6px 0 0;
        font: 700 30px/30px Alata, sans-serif
    }

    .profile-view {
        margin: -12px 0 0
    }

    .dr-sub span {
        font: 400 12px/26px Alata, sans-serif
    }

    #Content-Main .flex {
        display: flex !important;
        flex-direction: column;
        margin: 0 auto !important
    }

    .table-div.flex > .flex1 {
        order: 2
    }

    .table-div.flex > .flex2 {
        order: 1
    }

    .commited-intra ul {
        width: 93%
    }

    .add-tab1 {
        right: 0;
        top: 0;
        margin: auto;
        left: 0;
        bottom: 0;
        width: 300px;
        height: 250px
    }

    #Credibility li::after {
        display: none
    }

    .foot-grid-3 input[type=text] {
        width: 170px
    }

    .lists-footer {
        font: 400 14px/20px Lato, sans-serif
    }

    .services-intra2::before,
    .services-intra::before {
        display: none
    }

    .services-intra {
        border: 5px solid #f0f0f0;
        min-height: inherit;
        width: 100%;
        margin: 0 0 40px 0;
        padding: 16px 0 20px 25px
    }

    .services-intra2 {
        border: 5px solid #f0f0f0;
        min-height: inherit;
        width: 100%;
        margin: 0;
        position: relative;
        padding: 6px 0 0 15px
    }

    .education-heading1 {
        font: 400 23px/25px Alata, sans-serif
    }
}

@media screen and (max-width:640px) {
    #Res-Section {
        padding-bottom: 0
    }

    #Main-Menu {
        display: none
    }

    #Mobile-Menu {
        display: block
    }

    #Content,
    #Sidebar {
        display: block
    }

    #Sidebar {
        margin: 0 auto
    }

    .contactTable .table-cell {
        display: block;
        width: 100%
    }

    .contact-address {
        border-radius: 10px 10px 0 0
    }

    .contact-map {
        height: 250px;
        border-radius: 0 0 10px 10px
    }

    .textMain .useFul li {
        width: 95%
    }

    .textMain .schemaTable .table-cell {
        display: block;
        margin: 0 auto
    }

    .textMain {
        padding: 10px 10px 50px 10px
    }

    #Mobile-Menu {
        display: block
    }

    .toggleMenu a {
        color: #000
    }

    .Wrapper {
        background: #000
    }

    nav {
        text-align: left
    }

    .parentMenu li a {
        color: #fff
    }

    .parentList .subparentList > .dropMenu::after,
    .parentList > .dropMenu::after {
        color: #fff
    }

    .parentMenu li:hover {
        background: #88bfbe
    }

    .parentMenu li li:hover {
        background: #000
    }

    .appoint-list li {
        margin: 0 0 10px
    }

    #Sidebar {
        padding: 0 0 20px 0
    }

    .EducationVideos p,
    .SportsMedicine p {
        font-size: 17px
    }

    .MoreVideos {
        bottom: -15px
    }

    .dp-profile-img {
        width: 300px;
        text-align: center;
    }

    .banner-content {
        display: none
    }

    #Banner-Container #Banner {
        height: 210px
    }

    #Banner-Container .banner1,
    #Banner-Container .banner2,
    #Banner-Container .banner3,
    #Banner-Container .banner4,
    #Banner-Container .banner5 {
        background-position: center;
        background-size: cover !important;
    }

    #navigation {
        padding: 45px 0 0
    }

    .instruction-head {
        font: 400 18px/28px Alata, sans-serif
    }

    .instruction-intra li {
        font: 400 12px/26px Alata, sans-serif
    }

    .cataracts-head {
        font: 400 22px/30px Alata, sans-serif
    }

    #Commited-Section {
        min-height: 263px
    }

    .commited-intra {
        min-height: 271px
    }

    .dr-tab1,
    .dr-tab2,
    .dr-tab3 {
        text-align: center
    }

    .intra-name {
        text-align: left
    }

    #navigation h1 {
        font: 400 26px/40px Alata, sans-serif
    }

    #sun-pop {
        top: 1% !important;
        width: 95% !important;
    }
}

@media screen and (max-width:639px) {
    .h-appoint2 a {
        padding: 0 10px
    }

    .eye-heading1 {
        font: 400 28px/34px Alata, sans-serif
    }

    #Footer {
        min-height: inherit;
        background: #000;
        padding: 13px 10px 10px
    }

    .add-intra {
        background: 0 0;
        height: inherit;
        padding: 0 0 0
    }

    .add-intra li {
        margin: 0 2px 10px;
        width: 300px
    }

    .add-intra li li {
        margin: 0
    }

    .foot-credi {
        display: none
    }

    #Footer-Container {
        background: 0 0
    }

    #Footer .table-cell {
        display: inline-block;
        width: 49%;
        margin: 0 auto
    }

    .footer-grid > div {
        padding: 0 1% 0 1%
    }

    .multimedia-h {
        padding: 14px 0 0
    }

    #Education-Section {
        min-height: 635px
    }

    .multi-view li {
        margin: 20px auto 0
    }

    .pt-rm li {
        margin: 0 2px 5px
    }

    #Footer h2 {
        padding: 10px 0 10px
    }

    #Profile-Section .table-cell {
        display: block
    }

    #Profile-Container {
        background: #1c3553
    }

    #Profile-Section {
        height: inherit;
        text-align: center
    }

    .profile-text {
        width: 97%;
        padding: 0 5px 10px
    }

    .profile-img img {
        margin: 10px 23px 0
    }

    .cataracts-img,
    .instruction-img {
        display: none
    }

    .instruction-head {
        text-align: left
    }

    .instruction-intra {
        padding: 20px 20px 0 30px;
        height: inherit
    }

    .instruction-intra li {
        text-align: left;
        background: url(/images/cataracts-list.png) no-repeat center left
    }

    .instruction-intra li a {
        padding: 25px 0 25px 65px
    }

    .education-video {
        position: inherit;
        bottom: 8px
    }

    #Education-Section {
        min-height: inherit
    }

    .commited-intra p {
        font: 400 15px/25px Alata, sans-serif;
        padding: 18px 0 21px
    }

    .commited-list1::before,
    .commited-list2::before {
        display: none
    }

    .commited-intra ul {
        width: 310px;
        margin: 0 20px
    }

    .commited-list1 li {
        display: block;
        text-align: left
    }

    .commited-intra li a {
        padding: 3px 40px
    }

    .cataracts-intra li a {
        display: block;
        padding: 17px 0 17px 45px
    }

    .instruction-intra li a {
        padding: 17px 0 17px 46px
    }

    .instruction-intra li {
        font: 400 14px/26px Alata, sans-serif
    }

    .education-heading1 {
        font: 400 21px/28px Alata, sans-serif
    }

    .table2,
    .table3,
    .table4,
    .table5 {
        display: none
    }

    #Various-Section h2 {
        font: 400 16px/24px Lato, sans-serif
    }

    .VariousTypes2 .different::before,
    .VariousTypes3 .different::before,
    .VariousTypes4 .different::before,
    .VariousTypes5 .different::before {
        left: 20px
    }

    .different::after {
        left: 90px
    }

    .Various-Intra .different {
        padding: 30px 5px 30px 105px;
        min-height: inherit
    }

    .Various-Intra .different-hd {
        font: 400 18px/22px Lato, sans-serif;
        padding: 0 0 10px 0
    }

    .social-logo {
        margin: 22px 0 15px
    }

    .social-head {
        margin: 5px 0 5px 0
    }

    .commited-intra ul {
        text-align: left
    }

    .pro-name {
        font: 400 30px/35px Alata, sans-serif;
        margin: 20px 0 30px 0
    }

    .pro-name span {
        font: 400 18px/22px Alata, sans-serif
    }

    .img-r {
        float: none;
        width: 300px;
        margin: 0 auto
    }

    #Various-Section {
        padding: 15px 0 0
    }

    .Various-Intra {
        margin: 13px auto 0
    }

    .textMain .subList li {
        min-width: 240px;
        text-align: center
    }
    .services-intra {
	margin: 0 0 10px 0;
}
}

@media screen and (max-width:479px) {
    .appoint-list li.h-appoint1 {
        width: auto;
        display: block;
        text-align: center;
        margin: 8px auto
    }

    .h-appoint1::before {
        left: 29%
    }

    .copyrights p a {
        padding: 6px 10px;
        display: inline-block
    }

    .footer-grid > div {
        padding: 0 1% 0 0
    }

    .appoint-list li {
        margin: 0 0 10px
    }

    .logo {
        width: 287px
    }

    .eye-heading1 {
        font: 400 20px/34px Alata, sans-serif
    }

    .pt-head {
        margin: 12px auto 0
    }

    .Specialties-heading {
        font-size: 16px
    }

    .copyrights {
        padding: 8px 0 10px
    }

    #navigation {
        padding: 22px 6px 16px
    }

    #navigation h1 {
        font: 400 20px/30px Alata, sans-serif
    }

    .hTag3,
    .textMain h2.hTag3,
    .textMain h3,
    .textMain h4.hTag3 {
        font: 400 18px/24px Alata, sans-serif
    }

    #Banner-Container-S {
        background-size: cover;
        padding: 0 0 0
    }

    #Banner-Container-S #Banner {
        height: 150px
    }

    .pt-main::after,
    .pt-main::before {
        display: none
    }

    .pt-main {
        width: 95%
    }

    .pt-head {
        width: inherit
    }

    .logo {
        width: 310px;
        padding: 0
    }

    .appoint {
        padding-top: 0
    }

    .relList,
    .subList {
        text-align: center
    }

    .textMain .subList li {
        width: 280px
    }

    .infosec iframe {
        height: 225px
    }

    #Res-Section li {
        font: 400 14px/20px Alata, sans-serif
    }

    #Res-Section ul {
        padding: 5px 0 10px 0
    }

    #Res-Section {
        min-height: inherit
    }

    footer .foot-head {
        padding: 10px 0
    }

    #Dr-Section .table-cell {
        display: block;
        padding: 0 0 30px
    }

    #Dr-Section {
        padding: 20px 0 0
    }

    .textMain .services-intra li {
        width: 290px
    }

    .services-intra2 .table-cell {
        display: block
    }

    .img-r {
        float: none;
        text-align: center
    }

    .img-r img {
        width: 200px
    }

    .Preop {
        text-align: center
    }

    .Preop img {
        margin: 10px;
        width: 200px
    }
}

@media screen and (max-width:380px) {
    .profile-text h1 {
        font: 700 25px/30px Alata, sans-serif
    }

    #Footer .table-cell {
        display: block;
        width: auto;
        text-align: center
    }

    #google_translate_element {
        margin: 0 auto 40px
    }

    .translate {
        display: block;
        width: auto
    }
}