/*
Theme Name: Nepean Valley Eye Surgeons
Theme URI: http://www.yourpracticeonline.com.au
Description: This theme is completely compatible with WordPress 3.0
Author: Chitra S
Author URI: http://www.yourpracticeonline.com.au
Version: 1.0
*/

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

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

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

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

@font-face {
    font-family: 'futura_xblkcnit_btXBlkIt';
    src: url('fonts/futura-extra-black-condensed-italic-bt-webfont.eot');
    src: url('fonts/futura-extra-black-condensed-italic-bt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/futura-extra-black-condensed-italic-bt-webfont.woff') format('woff'), url('fonts/futura-extra-black-condensed-italic-bt-webfont.ttf') format('truetype'), url('fonts/futura-extra-black-condensed-italic-bt-webfont.svg#futura_xblkcnit_btXBlkIt') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*************************************Theme Styles***************************************/


/*--------------Search--------------*/

.sitesearch {
    width: 200px;
    height: 40px;
    float: right;
    margin-top: 20px;
}

.large a,
.large a:hover {
    font: bold 14px/20px Verdana, Geneva, sans-serif;
}

.small {
    font: normal 11px Verdana, Geneva, sans-serif;
}


/*--------------Menu--------------*/

.menu-item-33 a {
    background: #09559D;
    text-decoration: none;
}

.menu-item a:hover {
    background: #0083ff;
    text-decoration: none;
}

.menu-item-11 {
    width: 12%;
}

.menu-item-33 {
    width: 15%;
}

.menu-item-488 {
    width: 18%;
}

.menu-item-345 {
    width: 25%;
}

.menu-item-35 {
    width: 17%;
}

.menu-item-26 {
    width: 11%;
}

#access {
    display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    width: 1000px;
    font: normal 16px/43px 'Helvetica'!important;
    position: absolute;
    z-index: 25;
}

#access ul {
    list-style: none;
    margin: 0px !important;
    padding: 0px !important;
}

#access li {
    float: left;
    position: relative;
}

#access a {
    color: #ffffff;
    display: block;
    line-height: 43px;
    text-decoration: none;
    font: normal 16px/43px 'Helvetica'!important;
    text-align: center;
}

#access a:hover {
    color: #ffffff;
}

#access ul ul {
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    left: 0;
    z-index: 99999;
    top: 43px;
}

#access ul ul ul {
    left: 100%;
    top: 0px;
}

#access ul ul a {
    font: normal 13px/24px 'Helvetica' !important;
    background: #09559d;
    color: #ffffff;
    height: auto;
    padding: 0px 5px;
    z-index: 99999;
    width: 190px;
    text-align: left;
}

#access ul ul a:hover {
    background: #0083ff;
    color: #010101;
}

#access ul li:hover>ul {
    display: block;
}

.menu .current_page_item a,
.menu .current-menu-item a,
.current-menu-parent>a,
.current-menu-ancestor>a {
    background: #0083ff !important;
}

.menu-item a {
    background: #09559d none repeat scroll 0 0;
}

.subp-menu-bg {
    background: #09559d none repeat scroll 0 0;
    height: 44px;
}

.subp-menu {
    margin: 0 auto;
    max-width: 1000px;
}


/*--------------YPO Showcase--------------*/

.sho-header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #f4f4f4;
    text-decoration: none
}

.bodytext-link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: #bbbbbb;
    font-weight: normal;
    text-decoration: underline
}

a.bodytext-link:hover {
    color: #c8c8c8;
    font-weight: normal
}

.bodytext-bold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #bbbbbb;
}


/*************************************Theme Styles End***********************************/

body {
    margin: 0px 0px 0px 0px;
    overflow-y: scroll;
    *overflow-y: none;
}

img {
    border: 0px;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 12px 0px;
    padding: 0px;
}

ul,
ol {
    margin: 0px 12px;
    padding: 6px 0px 6px 30px;
}

.hr {
    height: 8px;
    border-bottom: 1px dotted #000000;
}

.videoBorder {
    border: 8px solid #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/************************************* Site Styles ********************************************************/

#Container {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    /*background: url(images/menu-bg.gif) repeat-x top;*/
}

#Menu-section {
    width: 1000px;
    margin: 0px auto;
}

#Menu-list {
    width: 1000px;
    height: 44px;
    margin: 0px auto;
}

.main-menu {
    background: #09559d none repeat scroll 0 0;
    height: 43px;
    margin-top: -60px;
    position: relative;
    width: 100%;
    z-index: 999999999;
}

.menu-container {
    max-width: 1000px;
    margin: 0 auto;
}

#Header {
    width: 100%;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}

.mh-bg {
    background: url('images/mh-bg.png') repeat-x scroll 0 0;
    height: 130px;
    position: relative;
    z-index: 9999999;
}

.main-header {
    max-width: 1000px;
    margin: 0 auto;
}

#Header-in {
    width: 1000px;
    /*height: 457px;*/
    /*margin: 44px auto 0px auto;*/
    position: absolute;
    z-index: 20;
    height: 0;
}

#Logo {
    float: left;
    position: relative;
    width: auto;
}


/*#Logo img{
	margin:7px 0px 0px 44px;
}*/

#Appointment {
    float: right;
    margin-top: 25px;
    position: relative;
    width: 60%;
}

#Appointment>div {
    margin: 0 20px;
}

.book-appt>a {
    color: #014682;
    font-family: segoeui-bold;
    text-decoration: none;
}

.book-appt a,
.locations a {
    color: #014682;
    display: inline-block;
    font-family: segoeui-bold;
    font-size: 19px;
    padding: 3px 9px;
    text-decoration: none;
    vertical-align: bottom;
}

#Meet-dr {
    margin-left: 0;
    margin-top: 44%;
    position: relative;
    width: 48%;
}

#Fonts {
    background: rgba(0, 0, 0, 0) url("images/font-bg.gif") no-repeat scroll left bottom;
    float: right;
    margin-top: -235px;
    position: relative;
    width: 10%;
    z-index: 9999999;
}

.font>a {
    position: relative;
    top: -25px;
}

.book-appt {
    float: left;
}

.appointment {
    color: #014682;
    float: left;
    font: 25px/28px "SegoeUI-Bold";
    text-align: left;
}

.appointment a {
    color: #014682;
    display: inline-block;
    font: 21px/25px "SegoeUI-Bold" !important;
    /*padding-top: 10px;*/
    text-decoration: none;
    padding-left: 15px;
}

.locations {
    float: right;
    display: none;
}

#Tabs {
    background: rgba(0, 0, 0, 0) url("images/intra-tab-r-bg.gif") no-repeat scroll right 28px;
    margin: 0 auto;
    width: 1000px;
    font-family: Helvetica;
}

#Col-section {
    width: 100%;
    /*height: 316px;*/
    margin: 0px auto;
    background: #e8f6fa;
}

#Col-section-in {
    width: 1000px;
    height: 316px;
    margin: 0px auto;
}

#Header-in-s {
    width: 1000px;
    height: 249px;
    margin: 44px auto 0px auto;
    position: absolute;
    z-index: 20;
}

#Appointment-s {
    width: 500px;
    height: 159px;
    position: relative;
    float: left;
}

#Fonts-s {
    width: 8%;
    height: 79px;
    position: relative;
    float: right;
    margin-right: 10px;
    background: url(images/font-bg.gif) no-repeat left bottom;
}

#Content-main {
    width: 1000px;
    height: auto;
    margin: 0px auto;
}

#Content {
    width: 739px;
    height: auto;
    position: relative;
    float: left;
}

#Sidebar {
    width: 230px;
    min-height: 1216px;
    position: relative;
    float: left;
}

#Meet-dr-s {
    width: 100%;
    height: 254px;
    margin-top: 13px;
    background: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#dr-profile {
    background: #c1e5f5 none repeat scroll 0 0;
    border-radius: 6px;
    height: 227px;
    padding-top: 10px;
    width: 100%;
}

#Services-s {
    width: 100%;
    margin-top: 16px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

#Testimonials-s {
    width: 100%;
    height: 85px;
    margin-top: 9px;
    background: url(images/testimonials-s-bg.jpg) no-repeat 1px bottom;
}

#Quick-links-s {
    width: 100%;
    height: 299px;
}

#Latest-News-s {
    width: 100%;
    height: 261px;
    background: url(images/latest-news-s-bg.jpg) no-repeat left top;
    text-align: center;
}

#Latest-News-s img {
    margin: 25px auto 0px auto;
}

#Footer-Section {
    width: 100%;
    margin: 0px auto;
    clear: both;
    background: #ffffff;
}

#Footer {
    margin: 0 auto;
    padding: 25px 0;
    width: 1000px;
}

#mheader {
    display: none;
}

#Services-m {
    display: none;
}


/************************************* Home Page Styles ********************************************************/

.meet-dr {
    color: #001f56;
    padding: 136px 0px 0px 234px;
}

.meet-dr a {
    font: normal 17px/18px 'trajan_proregular' !important;
    color: #001f56;
    text-decoration: none;
}

.meet-dr a:hover {
    color: #008bda;
    text-decoration: none;
}

.meet-dr div {
    color: #008bda;
    padding: 0px 0px 0px 0px;
}

.meet-dr div a,
.meet-dr div a:hover {
    color: #008bda;
    text-decoration: none;
    font: normal 25px/28px 'CenturyGothic'!important;
}

.meet-dr span {
    font: normal 14px/18px Verdana, Geneva, sans-serif !important;
    color: #09559d;
    padding: 4px 0px 0px 0px;
}

.appointment a:hover {
    color: #008bda;
    text-decoration: none;
}

.font {
    color: #121627;
    padding: 128px 43px 0px 0px;
    text-align: right;
}

.font a {
    font: normal 14px/16px 'SegoeUI-Bold'!important;
    color: #121627;
    text-decoration: none;
}

.font a:hover {
    color: #121627;
    text-decoration: none;
}

.col1 {
    color: #000033;
    float: left;
    font: 12px/22px Verdana, Geneva, sans-serif;
    height: 300px;
    margin-left: 10px;
    overflow: hidden;
    padding: 0 5px 0 0;
    width: 372px;
    margin-top: 5px;
}

.col1 span {
    font-weight: bold;
}

.col1 p {
    margin: -8px 0px 0px 0px;
}

.col1 img {
    float: left;
    margin: 69px 14px 49px 18px;
}

.startq {
    float: left;
    margin: -20px 0px 0px -25px !important;
}

.endq {
    position: absolute;
    margin: 20px 0px 0px 20px !important;
}

.col2 {
    float: left;
    width: 290px;
    height: 316px;
    background: url(images/news-bg.gif) no-repeat left top;
    padding: 0px 20px 0px 25px;
    font: normal 12px/22px Verdana, Geneva, sans-serif;
    color: #000033;
}

.col2 span {
    font: bold 12px/22px Verdana, Geneva, sans-serif !important;
    color: #073c6e;
}

.col2 a {
    color: #000033;
    text-decoration: none;
}

.col2 a:hover {
    color: #073c6e;
    text-decoration: none;
}

.news-title {
    color: #0f64bb;
    padding: 30px 0px 5px 0px;
}

.news-title a {
    font: normal 26px 'Helvetica' !important;
    color: #0f64bb;
    text-decoration: none;
}

.news-title a:hover {
    color: #008bda;
    text-decoration: none;
}

.col3 {
    float: left;
    width: 272px;
    height: 316px;
    background: url(images/news-bg.gif) no-repeat left top;
}

.col-list {
    margin: 19px 0px 0px 0px;
    padding: 0px;
    list-style: none;
    background: url(images/col-list-bg.gif) no-repeat left 70px;
}

.col-list li {
    height: 70px;
    color: #000000;
}

.col-list li img {
    float: left;
    margin: 20px 15px 0px 37px;
}

.col-list li a {
    color: #000000;
    font: bold 15px/70px 'helvetica' !important;
    text-decoration: none;
}

.col-list li a:hover {
    color: #0f64bb;
    text-decoration: none;
}


/************************************* Sub Page Styles ********************************************************/

.navigation {
    color: #666666;
    text-decoration: none;
    padding: 20px 30px 5px 5px;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif !important;
}

.navigation a {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif !important;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
}

.navigation a:hover {
    font-weight: normal;
    color: #666666;
    text-decoration: underline;
}

.textMain {
    font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #000033;
    padding: 5px 30px 30px 5px;
    text-decoration: none;
    text-align: justify;
}

.textMain a {
    color: #000033;
    text-decoration: underline;
}

.textMain a:hover {
    color: #000033;
    text-decoration: none;
}

.textMain ul,
textMain ol {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.textMain ul li {
    padding-bottom: 8px;
    background: url(images/bullet-tm.gif) no-repeat 15px 11px;
    padding: 6px 0px 0 30px;
    list-style: none;
}

.textMain ul li ul {
    padding-bottom: 8px;
    background: none;
    padding: 6px 0px 0 20px;
    list-style: circle;
}

.textMain ul li ul li {
    padding-bottom: 8px;
    background: none;
    padding: 6px 0px 0 0px;
    list-style: circle;
}

.textMain ul li ul li ul li {
    padding-bottom: 8px;
    background: none;
    padding: 6px 0px 0 0px;
    list-style: square;
}

.textMain ul li:last-child {
    padding-bottom: 8px;
}

.textMain ul li:last-child a {
    float: left;
    display: block;
    padding-left: 7px !important;
}

.textMain ol li {
    padding-bottom: 8px;
}

.textMain ol li:last-child {
    padding-bottom: 8px;
}

.textMain ul li p,
textMain ol li p {
    padding-bottom: 0px;
    margin: 8px 0 0 0;
}

.textMain ul li ul,
textMain ul li ol,
textMain ol li ul,
textMain ol li ol {
    padding-bottom: 0px;
}

.textMainBold {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    text-align: justify;
}

.textMainBold a {
    color: #000000;
    text-decoration: underline;
}

.textMainBold a:hover {
    color: #004e96;
    text-decoration: underline;
}

.textNormal {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}

.textNormal a {
    color: #000000;
    text-decoration: underline;
}

.textNormal a:hover {
    color: #2b7b6e;
    text-decoration: underline;
}

.textbold {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}

.Quick-links-s {
    color: #000000;
    text-decoration: none;
}

.Quick-links-s a {
    font: bold 15px/70px 'helvetica' !important;
    color: #000000;
    text-decoration: none;
}

.Quick-links-s a:hover {
    color: #0f64bb;
    text-decoration: none;
}

.Quick-links-s ul {
    padding: 8px 0px 0px 0px;
    margin: 0px;
    list-style: none;
}

.Quick-links-s ul li {
    background: url(images/quick-links-s-bg.gif) no-repeat left bottom;
    list-style: none;
}

.Quick-links-s li img {
    margin: 20px 15px 0 17px;
}

.more {
    font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #1c4163;
    text-decoration: none;
    padding: 5px 5px 5px 5px;
}

.more a {
    color: #1c4163;
    text-decoration: underline;
}

.more a:hover {
    color: #1e5180;
    text-decoration: underline;
}

.PDFtext {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #999999;
}

.meet-dr-s {
    color: #001f56;
    padding-top: 15px;
    text-align: center;
}

.meet-dr-s a {
    font: normal 17px/27px 'Helvetica' !important;
    color: #001f56;
    text-decoration: none;
}

.meet-dr-s a:hover {
    color: #008bda;
    text-decoration: none;
}

.services-main-s {
    font: normal 18px/44px 'Helvetica';
    color: #ffffff;
    text-align: center;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    background: #12a3ec;
}

.services-main-s a {
    color: #ffffff;
    text-decoration: none;
}

.services-main-s a:hover {
    color: #ffffff;
    text-decoration: none;
}

.services-s {
    font: normal 15px/44px 'MyriadProRegular';
    color: #ffffff;
    text-decoration: none;
    text-align: left;
}

.services-s a {
    color: #ffffff;
    display: block;
    font: 15px/20px "MyriadProRegular" !important;
    height: 27px;
    padding: 10px 0 10px 50px;
    text-decoration: none;
}

.services-s a:hover {
    color: #fff;
    text-decoration: none;
}

.cataract a {
    background: url(images/1b.png) no-repeat;
    background-size: 39px 40px;
}

.glaucoma a {
    background: url(images/2b.png) no-repeat;
    background-size: 39px 40px;
}

.macular a {
    background: url(images/3b.png) no-repeat;
    background-size: 39px 40px;
}

.diabetic a {
    background: url(images/4b.png) no-repeat;
    background-size: 39px 40px;
}

.corneal a {
    background: url(images/5b.png) no-repeat;
    background-size: 39px 40px;
}

.intravitreal a {
    background: url(images/6b.png) no-repeat;
    background-size: 39px 40px;
}

.services-s ul {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    list-style: none;
}

.services-s ul li {
    background: #157498 none repeat scroll 0 0;
    font: 15px/20px "MyriadProRegular" !important;
    list-style: outside none none;
    padding: 5px 0 0 10px;
    border-bottom: 1px solid #c1e5f5;
}

.services-s ul li:hover {
    background: #7cafc5;
}

.testimonials-s {
    color: #000000;
    text-align: left;
    padding: 20px 0px 0px 110px;
}

.testimonials-s a {
    font: normal 16px/18px 'MyriadProRegular' !important;
    color: #000000;
    text-decoration: none;
}

.testimonials-s a:hover {
    color: #ff5704;
    text-decoration: none;
}

.testimonials-s span {
    font: normal 22px/24px 'futura_xblkcnit_btXBlkIt'!important;
    color: #ff5704;
    text-align: left;
}

.news-title-s {
    color: #000033;
    text-align: center;
}

.news-title-s a {
    font: normal 18px/36px 'Helvetica'!important;
    color: #000033;
    text-decoration: none;
}

.news-title-s a:hover {
    color: #0f64bb;
    text-decoration: none;
}

.news-text-s {
    font: bold 12px/16px Verdana, Geneva, sans-serif;
    color: #ffffff;
    padding: 19px 20px 0px 33px;
    text-align: left;
}

.news-text-s a {
    color: #ffffff;
    text-decoration: none;
}

.news-text-s a:hover {
    color: #ffffff;
    text-decoration: none;
}

.news-text-s div {
    font: normal 12px/16px Verdana, Geneva, sans-serif;
    color: #000033;
    padding: 15px 0px 0px 0px;
    text-align: left;
}

.font-s {
    color: #121627;
    padding: 30px 0px 0px 0px;
    text-align: center;
}

.font-s a {
    font: normal 14px/16px 'SegoeUI-Bold' !important;
    color: #121627;
    text-decoration: none;
}

.font-s a:hover {
    color: #121627;
    text-decoration: none;
}


/************************************* Sub Page Headings Starts ********************************************************/

.textMain h1 {
    font: normal 22px/34px 'Helvetica';
    color: #0f64bb;
    text-decoration: none;
    margin: 0px;
    border-bottom: 1px solid #9fb8bf;
    padding-bottom: 8px;
}

.textMain h2 {
    font: bold 18px/20px Verdana, Geneva, sans-serif;
    color: #09559d;
    padding: 5px 0px 5px 0px;
    text-decoration: none;
}

.textMain h2 a {
    color: #09559d;
    text-decoration: none;
}

.textMain h2 a:hover {
    color: #09559d;
    text-decoration: none;
}

.textMain h3 {
    font: bold 15px/18px Verdana, Geneva, sans-serif;
    color: #2b93b1;
    text-decoration: none;
}

.textMain h3 a {
    color: #2b93b1;
    text-decoration: none;
}

.textMain h3 a:hover {
    color: #2b93b1;
    text-decoration: none;
}


/************************************* Multimedia Page Styles ********************************************************/

.multimedia {
    font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #375f91;
    text-decoration: none;
    border: 1px solid #54AAE9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.multimedia a {
    background: url(images/movie-off.gif) no-repeat 15px 4px;
    padding: 5px 0px 5px 45px;
    color: #375f91;
    text-decoration: underline;
}

.multimedia a:hover {
    background: url(images/movie-on.gif) no-repeat 15px 4px;
    padding: 5px 0px 5px 45px;
    color: #000000;
    text-decoration: underline;
}

.multimedia .formHead a,
.multimedia .formHead a:hover {
    padding-left: 0px;
    background: none;
}


/************************************* Form Styles ********************************************************/

.tableborder {
    border: 1px solid #3693ca;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.formHead {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    background: #3693ca;
    text-decoration: none;
    padding: 5px 10px;
}

.formHead a {
    color: #ffffff;
    text-decoration: underline;
}

.formHead a:hover {
    color: #ffffff;
    text-decoration: none;
}

.formlable {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #3d3d3d;
    padding: 5px;
}

.mandatory {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #FF8204;
}

.txtfield {
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border: 1px solid #3693ca !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px !important;
    width: 175px !important;
    height: 20px;
    vertical-align: middle !important;
    padding: 2px 4px 2px 4px !important;
}

.textArea {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    width: 175px;
    border: 1px solid #3693ca !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px !important;
    vertical-align: middle !important;
    padding: 4px !important;
}

textArea {
    border: 1px solid #3693ca;
    border-radius: 5px;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    padding: 4px;
    text-decoration: none;
    vertical-align: middle;
    width: 95%;
}

form {
    margin: 0 auto;
    text-align: center;
    width: 75%;
}

.dropDown {
    width: 185px;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border: 1px solid #3693ca;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.dropDownF {
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border: 1px solid #3693ca !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 185px;
}

.txtfield-c {
    width: 300px !important;
    height: 35px;
    padding: 2px 4px;
    font: normal 18px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    vertical-align: middle;
    border: 1px solid #3693ca !important;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.txtfield-r {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #7E7E7E;
    text-decoration: none;
    border: 1px solid #3693ca !important;
    width: 220px;
    height: 20px;
    vertical-align: middle;
    padding: 2px 4px 2px 4px;
}

.ftable {
    display: block;
    float: left;
    width: 50%;
}

.textArea-c {
    width: 300px !important;
    padding: 4px;
    font: 18px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    vertical-align: middle;
    border: 1px solid #3693ca !important;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.button {
    height: 40px;
    background: #3693ca;
    color: #ffffff;
    padding: 0 10px;
    font: 19px 'MyriadProRegular';
    text-decoration: none;
    cursor: pointer;
    border: 3px solid #3693ca;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#captchac img {
    width: 120px;
    height: auto;
}


/************************************* Footer Styles ********************************************************/

#Links {
    width: 241px;
    float: left;
    margin-left: 20px;
}

#Services {
    width: 194px;
    float: left;
    margin-left: 45px;
}

#Location {
    width: 250px;
    float: left;
    margin-left: 85px;
}

#Social-Icon {
    width: 120px;
    height: auto;
    float: left;
}

.quicklinks {
    color: #333333;
    padding: 0px 0px 10px 0px;
    font: bold 16px/18px Arial, Helvetica, sans-serif !important;
}

.quicklinks a {
    font: bold 16px/18px Arial, Helvetica, sans-serif !important;
    color: #333333;
    text-decoration: none;
}

.quicklinks a:hover {
    color: #008bda;
    text-decoration: none;
}

.quick-home ul {
    color: #666666;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.quick-home ul li {
    font: normal 13px/20px Arial, Helvetica, sans-serif !important;
    list-style: none;
    padding: 0px;
    margin: 10px 0;
}

.quick-home ul li a {
    font: normal 13px/20px Arial, Helvetica, sans-serif !important;
    color: #666666;
    text-decoration: none;
}

.quick-home ul li a:hover {
    color: #666666;
    text-decoration: underline;
}

.social-icon {
    margin: 10px 0px 0px 0px;
    float: left;
}

.social-icon img {
    margin: 0px 10px 0px 0px;
}

.ypo-logo {
    float: right;
    margin: 28px 10px 0px 0px;
}

.CopyrightText {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif !important;
    width: 100%;
    height: 17px;
    color: #464646;
    text-decoration: none;
    margin: 30px 10px 0px 0px;
    float: left;
    text-align: left;
}

.CopyrightText a {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif !important;
    text-decoration: none;
    color: #464646;
}

.CopyrightText a:hover {
    text-decoration: underline;
    color: #464646;
}

.share-button {
    margin: 20px 10px 0px 0px !important;
    border: 0;
    clear: both;
}


/************************************* Intractivity Styles ********************************************************/

#Banner {
    height: 590px;
    margin: 0 auto;
    position: relative;
    top: -60px;
    width: 100%;
}

.demo {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 590px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.demo1 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 1000px;
    height: 590px;
    padding: 0px;
    margin: 0px auto;
}

#Interactivity {
    width: 100%;
    height: 590px;
    position: relative;
    margin: 0px auto;
}

.leftBG {
    width: 352px;
    height: 590px;
    position: absolute;
    display: block;
    margin: 0px 0px 0px -352px;
    background: url(images/banner1-l-bg-new.jpg) no-repeat left 5px;
}

.rightBG1 {
    width: 228px;
    height: 590px;
    position: absolute;
    margin: 0px 0px 0px 1000px;
    background: url(images/banner1-r-bg-new.jpg) no-repeat left top;
}

.rightBG2 {
    width: 228px;
    height: 590px;
    position: absolute;
    margin: 0px 0px 0px 1000px;
    background: url(images/banner2-r-bg-new.jpg) no-repeat left top;
}

.rightBG3 {
    width: 228px;
    height: 590px;
    position: absolute;
    margin: 0px 0px 0px 1000px;
    background: url(images/banner3-r-bg-new.jpg) no-repeat left top;
}

.rightBG4 {
    width: 228px;
    height: 590px;
    position: absolute;
    margin: 0px 0px 0px 1000px;
    background: url(images/banner4-r-bg-new.jpg) no-repeat left top;
}

#Intra1-l-bg {
    width: 1000px;
    height: 590px;
    background: url(images/intra1-l-bg-new.jpg) no-repeat left top;
    /*background-size:50% auto;*/
}

#Intra2-l-bg {
    width: 1000px;
    height: 590px;
    background: url(images/intra2-l-bg-new.jpg) no-repeat left top;
    /*background-size:50% auto;*/
}

#Intra3-l-bg {
    width: 1000px;
    height: 590px;
    background: url(images/intra3-l-bg-new.jpg) no-repeat left top;
    /*background-size:50% auto;*/
}

#Intra4-l-bg {
    width: 1000px;
    height: 590px;
    background: url(images/intra4-l-bg-new.jpg) no-repeat left top;
    /*background-size:50% auto;*/
}

.Intra1-r-bg {
    width: 1000px;
    height: 590px;
    background: url(images/intra1-r-bg-new.jpg) no-repeat right top;
    /*background-size:50% auto;*/
}

.Intra2-r-bg {
    width: 1000px;
    height: 590px;
    background: url(images/intra2-r-bg-new.jpg) no-repeat right top;
    /*background-size:50% auto;*/
}

.Intra3-r-bg {
    width: 1000px;
    height: 590px;
    background: url(images/intra3-r-bg-new.jpg) no-repeat right top;
    /*background-size:50% auto;*/
}

.Intra4-r-bg {
    width: 1000px;
    height: 590px;
    background: url(images/intra4-r-bg-new.jpg) no-repeat right top;
    /*background-size:50% auto;*/
}


/************************************* Fade-in-Out SUB Styles ********************************************/

#Banner-s {
    width: 100%;
    height: 293px;
    margin: 0 auto;
    background: url(images/intra-s-bg.jpg) no-repeat center top !important;
}

#Interactivity-s {
    width: 1000px;
    height: 293px;
    position: relative;
    margin: 0px auto;
}


/************************************* Interactivity SUB Styles ********************************************/

.demo-s {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 227px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.demo1-s {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 227px;
    padding: 0px;
    margin: 0px auto;
}

#Profile1 {
    width: 100%;
    height: 227px;
    background: url(images/intra1-s-bg-new.png) no-repeat center top;
}

#Profile2 {
    width: 100%;
    height: 227px;
    background: url(images/intra2-s-bg-new.png) no-repeat center top;
}

#Profile3 {
    width: 100%;
    height: 227px;
    background: url(images/intra3-s-bg-new.png) no-repeat center top;
}

#Profile4 {
    width: 100%;
    height: 227px;
    background: url(images/intra4-s-bg-new.png) no-repeat center top;
}

#Intra-Button {
    height: 12px;
    margin: 140px 0 0 96px;
    position: absolute;
    width: 65px;
    z-index: 20;
}

.intratextmain {
    color: #008bda;
    text-decoration: none;
    text-align: center;
    padding: 145px 0px 0px 0px;
}

.intratextmain a {
    font: bold 18px/20px 'MyriadProRegular' !important;
    color: #008bda;
    text-decoration: none;
}

.intratextmain a:hover {
    text-decoration: none;
    color: #466e84;
}

.intratextmain span {
    font: normal 13px/20px Verdana, Geneva, sans-serif !important;
    color: #09559d;
    text-decoration: none;
    text-align: center;
}

.intra-more {
    color: #000033;
    text-decoration: none;
    text-align: center;
}

.intra-more a {
    font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif !important;
    color: #000033;
    text-decoration: none;
}

.intra-more a:hover {
    color: #466e84;
    text-decoration: none;
}

#Intra1-s {
    width: 1000px;
    height: 293px;
    background: url(images/image1.jpg) no-repeat center top;
}

#Intra2-s {
    width: 1000px;
    height: 293px;
    background: url(images/image2.jpg) no-repeat center top;
}

#Intra3-s {
    width: 1000px;
    height: 293px;
    background: url(images/image3.jpg) no-repeat center top;
}

#Intra4-s {
    width: 1000px;
    height: 293px;
    background: url(images/image4.jpg) no-repeat center top;
}

#Intra5-s {
    width: 1000px;
    height: 293px;
    background: url(images/image5.jpg) no-repeat center top;
}


/************************************* dr-profile Styles ********************************************************/

#dr {
    width: 1000px;
    height: 293px;
    margin: 0px auto;
}

#dr-section {
    width: 1000px;
    height: 293px;
    margin: 0px auto;
}

.dr-div {
    width: 1000px;
    height: 293px;
    margin: 0px auto;
}

.slide {
    width: 1000px;
    height: 293px;
    display: none;
    margin: 0px auto;
}

#Logo-s {
    width: 50%;
    height: 222px;
    position: relative;
    float: left;
}

#dr-h {
    width: 100%;
    height: 293px;
}

#dr-section-h {
    width: 100%;
    height: 235px;
}

.dr-div-h {
    width: 100%;
    height: 235px;
    margin: 0px auto;
}

.slide-h {
    width: 100%;
    height: 235px;
    display: none;
    margin: 0px auto;
}

#Intra1-h {
    width: 100%;
    height: 220px;
    margin: 0px auto;
    background: url(images/gayatri-bannerjee-img-new.png) no-repeat left 30px;
    background-size: 48% auto;
}

#Intra2-h {
    width: 100%;
    height: 220px;
    margin: 0px auto;
    background: url(images/graeme-wards-bg-new.png) no-repeat left bottom;
    background-size: 50% auto;
}

#Intra3-h {
    width: 100%;
    height: 220px;
    margin: 0px auto;
    background: url(images/season-yeung-bg-new.png) no-repeat left bottom;
    background-size: 50% auto;
}

#Intra4-h {
    width: 100%;
    height: 220px;
    margin: 0px auto;
    background: url(images/dr-aparna-raniga-home-img.png) no-repeat left bottom;
    background-size: 50% auto;
}

#Logo-s img {
    margin: 7px 0px 0px 44px;
}


/************************************* Custom Styles ********************************************************/

#macula {
    width: 44%;
    height: 244px;
    float: left;
    margin: 0px 30px 0px 10px;
}

#macula img {
    margin-bottom: 10px;
}

#eye-disease {
    width: 43%;
    height: 263px;
    float: left;
    margin: 0px 30px 0px 10px;
}

#eye-disease img {
    margin: 0px 0px 10px -10px;
}

.Servicestext {
    font: normal 19px/23px 'MyriadProRegular';
    color: #000000;
    text-decoration: none;
    text-align: center;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.Servicestext li {
    background-image: none !important;
    width: 50%;
    float: left;
    margin: 0px 0px 15px 0px !important;
    padding: 0px !important;
}

.Servicestext a {
    color: #000000;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 95%;
    height: 25px;
    border: 1px solid #000000;
    padding: 10px 0px 10px 0px;
    margin: 0px auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #eae7e7;
}

.Servicestext a:hover {
    text-decoration: none;
    color: #000000;
    display: block;
    border: 1px solid #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #d1cfcf;
}

.telephone {
    color: #000033;
    font: 12px/28px Verdana, Arial, Helvetica, sans-serif;
    height: 100px;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

.telephone ul {
    margin: 20px 0px 0px 0px;
    padding: 0;
}

.telephone li {
    background: none repeat scroll 0 0 transparent !important;
    float: left;
    padding: 6px 0 0px 0px !important;
    width: 45%;
}

.telephone a {
    color: #000033;
    display: block;
    padding: 2px 0 2px 45px;
    text-decoration: underline;
}

.telephone a:hover {
    color: #000033;
    padding: 2px 0 2px 45px;
    text-decoration: underline;
}

.telephone img {
    margin: 0 5px 0 0;
}

.listbg {
    font: normal 17px/28px Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    text-align: center;
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 85px;
}

.listbg li {
    background-image: none !important;
    width: 40%;
    float: left;
    margin: 15px 0px 0px 0px !important;
    padding: 0px !important;
}

.listbg a {
    color: #fff;
    display: block;
    text-align: left;
    text-decoration: none;
    width: auto;
    height: 40px;
    border: 1px solid #0D182C;
    padding: 12px 5px 0px 10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #163664;
    margin-right: 20px;
}

.listbg a:hover {
    text-decoration: none;
    color: #fff;
    display: block;
    border: 1px solid #0E4C6A;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #09559D;
}

.testimonials-submit {
    width: 190px;
    margin-top: 10px;
}

.testimonials-submit a {
    background: #163664;
    padding: 6px 5px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}

.testimonials-submit a:hover {
    background: #09559D;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
}

.tradio span.wpcf7-radio {
    width: 50%;
    float: right;
}

.tradio span.wpcf7-radio span.wpcf7-list-item {
    width: 100%;
    display: block;
    float: left;
    text-align: left;
    padding-bottom: 10px;
}

.tradio span.wpcf7-radio span input[type="radio"] {
    float: left;
}

#wp-realtime-sitemap-menu h3 {
    display: none;
}

#wp-realtime-sitemap-menu ul {
    margin: 0px;
    padding: 0px;
    background: none;
}

#wp-realtime-sitemap-menu a {
    background: none !important;
}

#wp-realtime-sitemap-menu a:hover {
    background: none;
}

#wp-realtime-sitemap-menu ul li {
    font-weight: bold;
}

#wp-realtime-sitemap-menu ul ul {
    margin: 0px 0px 0px 35px;
}

#wp-realtime-sitemap-menu ul ul li {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    font-weight: normal;
    list-style: disc;
}

#wp-realtime-sitemap-menu ul li ul li ul li {
    list-style: circle;
    text-align: left;
}

.tab-bg {
    font: normal 17px/28px Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    text-align: center;
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 65px;
}

.tab-bg li {
    background-image: none !important;
    width: 27%;
    float: left;
    margin: 15px 0px 0px 0px !important;
    padding: 0px !important;
}

.tab-bg a {
    color: #fff;
    display: block;
    text-align: left;
    text-decoration: none;
    width: auto;
    height: 35px;
    border: 1px solid #0D182C;
    padding: 5px 5px 0px 10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #163664;
    margin-right: 20px;
}

.tab-bg a:hover {
    text-decoration: none;
    color: #fff;
    display: block;
    border: 1px solid #0E4C6A;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #09559D;
}

#cataract-bg {
    width: 51%;
    height: 81px;
}

.memberships li {
    background: none !important;
    float: left;
    margin-right: 40px;
    padding-left: 0 !important;
}

.view-profile>a {
    background: #3693ca none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
}

.jcarousel-item span {
    color: #000;
    display: block;
    font-weight: bold;
}

.jcarousel-item a,
.jcarousel-item a:hover {
    text-decoration: none;
}

.location-map {
    width: 100%;
    background: url(images/location-map.jpg) no-repeat center center;
    height: 552px;
}

.map {
    max-width: 1699px;
    margin: 0 auto
}

.map-img {
    display: none;
}

#Menu-Sub {
    width: 100%;
    position: relative;
}

.menu-subpage {
    max-width: 1000px;
    margin: 0 auto;
}

.top-all {
    position: absolute;
    width: 1000px;
    z-index: 9999999;
}

.menu-left {
    float: left;
}

.menu-right {
    float: right;
    width: 52%;
}

.menu-right>div {
    float: left;
    text-align: center;
    width: auto;
    margin: 10px 20px;
}

.menu-right>div a {
    color: #014682;
    display: inline-block;
    /*padding: 10px;*/
    text-decoration: none;
    font-family: "SegoeUI-Bold";
    font-size: 16px;
}

.menu-right>div.call-s>a {
    font-size: 22px;
}

.appt-s>a,
.location-s>a {
    border: 1px solid #c9ebf8;
}

.logo {
    margin-top: 20px;
}

.listbg>li {
    float: none;
    height: auto;
    color: #000;
    width: 100%;
}

.listbg img {
    float: left;
}

.service-info {
    float: right;
    width: 80%;
    text-align: justify;
}

.service-info>a {
    background: none;
    color: #000;
    border: none;
    font-weight: bold;
}

.service-info>a:hover {
    background: none;
    color: #000;
    border: none;
}

#dr-profile .demo-s>#div1,
#dr-profile .demo-s>#div2,
#dr-profile .demo-s>#div3,
#dr-profile .demo-s>#div4 {
    background: none !important;
}

.Main-Footer {
    width: 100%;
    background: #c1e5f5;
}

.text-banner {
    float: left;
    font-family: Helvetica;
    margin-top: 13%;
    text-align: left;
    width: 400px;
    font-size: 15px;
}

.text-banner h4 {
    color: #025f9f;
}

.make-appt {
    float: right;
}

.make-appt>a {
    color: #fff;
    background: #09559d;
    text-decoration: none;
    display: inline-block;
    padding: 8px 15px;
}

.text-banner h4 a {
    color: #025f9f;
    text-decoration: none;
}

#Tabs h2 {
    margin-top: 20px;
    text-align: center;
}

.services>li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    float: left;
    margin: 8px 15px;
    padding: 0 !important;
    width: 250px;
}

.services a {
    background: #09559d none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    padding: 15px 0 15px 15px;
    text-decoration: none;
    width: 100%;
}

.services a:hover {
    color: #fff;
}

.flexi-section {
    background: #41acdc none repeat scroll 0 0;
}

.text-banner>h3 a {
    color: #09559d;
    font-family: "Helvetica";
    font-size: 22px;
    text-align: left;
    text-decoration: none;
}

.text-banner>h3 {
    color: #09559d;
    font-family: "Helvetica";
    font-size: 22px;
    text-align: left;
}

@media screen and (max-width: 1000px) {
    .location-map {
        background: rgba(0, 0, 0, 0) url("images/location-map.jpg") no-repeat scroll center center / 100% auto;
        height: 450px;
    }
}

@media screen and (max-width: 768px) {
    form {
        width: 100%;
    }
    .text-banner {
        display: none;
    }
    .subp-menu-bg {
        margin-top: 32px;
    }
    .top-all {
        width: 100%;
    }
    .menu-right {
        width: 40%;
    }
    .menu-right>div {
        float: none;
    }
    .map-img {
        display: block;
    }
    .location-map {
        background: none;
    }
    .book-appt a,
    .locations a {
        font-size: 14px;
        padding: 3px 5px;
    }
    #Appointment {
        width: 65%;
    }
    #Banner {
        background: none;
        height: auto;
    }
    #Intra1-l-bg,
    #Intra2-l-bg,
    #Intra3-l-bg,
    #Intra4-l-bg,
    .Intra1-r-bg,
    .Intra2-r-bg,
    .Intra3-r-bg,
    .Intra4-r-bg {
        background: none;
    }
    #div1 {
        background: url(images/banner-1-sm.jpg);
    }
    #div2 {
        background: url(images/banner-2-sm.jpg);
    }
    #div3 {
        background: url(images/banner-3-sm.jpg);
    }
    #div4 {
        background: url(images/banner-4-sm.jpg);
    }
    #Meet-dr {
        height: 155px;
        margin-left: 33px;
        margin-top: 38.4%;
        width: 55%;
    }
    .meet-dr {
        padding: 60px 0 0 183px;
    }
    .meet-dr a {
        font: 16px/18px 'trajan_proregular' !important;
    }
    .meet-dr div a,
    .meet-dr div a:hover {
        font: 20px/28px 'CenturyGothic' !important;
    }
    .meet-dr span {
        font: normal 11px/18px Verdana, Geneva, sans-serif !important;
    }
    .main-menu {
        background: #09559d none repeat scroll 0 0;
        height: 43px;
        margin-top: -230px;
        width: 100%;
    }
    #Intra1-h,
    #Intra2-h,
    #Intra3-h,
    #Intra4-h {
        background-position: -10px -5px;
        background-size: 47% auto;
        height: 172px;
    }
    .dr-fonts {
        background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    }
    #Appointment>div {
        margin: 0 5px;
    }
    .appointment a {
        font: 20px/28px "SegoeUI-Bold" !important;
        /*padding: 0;*/
    }
    #Menu-section {
        width: 100%;
    }
    #access {
        width: 100%;
    }
    #Header-in {
        width: 100%;
        height: auto;
    }
    #Logo {
        width: 208px;
    }
    #Logo img {
        height: auto;
        max-width: 100%;
    }
    /*#Logo, #Appointment {
	height:179px;
}*/
    #Logo-s {
        height: 190px;
    }
    #Logo-s img {
        width: 55%;
        height: auto;
    }
    #Fonts {
        width: 11%;
        height: 172px;
        background-size: 94% auto;
    }
    .font {
        padding: 124px 29px 0 0;
    }
    #Meet-dr img {
        width: 43.5%;
        height: auto;
    }
    #Tabs {
        width: 100%;
        height: 207px;
    }
    #Col-section-in {
        width: 100%;
    }
    #cataract-bg {
        width: 100%;
        height: 81px;
    }
    .col1 {
        width: 31%;
        padding: 0px 0px 0px 9px;
    }
    .col1 p {
        margin: 40px 32px 0px 12px !important;
    }
    .endq {
        margin: 6px 0 0 10px !important
    }
    .startq {
        margin: 0 15px 0 0 !important;
    }
    #cataract {
        width: 52%;
        height: auto;
    }
    .col1 img {
        margin: 11px 49px 12px 18px
    }
    .col2 {
        width: 31%;
        padding: 0px 16px 0px 10px;
    }
    .col3 {
        width: 31%;
        padding: 0px 0px 0px 10px;
    }
    #Header-in-s {
        width: 100%;
        height: 190px;
    }
    #Banner-s {
        background: url(images/intra-s-t-bg.jpg) no-repeat center top !important;
        background-size: 50% auto !important;
        height: 190px;
    }
    #Appointment-s {
        width: 50%;
        height: 105px;
    }
    #Fonts-s {
        width: 10%;
    }
    #Interactivity-s {
        width: 100%;
    }
    .fadeT,
    .fadeT1 {
        width: 100%;
    }
    #Footer {
        width: 100%;
    }
    #Links {
        width: 23%;
    }
    #Services {
        width: 20%;
    }
    #Location {
        width: 32%;
        margin-left: 0px;
    }
    #Content-main {
        width: 100%;
    }
    #Content {
        width: 69%;
    }
    #Sidebar {
        width: 30%;
    }
    .news-title {
        color: #0f64bb;
        padding: 10px 0px 5px 0px;
    }
    .col-list {
        margin: 6px 0 0 0;
    }
    .demo1 {
        width: 100%;
        height: 351px;
    }
    .leftBG {
        display: none;
    }
    .rightBG {
        display: none;
    }
    .rightBG1 {
        display: none;
    }
    .rightBG2 {
        display: none;
    }
    .rightBG3 {
        display: none;
    }
    .rightBG4 {
        display: none;
    }
    .rightBG5 {
        display: none;
    }
    #Intra1-l-bg {
        width: 100%;
        height: 351px;
    }
    #Intra2-l-bg {
        width: 100%;
        height: 351px;
    }
    #Intra3-l-bg {
        width: 100%;
        height: 351px;
    }
    #Intra4-l-bg {
        width: 100%;
        height: 351px;
    }
    #Intra5-l-bg {
        width: 100%;
        height: 351px;
    }
    .Intra1-r-bg {
        width: 100%;
        height: 351px;
    }
    .Intra2-r-bg {
        width: 100%;
        height: 351px;
    }
    .Intra3-r-bg {
        width: 100%;
        height: 351px;
    }
    .Intra4-r-bg {
        width: 100%;
        height: 351px;
    }
    .Intra5-r-bg {
        width: 100%;
        height: 351px;
    }
    #dr {
        width: 100%;
    }
    #dr-section {
        width: 100%;
    }
    .dr-div {
        width: 100%;
    }
    .slide {
        width: 100%;
    }
    #Intra1-s {
        width: 100%;
        background: url(images/image1.jpg) no-repeat center top;
        background-size: 100% auto;
    }
    #Intra2-s {
        width: 100%;
        background: url(images/image2.jpg) no-repeat center top;
        background-size: 100% auto;
    }
    #Intra3-s {
        width: 100%;
        background: url(images/image3.jpg) no-repeat center top;
        background-size: 100% auto;
    }
    #Intra4-s {
        width: 100%;
        background: url(images/image4.jpg) no-repeat center top;
        background-size: 100% auto;
    }
    #Intra5-s {
        width: 100%;
        background: url(images/image5.jpg) no-repeat center top;
        background-size: 100% auto;
    }
    /*--------------Menu--------------*/
    #access a {
        font: normal 15px/43px 'CenturyGothic'!important;
    }
    .menu-item-11 a {
        background: url(images/home-off.gif) no-repeat 0 0;
        width: 70px;
        text-decoration: none;
    }
    .menu-item-33 a {
        background: url(images/about-off.gif) no-repeat 0 0;
        width: 85px;
        text-decoration: none;
    }
    .menu-item-31 a {
        background: url(images/services-off.gif) no-repeat 0 0;
        width: 78px;
        text-decoration: none;
    }
    .menu-item-34 a {
        background: url(images/patient-info-off.gif) no-repeat 0 0;
        width: 89px;
        text-decoration: none;
    }
    .menu-item-35 a {
        background: url(images/appointments-off.gif) no-repeat 0 0;
        width: 117px;
        text-decoration: none;
    }
    .menu-item-28 a {
        background: url(images/doctor-referrals-off.gif) no-repeat 0 0;
        width: 110px;
        text-decoration: none;
    }
    .menu-item-27 a {
        background: url(images/faqs-off.gif) no-repeat 0 0;
        width: 55px;
        text-decoration: none;
    }
    .menu-item-26 a {
        background: url(images/contact-off.gif) no-repeat 0 0;
        width: 80px;
        text-decoration: none;
    }
    #dr-h {
        width: 100%;
        height: 172px;
    }
    #dr-section-h {
        width: 100%;
        height: 172px;
    }
    .dr-div-h {
        height: 172px;
    }
    .slide-h {
        height: 172px;
    }
    .telephone {
        height: 158px;
    }
    .telephone li {
        width: 52%;
    }
}

@media screen and (max-width: 640px) {
    .fb_iframe_widget span {}
    .col1 {
        margin: 15px auto;
        padding: 80px 0 0;
    }
    .menu-item {
        width: 100%;
    }
    #Sidebar {
        min-height: 1244px;
    }
    .subp-menu-bg {
        display: none;
    }
    .top-all {
        position: inherit;
        width: auto;
        z-index: 9999999;
    }
    .menu-left {
        float: none;
        text-align: center;
    }
    .menu-right {
        clear: both;
        float: none;
        width: auto;
        margin: 15px 0;
    }
    .menu-right>div {
        float: none;
        margin: 0;
        text-align: center;
        width: auto;
    }
    .menu-right>div a {
        font-size: 13px;
    }
    .menu-right>div.call-s>a {
        font-size: 17px;
    }
    .map-img img {
        max-width: 100%;
    }
    .location-map {
        height: auto;
    }
    #mheader {
        display: block;
        padding: 0px;
        z-index: 24;
        background: #007CC5;
    }
    #wrapper {
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        width: 100%;
        z-index: 99999999;
        overflow: hidden;
    }
    #Menu-section {
        height: 0px;
    }
    #access {
        display: none;
    }
    .menu-bg {
        font: normal 17px/44px Verdana, Geneva, sans-serif !important;
        color: #013469 !important;
        width: 100%;
        height: 44px;
        background: url(images/menu-m-bg.gif) repeat-x left top;
    }
    .menu-bg a,
    .menu-bg a:hover {
        color: #362f26 !important;
        text-decoration: none !important;
    }
    .menu-m {
        font: normal 20px/44px 'MyriadProRegular';
        color: #362f26 !important;
        text-decoration: none !important;
        text-align: center !important;
        width: 100% !important;
        margin: 0px 0px 0px 0px !important;
        height: 44px;
        float: right;
        position: relative;
    }
    .menu-m a,
    .menu-m a:hover {
        color: #ffffff !important;
        text-decoration: none !important;
        display: block;
    }
    .menu-m img {
        margin: 13px 18px 0px 0px !important;
    }
    #Header-in {
        margin: 0px auto;
    }
    #Logo {
        clear: both;
        display: inline-block;
        float: left;
        height: auto;
        text-align: left;
        width: auto;
    }
    #Logo img {
        width: auto;
    }
    #Appointment>div {
        clear: both;
        float: none;
        margin: 5px;
        padding: 0;
    }
    #Appointment {
        float: right;
        height: 48px;
        margin-right: 50px;
        margin-top: 20px;
        width: auto;
    }
    .main-menu {
        margin-top: 0;
        width: 100%;
        display: none;
    }
    #Meet-dr {
        height: auto;
        width: 60%;
        margin: 43% auto 0;
    }
    .dr-fonts {
        background: #fff;
        margin-top: 69%;
    }
    #Intra1-h,
    #Intra2-h,
    #Intra3-h,
    #Intra4-h {
        background-position: 0 21px;
    }
    .appointment {
        text-align: left;
        padding: 7px 27px 0 48px;
    }
    .locations>a {
        width: 128px;
        text-align: center;
    }
    #Meet-dr img {
        width: 36%;
    }
    .meet-dr {
        padding: 70px 0 43px 139px;
    }
    .meet-dr a {
        font: 14px/18px 'trajan_proregular' !important;
    }
    #Fonts {
        display: none;
    }
    #Fonts-s {
        display: none;
    }
    #Banner,
    #Interactivity,
    .demo,
    .demo1,
    #Intra1-l-bg,
    .Intra1-r-bg,
    #Intra2-l-bg,
    .Intra2-r-bg,
    #Intra3-l-bg,
    .Intra3-r-bg,
    #Intra4-l-bg,
    .Intra4-r-bg,
    #Intra5-l-bg,
    .Intra5-r-bg {
        height: 291px;
    }
    #Banner {
        top: 0;
    }
    #div1,
    #div2,
    #div3,
    #div4 {
        background-position: center center;
    }
    #Tabs {
        display: none;
    }
    #Col-section {
        background: #e8f6fa none repeat scroll 0 0;
        margin: 135px auto 0;
        padding-top: 15px;
        width: 100%;
    }
    .col1 p {
        margin: 0px auto;
    }
    .col1 {
        width: 70%;
        background: #e9f6fa;
        height: 151px;
        margin: 0px auto;
        float: none;
    }
    .col2 {
        width: 70%;
        background: #e9f6fa;
        height: 221px;
        padding: 0px;
        margin: 0px auto;
        float: none;
    }
    .col3 {
        width: 65%;
        background: #e9f6fa;
        padding: 0px;
        height: 283px;
        margin: 0px auto;
        float: none;
    }
    #Col-section-in {
        background: #e9f6fa;
        height: auto;
    }
    #cataract {
        width: 33%;
    }
    .col1 img {
        margin: -31px 17px 12px 0px;
    }
    .col-list li img {
        margin: 20px 15px 0 100px;
    }
    .startq {
        margin: -5px 10px 0 -15px !important;
    }
    .news-title {
        padding: 10px 30px 5px 0px;
    }
    .col-list {
        background: none;
    }
    .col-list li {
        background: url(images/quick-links-s-bg.gif) no-repeat scroll left bottom;
        background-size: 100% auto;
    }
    #Links {
        width: 23%;
    }
    #Services {
        width: 22%;
        margin-left: 26px;
    }
    #Location {
        width: 40%;
    }
    .menu-item-11 a,
    .menu-item-33 a,
    .menu-item-31 a,
    .menu-item-34 a,
    .menu-item-35 a,
    .menu-item-28 a,
    .menu-item-27 a,
    .menu-item-26 a,
    .menu-item-33 ul a,
    .menu-item-181 ul a,
    .menu-item-35 ul a {
        width: 100% !important;
    }
    #Header-in-s {
        margin: 0px auto;
        height: 159px;
    }
    #Appointment-s {
        width: 43%;
        height: 38px;
    }
    #Logo-s {
        height: 92px;
        width: 100%;
    }
    #Logo-s img {
        margin: 7px 0 0 44px;
        width: 25%;
    }
    .font-s {
        padding: 25px 29px 0 0;
    }
    #Banner-s,
    #dr,
    #dr-section,
    .dr-div,
    .slide,
    #Intra1-s,
    #Intra2-s,
    #Intra3-s,
    #Intra4-s,
    #Intra5-s {
        height: 159px;
    }
    #Content {
        width: 100%;
        float: none;
    }
    #Sidebar {
        clear: both;
        float: none;
        margin: 0 auto;
        width: 44%;
    }
    #Intra-Button {
        margin: 130px 0 0 128px;
    }
    #Services-s {
        height: auto;
    }
    .services-s ul li {
        background-size: 100% auto;
        font: 15px/52px 'MyriadProRegular' !important;
        padding: 0 0 0 48px;
    }
    .services-s ul li:last-child {
        background-size: 100% auto;
    }
    #Testimonials-s {
        background: url(images/testimonials-s-bg.jpg) no-repeat scroll 1px top;
        background-size: 100% auto;
        height: 105px;
    }
    .Quick-links-s ul li {
        background-size: 100% auto;
    }
    .Quick-links-s li img {
        margin: 20px 15px 0 40px;
    }
    #Latest-News-s {
        background-size: 100% auto;
        height: 315px;
    }
    .news-title-s a {
        font: 18px/44px 'trajan_proregular' !important;
    }
    .news-text-s {
        font: bold 14px/16px Verdana, Geneva, sans-serif;
        padding: 37px 20px 0 33px;
    }
    .news-text-s div {
        font: 13px/16px Verdana, Geneva, sans-serif;
        padding: 26px 0 0;
    }
    #Latest-News-s img {
        margin: 36px auto 0 auto;
    }
    #Services-m {
        width: 300px;
        height: auto;
        margin: 0px auto;
        border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        display: block;
        padding-top: 10px;
    }
    .services-main-m {
        font: normal 18px/44px 'trajan_proregular';
        color: #ffffff;
        text-align: center;
        width: 100%;
        border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        background: #12a3ec;
    }
    .services-main-m a {
        color: #ffffff;
        text-decoration: none;
    }
    .services-main-m a:hover {
        color: #ffffff;
        text-decoration: none;
    }
    .services-m {
        font: normal 18px/44px 'MyriadProRegular';
        color: #ffffff;
        text-decoration: none;
        text-align: left;
    }
    .services-m a {
        color: #ffffff;
        text-decoration: none;
        font: normal 18px/44px 'MyriadProRegular' !important;
    }
    .services-m a:hover {
        color: #c5cdd1;
        text-decoration: none;
    }
    .services-m ul {
        padding: 10px 0px 0px 0px;
        background: #007CC5;
        margin: 0px;
        list-style: none;
    }
    .services-m ul li {
        font: normal 18px/60px 'MyriadProRegular' !important;
        background: url(images/services-s-bg.gif) no-repeat left bottom;
        background-size: 100% auto;
        list-style: none;
        padding: 0px 0px 0px 61px;
    }
    .services-m ul li:last-child {
        background: url(images/services-s-l-bg.gif) no-repeat left bottom;
        background-size: 100% auto;
    }
    .navigation {
        padding: 20px 30px 5px 27px;
    }
    .textMain {
        padding: 5px 30px 30px 27px;
    }
    #dr-h {
        height: 142px;
    }
    #dr-section-h {
        height: 142px;
    }
    .dr-div-h {
        height: auto;
    }
    .slide-h {
        height: auto;
    }
    #Intra1-h,
    #Intra2-h,
    #Intra3-h,
    #Intra4-h {
        height: auto;
        background-size: 36% auto;
    }
    .txtfield {
        width: 108px !important;
    }
    #cataract-bg {
        width: 87%;
    }
    .col1 p {
        margin: -79px 32px 0px 12px !important;
    }
    .loc-views img {
        width: 200px;
    }
}

@media screen and (max-width: 480px) {
    .menu-right {
        margin-top: 15px;
    }
    .menu-right>div a {
        font-size: 14px;
        padding: 4px;
        margin-bottom: 10px;
    }
    .menu-right>div.call-s>a {
        font-size: 16px;
    }
    #Logo {
        clear: both;
        float: none;
        text-align: center;
        width: 100%;
    }
    #Logo img {
        width: auto;
    }
    .appointment a {
        font: 14px/20px 'SegoeUI-Bold' !important;
    }
    .appointment {
        padding: 0px 27px 0 26px;
        font: 16px/18px 'SegoeUI-Bold';
    }
    #Appointment {
        float: none;
        height: auto;
        margin: 30px 0;
        text-align: center;
        width: 100%;
    }
    #Appointment>div {
        text-align: center;
    }
    #Appointment-s {
        width: 50%;
        height: auto;
    }
    #Meet-dr {
        width: 80%;
        height: 106px;
    }
    #Meet-dr img {
        width: 33%;
    }
    .meet-dr {
        padding: 31px 0 0 112px;
    }
    .meet-dr a {
        font: 13px/18px 'trajan_proregular' !important;
    }
    .meet-dr div a,
    .meet-dr div a:hover {
        font: 18px/28px 'CenturyGothic' !important;
    }
    #Fonts {
        display: none;
    }
    #Banner,
    #Interactivity,
    .demo,
    .demo1,
    #Intra1-l-bg,
    .Intra1-r-bg,
    #Intra2-l-bg,
    .Intra2-r-bg,
    #Intra3-l-bg,
    .Intra3-r-bg,
    #Intra4-l-bg,
    .Intra4-r-bg,
    #Intra5-l-bg,
    .Intra5-r-bg {
        height: 219px;
    }
    #Banner {
        margin-top: 35%;
        top: 0;
    }
    .services-m ul li {
        background: url(images/services-m-bg.gif) no-repeat scroll left bottom;
        background-size: 100% auto;
        font: 18px/48px 'MyriadProRegular' !important;
    }
    .col1 {
        width: 76%;
    }
    .col2 {
        width: 76%;
        height: 257px;
    }
    .col3 {
        width: 84%;
    }
    .services-m ul li:last-child {
        background: url(images/services-m-l-bg.gif) no-repeat scroll left bottom;
        background-size: 100% auto;
    }
    #Links {
        width: 47%;
        height: auto;
    }
    #Services {
        width: 39%;
        height: auto;
    }
    #Location {
        width: 70%;
        height: auto;
        margin-left: 20px;
    }
    .share-button {
        margin: 20px 122px 20px 0px !important;
    }
    .CopyrightText {
        margin: -5px 10px 0 0px;
        height: 55px;
    }
    #Logo-s {
        height: 75px;
    }
    #Logo-s img {
        width: 26%;
        margin: 7px 0 0 27px;
    }
    .font-s {
        padding: 8px 54px 0 0;
    }
    .font-s a {
        font: 12px/16px 'SegoeUI-Bold' !important;
    }
    #Header-in-s {
        height: 119px;
    }
    #Banner-s,
    #dr,
    #dr-section,
    .dr-div,
    .slide,
    #Intra1-s,
    #Intra2-s,
    #Intra3-s,
    #Intra4-s,
    #Intra5-s {
        height: 121px;
    }
    .services-s ul li {
        /*background:url(images/services-m-bg.gif) no-repeat scroll left bottom;*/
        background-size: 100% auto;
        font: 18px/48px 'MyriadProRegular' !important;
    }
    /*.services-s ul li:last-child {
	background:url(images/services-m-l-bg.gif) no-repeat scroll left bottom;
	background-size:100% auto;
}*/
    #Sidebar {
        width: 70%;
    }
    #Meet-dr-s {
        height: auto;
    }
    #Services-s {
        background: none;
        height: auto;
    }
    /*.services-s ul {
	background:#007CC5;
}*/
    #Testimonials-s {
        height: 135px;
    }
    #Latest-News-s {
        height: 377px;
    }
    .news-text-s {
        padding: 10px 28px 0 36px;
        font: bold 15px/16px Verdana, Geneva, sans-serif;
    }
    .news-text-s div {
        font: 14px/16px Verdana, Geneva, sans-serif;
    }
    #Footer-Section {
        height: auto;
    }
    #Footer {
        height: 547px;
    }
    #Intra-Button {
        margin: 130px 0 0 157px;
    }
    #dr-h {
        height: 106px;
    }
    #dr-section-h {
        height: 106px;
    }
    .dr-div-h {
        height: 106px;
    }
    .slide-h {
        height: 106px;
    }
    #Intra1-h,
    #Intra2-h,
    #Intra3-h,
    #Intra4-h {
        height: 106px;
    }
    .listbg li {
        width: 100%;
    }
    .telephone li {
        width: 100%;
    }
    .telephone {
        height: 116px;
    }
    .tableborder img {
        /*width:150px;*/
        height: auto;
        margin-right: 39px !important;
    }
    #recaptcha_area {
        width: 318px;
        margin: 0px 0px 0px -4px !important;
    }
    .wpcf7-form table {
        margin: 0px 0px 0px -5px!important;
    }
    .wpcf7-form table table {
        margin: 0px !important;
    }
    .textAreaB {
        width: 90% !important;
    }
    .tableborder img {
        /*width:8px;*/
        height: auto;
        margin-right: 11px !important;
    }
    .listbg {
        height: 165px !important;
    }
    .tab-bg li {
        width: 50%;
    }
    #cataract-bg {
        width: 83%;
    }
    .col1 img {
        margin: 5px 17px 12px 0px;
    }
    #Intra1-h {
        background-size: 28% auto;
    }
    #Intra2-h {
        background-size: 29% auto;
    }
    #Intra3-h {
        background-size: 25% auto;
    }
    #Intra4-h {
        background-size: 25% auto;
    }
}

@media screen and (max-width: 360px),
screen and (max-width: 320px) {
    #Banner {
        margin-top: 35%;
        top: 0;
    }
    .dr-fonts {
        margin-top: 92%;
    }
    #Logo {
        height: auto;
    }
    #Logo img {
        width: auto;
        margin: 7px 0 0 13px;
    }
    .appointment {
        padding: 0 27px 0 14px;
        font: 18px/20px 'SegoeUI-Bold';
    }
    .appointment a {
        font: 13px/20px 'SegoeUI-Bold' !important;
    }
    #Appointment {
        height: 25px;
    }
    #Meet-dr {
        height: auto;
    }
    #Meet-dr img {
        width: 30%;
    }
    .meet-dr {
        padding: 28px 0 0 83px;
    }
    .meet-dr a {
        font: 9px/10px 'trajan_proregular' !important;
    }
    .meet-dr div a,
    .meet-dr div a:hover {
        font: 12px/12px Verdana, Geneva, sans-serif !important;
        padding: 0px !important;
    }
    .meet-dr span {
        font: 11px/14px Verdana, Geneva, sans-serif !important;
        padding: 0px;
    }
    #Fonts {
        width: 33%;
        height: auto;
    }
    .font {
        padding: 37px 9px 0 0;
    }
    .font a {
        font: 8px/14px 'SegoeUI-Bold' !important
    }
    .services-m ul li {
        font: 18px/50px 'MyriadProRegular' !important;
    }
    .col1 img {
        margin: 16px 17px 12px 0;
    }
    .col2 {
        width: 90%;
    }
    .col3 {
        width: 98%;
    }
    .col-list li img {
        margin: 19px 15px 0 54px;
    }
    .quicklinks {
        padding: 35px 0 10px 0px;
    }
    #Links {
        width: 46%;
    }
    #Location {
        width: 94%;
    }
    #Logo-s img {
        width: 28%;
        margin: 7px 0 0 7px;
    }
    #Logo-s {
        height: 52px;
    }
    .font-s {
        padding: 0px 12px 0 0;
    }
    .font-s a {
        font: 8px/16px 'SegoeUI-Bold' !important;
    }
    #Banner-s,
    #dr,
    #dr-section,
    .dr-div,
    .slide,
    #Intra1-s,
    #Intra2-s,
    #Intra3-s,
    #Intra4-s,
    #Intra5-s {
        height: 81px;
    }
    .navigation {
        padding: 20px 30px 5px 8px;
    }
    .textMain {
        padding: 5px 30px 30px 8px;
    }
    #Sidebar {
        width: 97%;
    }
    #Testimonials-s {
        height: 116px;
    }
    .news-text-s {
        padding: 37px 58px 0 55px;
    }
    #Intra-Button {
        margin: 130px 0 0 146px;
    }
    #Intra1-h {
        background-size: 25% auto;
    }
    #Intra2-h {
        background-size: 27% auto;
    }
    .txtfield-c,
    .textArea-c {
        width: 88% !important;
    }
    .ftable {
        width: 100%!important;
    }
    .Servicestext li {
        width: 100%!important;
    }
    .tab-bg {
        height: 123px;
    }
    .tab-bg li {
        width: 100%;
    }
}