﻿/* 
Theme Name: Responsive 
*/

@charset "utf-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

ol,
ul {
    list-style: none;
}

body {
    background: #fff;
    /*overflow: scroll hidden;*/
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

section #section-header .block2 {
    display: none;
}

header {
    background: url(/images/bg.png) 0 0 repeat-x;
    width: 99.9%;
    float: left;
    position: relative;
    z-index: 1;
}

header .intra-bg {
    max-width: 960px;
    margin: 0 auto;
    margin-top: 6px;
    position: relative;
    z-index: 5;
}

header .intra-bg .logo {
    float: left;
    width: 148px;
}

header .intra-bg .logo img {
    *width: 154px;
    float: left;
    position: relative;
    z-index: 999;
}

header .intra-bg .phone {
    float: right;
    width: auto;
    font-size: 24px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #3c4856;
    /*margin-top: 26px;*/
}

header .intra-bg .phone a {
    text-decoration: none !important;
    color: #3c4856 !important;
}

header .intra-bg .phone img {
    vertical-align: middle;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

section {
    width: 100%;
    min-height: 240px;
    float: left;
    background: url(/images/section-bg.png) 0 0 repeat-x;
}

section #section-header {
    max-width: 960px;
    min-height: 240px;
    margin: 0 auto;
    background: url(/images/section-header.png) 0 0 no-repeat;
    background-position: top;
}

section #section-header .dr-section {
    background: url(/images/doc-bg.png) 0 0 no-repeat;
    float: left;
    height: 174px;
    width: 310px;
    margin: 50px 0px 0px 10px;
}

section #section-header .dr-section #image {
    width: auto;
    float: left;
}

section #section-header .dr-section #image a img {
    margin: 27px 12px 0;
    padding: 4px;
    border: 1px solid #cccbcb;
}

section #section-header .dr-section .details {
    width: 183px;
    float: left;
    margin-top: 13px;
}

section #section-header .dr-section .details span {
    font-size: 10px;
}

section #section-header .dr-section .details h1 {
    width: 100%;
    font-family: "Georgia", Times New Roman, Times, serif;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    line-height: 28px;
}

section #section-header .dr-section .details h2 {
    width: 38%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

section #section-header .dr-section .details p {
    width: 100%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #000;
    padding: 0 0 8px;
}

section #section-header .dr-section .details span a {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #fff;
    background: #252129;
    padding: 5px 8px;
    border-radius: 5px;
    text-decoration: none;
    float: right;
}

section #section-header .dr-section .details span a:hover {
    text-decoration: underline;
}

section #section-header .dr-section .details span a img {
    padding-left: 5px;
}

section #section-header .right-section {
    margin-top: 60px;
    width: 64%;
    float: right;
}

section #section-header .right-section #assessment30 {
    display: block;
    float: left;
    font-family: "Georgia", Times New Roman, Times, serif;
    /*font-size: 22px;*/
    font-size: 20px;
    background-position: bottom;
    width: 100%;
    padding-bottom: 15px;
}

section #section-header .right-section #assessment30 a,
.assessment31 {
    background: none repeat scroll 0 0 #0b7bcd;
    border-bottom: 7px solid #e0dcdc;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    padding: 14px;
    text-decoration: none;
}

section #section-header .right-section #assessment30 .assessment31 {
    padding: 15px 100px 15px 10px;
}

section #section-header .right-section #assessment30 .assessment31 img {
    margin-right: 18px;
}

section #section-header .right-section #assessment30 a:hover {
    text-decoration: underline;
}

section #section-header .right-section #assessment30 a img {
    vertical-align: middle;
    /**margin-right:0px;*/
    margin-right: 18px;
    *padding-right: 25px;
}

.textMain {
    font: normal 14px/22px 'Tahoma' !important;
    color: #424242 !important;
    padding: 23px 30px 10px 25px !important;
    text-align: justify !important;
}

.reviews {
    font: bold 22px/30px caption, Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    color: #959393 !important;
    text-decoration: none !important;
    text-align: center !important;
}

.reviews1 {
    font: bold 22px/30px caption, Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    color: #eed12b !important;
    text-decoration: none !important;
    text-align: center !important;
}

.reviews3 {
    font: bold 13px caption, Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    color: #554f61 !important;
    text-decoration: none !important;
    text-align: center !important;
}

.reviews2 {
    font: bold 13px caption, Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-weight: normal !important;
    color: #554f61 !important;
    text-decoration: none !important;
    text-align: center !important;
}

#assessment301 a {
    background: #0B7BCD;
    border-bottom: 7px solid #E0DCDC;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    margin-top: -31px;
    padding-right: 9px;
    text-decoration: none;
}

#assessment301 a:hover {
    text-decoration: underline;
}

#assessment301 a img {
    margin-left: 8px;
    margin-right: 9px;
    vertical-align: middle;
    *margin-right: 0px;
    *padding-right: 25px;
}

#assessment302 a {
    background: #0B7BCD;
    border-bottom: 7px solid #E0DCDC;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    margin-top: -61px;
    padding-right: 9px;
    text-decoration: none;
}

#assessment302 a:hover {
    text-decoration: underline;
}

#assessment302 a img {
    margin-left: 8px;
    margin-right: 9px;
    vertical-align: middle;
    *margin-right: 0px;
    *padding-right: 25px;
}

section #section-header .right-section #case {
    display: block;
    float: left;
    font-family: "Georgia", Times New Roman, Times, serif;
    font-size: 22px;
    background: url(/images/right-bottom-bar.png) 0 0 no-repeat;
    background-position: bottom;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

section #section-header .right-section #case a {
    text-decoration: none;
    color: #333f4d;
    margin-left: 75px;
}

section #section-header .right-section #case a:hover {
    text-decoration: underline;
}

section #section-header .right-section #case a img {
    vertical-align: middle;
    margin-right: 23px;
}

section #section-header .right-section #assessment {
    display: block;
    float: left;
    font-family: "Georgia", Times New Roman, Times, serif;
    /*font-size: 22px;*/
    font-size: 12px;
    background-position: bottom;
    width: 100%;
    padding-top: 37px;
    padding-bottom: 15px;
}

section #section-header .right-section #assessment .patient {
    background: url(/images/pa-line.png) 0 0 no-repeat;
    background-position: top;
    margin: 0 0 0 15px;
    padding: 21px 0 0;
    float: left;
    /*width:30%;*/
    width: 28%;
}

section #section-header .right-section #assessment .Eye {
    background: url(/images/eye-line.png) no-repeat center -2px;
    margin: 0px;
    padding: 11px 0px 10px 5px;
    float: left;
    /*width:30%;*/
    width: 28%;
    font-weight: bold;
    border-bottom: 7px solid #e0dcdc;
    border-left: 1px solid #e0dcdc;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

section #section-header .right-section #assessment .question {
    background-position: top;
    margin: -15px 0 0 0px;
    /*padding: 21px 0 0;*/
    float: left;
    width: 35%;
    background: none repeat scroll 0 0 #0B7BCD;
    border-bottom: 7px solid #E0DCDC;
    color: #ffffff;
    font-family: "Georgia", Times New Roman, Times, serif;
    font-size: 18px;
    border-radius: 5px;
    padding: 10px 0 10px 18px;
}

.book {
    background: #0b7bcd none repeat scroll 0 0;
    border-bottom: 7px solid #e0dcdc;
    border-radius: 5px;
    color: #ffffff;
    float: right;
    font-family: "Georgia", Times New Roman, Times, serif;
    font-size: 18px;
    margin: 10px 20px 0 0;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
}

.book img {
    margin: 3px 10px -9px 0px;
}

.book1-now {
    background-position: top;
    margin: 0px;
    position: relative;
    float: left;
    width: 25%;
    background: none repeat scroll 0 0 #0B7BCD;
    border-bottom: 7px solid #E0DCDC;
    color: #ffffff !important;
    font-family: "Georgia", Times New Roman, Times, serif;
    font-size: 18px;
    border-radius: 5px;
    padding: 10px 0 10px 18px;
    text-decoration: none !important;
}

section #section-header .right-section #assessment a {
    text-decoration: none;
    color: #333f4d;
    margin-left: 75px;
}

section #section-header .right-section #assessment a:hover {
    text-decoration: underline;
}

section #section-header .right-section #assessment a img {
    vertical-align: middle;
    margin-right: 10px;
    /*	margin-right: 30px;*/
    float: left;
}

.bottom-bar {
    width: 100%;
    min-height: 115px;
    float: left;
    background: #FFF;
}

.bottom-bar #cr-bar {
    max-width: 960px;
    height: 70px;
    background: #f1f1f1;
    border: 1px solid #cecccc;
    border-radius: 5px;
    margin: 0 auto;
}

.bottom-bar #cr-bar ul {
    float: left;
    width: 100%;
    list-style: none;
}

.bottom-bar #cr-bar ul li {
    margin-top: 15px;
    float: left;
    border-right: 1px solid #c3c1c1;
}

.bottom-bar #cr-bar ul li a {
    padding: 0px 55px;
}

.bottom-bar #cr-bar ul li a img {
    vertical-align: middle;
}

.bottom-bar #cr-bar ul li span {
    padding: 0px 52px;
}

.bottom-bar #cr-bar ul li span img {
    vertical-align: middle;
}

.bottom-bar #cr-bar ul .last-iteam {
    border-right: none;
}

footer {
    width: 100%;
    min-height: 73px;
    background: url(/images/footer-bg.png) 0 0 repeat-x #4F87C2;
    float: left;
}

footer .footer-text {
    max-width: 960px;
    margin: 20px auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #FFF;
}

footer .footer-text .block1 {
    width: 58%;
    float: left;
}

footer .footer-text .block1 span {
    width: 100%;
    float: left;
}

footer .footer-text .block1 ul {
    width: 100%;
    float: left;
    list-style: none;
    margin-top: 5px;
}

footer .footer-text .block1 ul li {
    float: left;
    border-right: 1px solid #FFF;
    padding: 0px 10px;
}

footer .footer-text .block1 ul li a {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
}

footer .footer-text .block1 ul li a:hover {
    text-decoration: underline;
}

footer .footer-text .block1 ul .first-element {
    padding-left: 0px;
}

footer .footer-text .block1 ul .last-element {
    border-right: none;
}

footer .footer-text .block2 {
    width: 30%;
    float: left;
}

footer .footer-text .block2 ul {
    width: 100%;
    float: left;
    list-style: none;
    margin-top: 5px;
}

footer .footer-text .block2 ul li {
    float: left;
    padding: 0px 3px;
}

footer .footer-text .block3 {
    width: 12%;
    float: left;
}

footer .footer-text .block3 a img {
    float: right;
}

.data {
    width: 100%;
    min-height: 600px;
    float: left;
    background: url(/images/section-bg.png) 0 0 repeat-x;
}

.data .contain {
    max-width: 960px;
    height: auto;
    margin: 0 auto;
}

.data .contain aside {
    float: right;
    max-width: 300px;
    margin-left: 5px;
    margin-bottom: 30px;
    margin-top: 20px;
}

.data .contain aside .block1 {
    width: 285px;
    height: 100px;
    background: #fff;
    float: left;
    margin-left: 10px;
    border: 1px solid #cecccc;
    border-radius: 5px;
    border-bottom: 5px solid #e8e8e8;
}

.data .contain aside .block1 a img {
    float: left;
    margin-left: 5px;
    margin-right: 15px;
    margin-top: 5px;
}

.data .contain aside .block1 .details {
    float: left;
}

.data .contain aside .block1 .details h2 {
    width: 100%;
    font-family: "Georgia", Times New Roman, Times, serif;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    line-height: 28px;
}

.data .contain aside .block1 .details h3 {
    width: 100%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: normal;
    line-height: 28px;
}

.data .contain aside .block1 .details span {
    display: block;
    margin-top: 13px;
}

.data .contain aside .block1 .details span a {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #fff;
    background: #252129;
    padding: 5px 8px;
    border-radius: 5px;
    text-decoration: none;
}

.data .contain aside .block1 .details span a:hover {
    text-decoration: underline;
}

.data .contain aside .block1 .details span a img {
    float: none;
    padding-left: 5px;
}

.data .contain aside .block2 {
    width: 285px;
    height: auto;
    background: #3d4957;
    float: left;
    margin-left: 10px;
    margin-top: 20px;
    border-radius: 5px;
}

.data .contain aside .block2 ul {
    float: left;
    width: 100%;
    list-style-position: outside;
}

.data .contain aside .block2 ul li {
    background: url(/images/list-arrow.png) 10px 16px no-repeat;
    vertical-align: middle;
    border-bottom: 1px solid #646d79;
}

.data .contain aside .block2 ul .last-element {
    border: none;
}

.data .contain aside .block2 ul li a {
    font-family: "Georgia", Times New Roman, Times, serif;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    display: block;
    padding: 12px 0px 12px 35px;
}

.data .contain aside .block2 ul li a:hover {
    text-decoration: underline;
}

.data .contain aside .block3 {
    width: 285px;
    height: auto;
    background: #f1f1f1;
    float: left;
    margin-left: 10px;
    margin-top: 20px;
}

.data .contain aside .block3 ul {
    float: left;
    width: 100%;
    list-style-position: outside;
}

.data .contain aside .block3 ul li {
    background: url(/images/inner--bottom-bar.png) 0 0 no-repeat;
    background-position: bottom;
    border-right: 1px solid #dedede;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-bottom: none;
}

.data .contain aside .block3 ul .last-element {
    background: none;
}

.data .contain aside .block3 ul li a img {
    display: block;
    float: left;
    margin-right: 20px;
    vertical-align: middle;
    padding-bottom: 2px;
}

.data .contain aside .block3 ul .last-element a img {
    margin-right: 11px;
}

.data .contain aside .block3 ul .second-element a img {
    margin-right: 26px;
    position: relative;
    top: 13px;
}

.data .contain aside .block3 ul li a {
    font-family: "Georgia", Times New Roman, Times, serif;
    color: #333f4d;
    font-size: 20px;
    text-decoration: none;
    display: block;
    padding: 12px 0px 12px 20px;
}

.data .contain aside .block3 ul .first {
    border: none;
    border-bottom: 10px solid#FFF;
}

.data .contain aside .block3 ul .first1 {
    border: none;
    border-bottom: 10px solid#FFF;
}

.data .contain aside .block3 ul .first1 img {
    bottom: 8px;
    position: relative;
}

.data .contain aside .block3 ul .last-element {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-top: none;
}

.data .contain aside .block3 ul .last-element a {
    padding-left: 27px;
    padding-bottom: 24px;
}

.data .contain aside .block3 ul .last-element img {
    position: relative;
    bottom: 9px;
}

.data .contain aside .block3 ul .first a {
    background: #0b7bcd;
    border-radius: 5px;
    border-bottom: 7px solid #e0dcdc;
    color: #FFF;
}

.data .contain aside .block3 ul .first1 a {
    background: #0b7bcd;
    border-radius: 5px;
    border-bottom: 7px solid #e0dcdc;
    color: #FFF;
    padding: 15px 0 20px 29px;
}

.data .contain aside .block3 ul li a:hover {
    text-decoration: underline;
}

.data .contain article {
    float: left;
    width: 65%;
    margin-left: 5px;
    margin-bottom: 30px;
    margin-top: 20px;
}

.data .contain article .breadcrumb-list {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: #323232;
}

.data .contain article .breadcrumb-list a {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: #666;
    text-decoration: none;
}

.data .contain article h1 {
    font-size: 20px;
    font-family: "Georgia", Times New Roman, Times, serif;
    color: #135ea9;
    width: 100%;
    margin: 12px 0px 20px 0px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 8px;
}

.data .contain article h2 {
    font-size: 16px;
    font-family: Verdana, Geneva, sans-serif;
    color: #184d8a;
    width: 100%;
    margin: 8px 0px 2px 0px;
    font-weight: normal;
    padding-bottom: 8px;
}

.post-title a {
    font-size: 16px;
    font-family: Verdana, Geneva, sans-serif;
    color: #135ea9;
    width: 100%;
    font-weight: normal;
    padding-bottom: 8px;
    text-decoration: none;
}

.post-title a:hover {
    font-size: 16px;
    font-family: Verdana, Geneva, sans-serif;
    color: #006ea0;
    width: 100%;
    margin: 8px 0px 2px 0px;
    font-weight: normal;
    text-decoration: none;
}

.data .contain article h3 {
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;
    color: #006ea0;
    margin: 8px 0px 2px 0px;
    font-weight: bold;
}

.data .contain article p {
    color: #232323;
    font-family: Verdana, Geneva, sans-serif;
    /*font-size: 12px;*/
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 18px;
}

.data .contain article p a {
    color: #4F87C2;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
}

.data .contain article ul {
    margin-left: 5%;
    list-style: disc;
    margin-bottom: 18px;
}

.data .contain article ol {
    margin-left: 5%;
    list-style: decimal;
    margin-bottom: 18px;
}

.data .contain article p a:hover {
    text-decoration: underline;
}

.data .contain article ul li {
    color: #232323;
    font-family: Verdana, Geneva, sans-serif;
    /*font-size: 12px;*/
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 18px;
}

.data .contain article ol li {
    color: #232323;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 18px;
}

.data .contain article ul li a {
    color: #006;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 18px;
    text-decoration: none;
}

.data .contain article ul li a:hover {
    text-decoration: underline;
}

strong {
    font-weight: bold;
}

#quick-inquiry {
    background: #A9CFEB;
    display: none;
    height: 100%;
    left: 0;
    min-width: 100%;
    opacity: 0.8;
    position: fixed;
    top: 0;
    z-index: 1000;
    filter: alpha(opacity=80);
}

#quick-inquiry-div {
    background: #425872;
    border: 2px solid #CCCCCC;
    border-radius: 10px;
    display: none;
    left: 50%;
    margin-left: -200px;
    padding: 10px 15px;
    position: fixed;
    top: 5%;
    width: 400px;
    z-index: 1001;
}

#quick-inquiry-div #close {
    background-color: #C9C9D6;
    border-radius: 50%;
    color: #000000;
    cursor: pointer;
    float: right;
    height: auto;
    line-height: 20px;
    margin: 4px 22px 0 auto;
    text-align: center;
    width: 20px;
}

.border {
    /* border:1px solid #184d8a;*/
    width: 98%;
    margin-bottom: 10px;
}

.border ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.border ul li {
    list-style: none;
    margin: 0 !important;
}

.border ul li div {
    float: left;
    width: 48.5%;
    padding: 3px 0 3px 1%;
}

.heading {
    background: #184d8a;
    color: #fff !important;
    font-weight: bold;
}

.heading div.border-right {
    border-right: 1px solid #fff;
}

.border-right {
    border-left: 1px solid #184d8a;
}

.border ul li p {
    padding: 0;
}

.table-color {
    background: #EEEAFE;
}

.clear {
    clear: both;
    margin: 0px !important;
}

.tests {
    margin: 0px !important;
}

.tests li {
    list-style: none;
    float: left;
}

.contact-btn {
    background: #3e87d9;
    padding: 8px;
    border-radius: 5px;
    color: #fff !important;
    width: 84px !important;
    display: block;
    text-align: center;
    font-weight: bold;
    text-decoration: none !important;
}

.contact-btn:hover {
    background: #4B94E6;
}

.video-embed {
    border-bottom: 1px dashed #d3d3d3;
    margin-bottom: 10px;
}

.video-embed iframe {
    width: 100%;
    height: 420px;
    padding: 1px;
    border: 2px solid #3d4957;
    margin: 10px 0;
    box-sizing: border-box;
}

@media all and (max-width: 960px) {
    .bottom-bar #cr-bar ul li a {
        padding: 0px 48px;
    }
    section #section-header .dr-section {
        width: 48%;
        border-right: 1px solid #E8E8E8;
        border-radius: 5px;
    }
    section #section-header .dr-section {
        width: 34%;
    }
    section #section-header .right-section #assessment30 a,
    .assessment31 {
        display: block;
    }
    section #section-header .right-section #assessment a {
        display: block;
    }
    section #section-header .right-section #assessment .patient {
        margin: 0px;
    }
    section #section-header .right-section #assessment .Eye {
        margin: 0px;
    }
    section #section-header .right-section #assessment a {
        display: block;
    }
    .bottom-bar #cr-bar ul li span {
        padding: 0 28px;
    }
}

@media all and (max-width: 900px) {
    .intra-bg .logo {
        width: 154px;
    }
    .intra-bg .logo img {
        width: 100%;
    }
    .flexnav li a {
        padding: 12px 9px;
        font-size: 15px;
    }
    .flexnav li a:hover {
        background: url(/images/menu-bg-hover.png) 0 8px repeat-x;
        border-radius: 1px;
    }
    .intra-bg .phone {
        font-size: 28px;
    }
    .intra-bg .phone img {
        margin-top: 2px;
    }
    section #section-header .dr-section {
        width: 50%;
        border-right: 1px solid #E8E8E8;
        border-radius: 5px;
    }
    section #section-header .dr-section #image a img {
        margin-top: 25px;
    }
    section #section-header .dr-section .details {
        width: 207px;
    }
    section #section-header .dr-section .details h1 {
        font-size: 18px;
    }
    section #section-header .dr-section .details p {
        font-size: 11px;
        margin-bottom: 12px;
    }
    section #section-header .dr-section .details span a {
        padding: 3px 6px;
    }
    section #section-header .right-section {
        width: 46%;
    }
    section #section-header .right-section #assessment30 {
        font-size: 20px;
    }
    section #section-header .right-section #assessment30 a {
        margin-left: 9px;
    }
    section #section-header .right-section #case {
        font-size: 20px;
    }
    section #section-header .right-section #case a {
        margin-left: 30px;
    }
    section #section-header .right-section #case a img {
        margin-right: 14px;
    }
    section #section-header .right-section #assessment {
        font-size: 20px;
    }
    section #section-header .right-section #assessment a {
        margin-left: 30px;
    }
    section #section-header .right-section #assessment a img {
        margin-right: 20px;
    }
    section #section-header .right-section #assessment30 a img {
        margin-right: 15px;
    }
    footer .footer-text .block1 {
        width: 100%;
    }
    footer .footer-text .block2 {
        padding: 5px 0px 20px 0px;
        width: 40%;
        float: left;
    }
    footer .footer-text .block3 {
        padding: 5px 0px 20px 0px;
        float: right;
        width: 12%;
    }
    .data .contain article {
        width: 58%;
    }
    .bottom-bar #cr-bar ul li a {
        padding: 0px 29px;
    }
    section #section-header .right-section #assessment .question {
        width: 45%!important;
        margin: 13px 0 0 4px;
    }
    section #section-header .right-section #assessment .Eye {
        width: 44%!important;
    }
}

@media all and (max-width: 750px) {
    .intra-bg .logo {
        width: 140px;
    }
    .intra-bg .logo img {
        width: 100%;
    }
    .intra-bg .phone {
        font-size: 24px;
    }
    .intra-bg .phone img {
        margin-top: 0px;
    }
    section #section-header .dr-section {
        width: 50%;
    }
    section #section-header .dr-section #image a img {
        margin-top: 25px;
    }
    section #section-header .dr-section .details {
        width: 147px;
    }
    section #section-header .dr-section .details h1 {
        font-size: 16px;
    }
    section #section-header .dr-section .details p {
        font-size: 9px;
        margin-bottom: 10px;
    }
    section #section-header .dr-section .details span a {
        padding: 3px 6px;
    }
    section #section-header .right-section {
        width: 46%;
    }
    section #section-header .right-section #assessment30 {
        font-size: 15px;
    }
    section #section-header .right-section #assessment30 a {
        margin-left: 0px;
    }
    section #section-header .right-section #case {
        font-size: 15px;
    }
    section #section-header .right-section #case a {
        margin-left: 30px;
    }
    section #section-header .right-section #case a img {
        margin-right: 20px;
    }
    section #section-header .right-section #assessment {
        font-size: 15px;
    }
    section #section-header .right-section #assessment a {
        margin-left: 30px;
    }
    section #section-header .right-section #assessment a img {
        margin-right: 26px;
    }
    section #section-header .right-section #assessment30 a img {
        margin-right: 15px;
    }
    .bottom-bar #cr-bar ul li a {
        padding: 0 10px;
    }
    footer .footer-text .block1 {
        width: 100%;
    }
    footer .footer-text .block2 {
        padding: 5px 0px 20px 0px;
        width: 40%;
        float: left;
    }
    footer .footer-text .block3 {
        padding: 5px 0px 20px 0px;
        float: right;
        width: 12%;
    }
    .data .contain article {
        width: 55%;
    }
    .bottom-bar #cr-bar ul li span {
        padding: 0 10px;
    }
}

@media all and (max-width: 700px) {
    .data .contain article {
        width: 48%;
    }
}

@media all and (max-width: 594px) {
    .video-embed iframe {
        height: 240px;
    }
    .intra-bottom {
        display: none;
    }
    section #section-header .dr-section {
        float: left;
        width: 94%;
        border: none;
    }
    section #section-header .right-section {
        float: none;
        width: 94%;
    }
    section #section-header .dr-section .details {
        width: 48%;
    }
    section #section-header .right-section #assessment30 {
        margin-top: 5%;
    }
    .bottom-bar #cr-bar ul li a {
        padding: 0 8px;
    }
    .bottom-bar #cr-bar ul li a img {
        width: 85%;
    }
    section #section-header .right-section #assessment30 a {
        margin-left: 0px;
    }
    .bottom-bar #cr-bar ul li {
        height: 50px;
    }
    .intra-bg .phone {
        margin-top: 40px;
    }
    footer .footer-text .block2 {
        width: 70%;
    }
    .data .contain article {
        width: 94%;
    }
    .data .contain aside {
        float: left;
    }
    .data .contain aside .block2 {
        display: none;
    }
    section #section-header .block2 {
        width: 96%;
        height: auto;
        margin: 0 10px;
        display: block;
    }
    section #section-header .block2 ul {
        float: left;
        width: 100%;
        list-style-position: outside;
        background: #3d4957;
        border-radius: 5px;
    }
    section #section-header .block2 ul li {
        background: url(/images/list-arrow.png) 10px 16px no-repeat;
        vertical-align: middle;
        border-bottom: 1px solid #646d79;
    }
    section #section-header .block2 ul .last-element {
        border: none;
    }
    section #section-header .block2 ul li a {
        font-family: "Georgia", Times New Roman, Times, serif;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        display: block;
        padding: 12px 0px 12px 35px;
    }
    section #section-header .block2 ul li a:hover {
        text-decoration: underline;
    }
    header .intra-bg .logo {
        width: 175px;
    }
    header .intra-bg .logo img {
        width: 80%;
    }
    header .intra-bg .phone {
        font-size: 18px;
    }
    header .intra-bg .phone img {
        width: 10%;
    }
    header .intra-bg .phone {
        color: #3C4856;
        float: right;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 21px;
        width: auto;
    }
    #quick-inquiry-div {
        width: 310px !important;
    }
}

@media all and (max-width: 578px) {
    .bottom-bar #cr-bar {
        height: 138px;
    }
    .bottom-bar #cr-bar ul li {
        border-right: none;
    }
    #quick-inquiry-div {
        width: 310px !important;
    }
}

.wp-image-549 {
    margin: 0 auto;
    display: block;
}

.wp-image-289,
.wp-image-296,
.wp-image-299,
.wp-image-304,
.wp-image-306,
.wp-image-307,
.wp-image-322,
.wp-image-323,
.wp-image-554 {
    margin-left: 10px;
    float: right;
}

.wp-image-291,
.wp-image-552 {
    margin-right: 10px;
    float: left;
}

hr {
    color: #646d79;
    width: 100%;
}

em {
    font-style: italic;
}

.wp-image-344,
.wp-image-345 {
    vertical-align: middle;
}

.numberlist a {
    text-decoration: none;
}

ul.numberlist {
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.numberlist li {
    display: inline;
    font-weight: bold;
    font-size: 12px;
    font-weight: bold;
}

ul.numberlist li a {
    padding: 0 4px;
    margin: 0 1px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #434d5c;
    font-weight: bold;
}

ul.numberlist li a:link {
    color: #2f2f2f;
    font-weight: bold;
}

ul.numberlist li a:visited {
    color: #2f2f2f;
    font-weight: bold;
}

ul.numberlist li a:hover {
    color: #2f2f2f;
    background-color: #98bdd6;
    font-weight: bold;
    text-decoration: none;
}

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

.textMainBold a {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #232323;
    text-decoration: underline;
}

.textMainBold a:hover {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #232323;
    text-decoration: underline;
}

.data .contain article .usefullinks {
    float: left;
    list-style: none;
    width: 100%;
    border: 1px solid #4F87C2;
    border-radius: 5px;
    margin: 0px;
    padding: 0px;
}

.data .contain article .usefullinks li {
    float: left;
    width: 50%;
}

.data .contain article .usefullinks li a {
    text-align: center;
    display: block;
}

.wp-image-546 {
    float: left;
    padding: 2px;
    margin: 20px 20px 40px 30px;
    border: 1px solid #E8E8E8;
}

.profile-page {
    background: #FFFFFF;
    width: 100%;
    display: inline-block;
    border: 1px solid #cecccc;
    border-radius: 5px;
    border-bottom: 5px solid #e8e8e8;
    margin-top: 30px;
}

.data .contain article #post-154 .post-entry .profile-page h1 {
    line-height: 25px;
    margin-bottom: 0px;
}

.data .contain article .eye-conditions {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0px;
}

.data .contain article .eye-conditions li {
    list-style: none;
    float: left;
    width: 45%;
    margin: 3px 10px 3px 10px;
}

.data .contain article .eye-conditions li a {
    padding: 10px 0px 10px 0px;
    display: block;
    text-align: center;
    color: #FFF;
    background: #4F87C2;
    border-radius: 10px 0px 10px 0px;
    border: 1px solid #4F87C2;
}

.data .contain article .eye-conditions li a:hover {
    border: 1px solid #FFF;
}

.data .contain article .services {
    text-align: center;
    margin: 0;
}

.data .contain article .services li {
    list-style: none;
    width: 170px !important;
    margin: 10px 2%;
    color: #FFF;
    display: inline-block;
    vertical-align: top;
}

.data .contain article .services li a {
    color: #FFF;
}

.data .contain article .services li a span {
    margin: 0;
    padding: 10px;
    display: block;
    color: #FFF;
    background: #4F87C2;
    border-radius: 10px;
    border: 1px solid #4F87C2;
}

.data .contain article .services li a img {
    border: 5px solid #FFFFFF;
    float: left;
    height: auto;
    margin-left: 23px;
    margin-right: 10px;
    margin-top: 6px;
    width: auto;
}

.data .contain article .services li a span:hover {
    text-decoration: underline;
}

.data .contain article .services li:hover {
    text-decoration: underline;
}

.data .contain article .services li a .oddone {
    margin: -2px 0 0 16px;
    padding: 8px 8px 12px 8px;
}

@media all and (max-width:440px) {
    .links-from-firstvisit ul li {
        float: none !important;
        width: 51% !important;
        margin: 0px auto 10px auto !important;
    }
}

@media all and (max-width:320px) {
    section #section-header .right-section #assessment .patient {
        width: 100%;
    }
    /*section #section-header .right-section #assessment .Eye {
  width: 100%;
}*/
    section #section-header .right-section #assessment .question {
        width: 94%;
    }
    .book {
        margin: -67px 0 3px 167px !important;
        width: 42% !important;
    }
}


/* @media all and (max-width:360px) {
	 .book {
		margin:-67px 0 3px 195px !important;
		width:36% !important; 
	 }
 }*/

@media all and (max-width:380px) {
    header .intra-bg .logo {
        width: 125px;
    }
    #quick-inquiry-div {
        width: 310px !important;
    }
}

@media all and (max-width:360px) {
    .center {
        margin: 0 auto;
        width: 60% !important;
    }
    section #section-header .right-section #assessment .Eye {
        width: 40% !important;
    }
    section #section-header .right-section #assessment {
        font-size: 9px;
    }
    section #section-header .right-section #assessment a img {
        height: auto;
        width: 55%;
    }
}

@media all and (max-width: 890px) {
    .data .contain article .services li {
        width: 100%;
    }
}

@media all and (max-width: 768px) {
    #assessment301 a {
        padding: 9px 9px 9px 0;
        float: none;
    }
    #assessment302 a {
        padding: 9px 9px 9px 0;
        float: none;
        margin-top: -42px;
    }
    .find-out-now-button {
        clear: both;
        font-style: italic;
        margin-bottom: 15px;
        text-align: center;
        width: 34%;
        float: none !important;
        margin-top: 0px !important;
    }
    section #section-header .right-section #assessment .Eye {
        width: 40% !important;
    }
    section #section-header .right-section #assessment {
        font-size: 10px;
    }
}

@media all and (max-width: 600px) {
    /*.data .contain article h1 {
  width: 64% !important;
}
.find-out-now-button {
  margin-top: -80px !important;
}*/
    #assessment301 {
        margin-bottom: 10px;
    }
    #assessment301 a {
        margin-top: 0px !important;
        float: none;
    }
    #assessment302 {
        margin-bottom: 10px;
    }
    #assessment302 a {
        margin-top: 0px !important;
        float: none;
    }
    .find-out-now-button a {
        font-size: 14px !important;
    }
    #quick-inquiry-div {
        width: 310px !important;
    }
}

@media all and (max-width: 595px) {
    .data .contain article .eye-conditions li {
        width: 100%;
    }
}

#menu-item-123 {
    padding-left: 0px;
}

#menu-item-61 {
    border-right: none;
}

.testimonials-button {
    border: 1px solid #3497EF;
    background-color: #3497EF;
    float: right;
    border-radius: 5px;
    clear: both;
    margin-top: 10px;
}

.testimonials-button:hover {
    border: 1px solid #FFF;
}

.testimonials-button a {
    color: #FFF;
    display: block;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
}

.find-out-now-button {
    clear: both;
    float: right;
    font-style: italic;
    margin: -38px -35px 0 0;
    text-align: center;
}

.find-out-now-button a:hover {
    /*border:1px solid #FFF;*/
    color: #ffffff;
    background-color: #000000;
}

.find-out-now-button a {
    background-color: #3497EF;
    /*border: 1px solid #3497EF;*/
    border-radius: 5px 5px 5px 5px;
    color: #F2E037;
    font-size: 16px;
    display: block;
    font-style: normal;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    margin-bottom: 7px;
}

@media all and (max-width: 730px) {
    .testimonials-button {
        margin-top: -40px;
    }
}

#eyecare {
    border: 1px solid #3497EF;
    background-color: #3497EF;
    float: right;
    border-radius: 5px;
    clear: both;
}

#eyecare:hover {
    border: 1px solid #FFF;
}

#eyecare a {
    color: #FFF;
    display: block;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
}

@media all and (max-width: 350px) {
    header .intra-bg .phone {
        font-size: 18px;
        margin-top: 15px;
    }
    /*.data .contain article h1 {
  width: 53%;
}
.find-out-now-button {
  margin-top: -78px !important;
}*/
    #quick-inquiry-div {
        width: 310px !important;
    }
}

.wp-image-711 {
    display: block;
    margin: 0 auto;
}

.wp-image-1319,
.wp-image-1318 {
    float: right;
    margin: 10px;
}

.phone,
.parking,
.bus,
.train {
    vertical-align: middle;
    display: block;
    float: left;
    margin-right: 20px;
}

.break-point {
    display: block;
    float: left;
    margin-top: 10px;
    width: 70%;
}

.contact-block {
    width: 100%;
    display: block;
    float: left;
    min-height: 50px;
}

.parking,
.bus {
    margin-top: 6px;
}

.phone {
    margin-right: 30px;
    margin-left: 10px;
}

a.freeassesment {
    text-decoration: none;
    background: #2869BB;
    padding: 5px 8px;
    border-radius: 5px;
    color: #FFF!important;
    display: block;
    border: 1px solid #2869BB;
    float: left;
    margin-bottom: 18px;
}

a.freeassesment:hover {
    text-decoration: none!important;
    border: 1px solid #FFF;
}

.book-now {
    margin-top: 50px;
}

.book-now a {
    padding: 20px 30px;
    text-decoration: none;
    background: #0B7BCD;
    color: #FFF;
    border-radius: 0px 10px 0px 10px;
    font-size: 20px;
    border: 1px solid #0B7BCD;
}

.book-now a:hover {
    border: 1px solid #fff;
    text-decoration: none;
}

.data .contain article th,
td {
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

.data .contain article td {
    padding-bottom: 16px;
}

.data .contain article table {
    border: 1px solid #CCCCCC;
}

.pbt-main {
    position: relative;
    clear: left;
}

.pbt-main .pbt-box {
    position: absolute;
    background: #3d4957;
    color: #fff;
    border: 1px solid #ccc;
    padding: 20px 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    width: 300px;
    top: -90px;
    left: -25px;
}

.pbt a {
    margin-right: 20px;
}

#parking .down-arrow,
#bus .down-arrow,
#train .down-arrow {
    position: absolute;
    bottom: -8px;
    width: 10px;
    height: 10px;
    background: url(/images/down-arrow.png) 0px 0px no-repeat;
}

#parking .down-arrow {
    left: 51px;
}

#bus .down-arrow {
    left: 135px;
}

#train .down-arrow {
    left: 220px;
}

#post-154 h1.post-title {
    display: none;
}


/*** First Visit Page Styles ***/

.required-list li {
    float: left;
    width: 48%;
    margin-right: 2%;
}

.links-from-firstvisit ul {
    margin: 20px 0px 0px 0px!important;
    float: left;
    width: 100%;
    padding: 0px;
}

.links-from-firstvisit ul li {
    float: left;
    width: 48%;
    margin: 0px 2% 10px 0px;
    list-style-type: none;
    padding: 0px;
}

.links-from-firstvisit ul li a {
    display: block;
    /*background: #3d4957;*/
    background: #458B00;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff!important;
    text-decoration: none;
    font-weight: bold;
    width: 160px;
    font-size: 15px !important;
}

.links-from-firstvisit ul li a:hover {
    text-decoration: none!important;
    /*background: #ccc;*/
    background: #78AB46;
    color: #000!important;
    width: 160px;
}

.center {
    margin: 0 auto;
    width: 15%;
}


/*** Patient Forms Download ***/

.pdf-download {
    border-top: 1px dotted #ccc;
    padding-top: 10px;
    margin-top: 20px;
}

.pdf-download img {
    vertical-align: middle;
}

.urgent-contact {
    padding-top: 30px;
}

.contact3 {
    background: #2869BB url(/images/book-now.png) 10px center no-repeat;
    padding: 5px;
    color: #FFFFFF;
    padding: 8px 12px 8px 40px;
    text-decoration: none;
    border-radius: 5px;
}

.contact1 {
    background: #2869BB url(/images/contact-24.png) 10px center no-repeat;
    padding: 5px;
    color: #FFFFFF;
    padding: 8px 12px 8px 40px;
    text-decoration: none;
    border-radius: 5px;
}

.contact2 {
    background: #2869BB url(/images/appointment-24.png) 10px center no-repeat;
    padding: 5px;
    color: #FFFFFF;
    padding: 8px 12px 8px 40px;
    text-decoration: none;
    border-radius: 5px;
}

.wp-image-1001,
.wp-image-1002,
.wp-image-1003,
.wp-image-1004,
.wp-image-997,
.wp-image-998,
.wp-image-999,
.wp-image-1000 {
    float: right;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    border: 1px solid #3D4957;
}