:root {
    --steel-blue: #a1b8b4;
    --black-2: #008081;
    --white: white;
    --dark-slate-grey: #004a4b;
    --dark-grey: #ccc;
    --black: #08090d;
    --dim-grey: #ffc52e;
    --dark-slate-blue: #495c5a;
}

body {
    color: #333;
    font-family: Lato, sans-serif;
    font-size: 18px;
    line-height: 1.75em;
}

h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Cormorant, sans-serif;
    font-size: 2.8em;
    font-weight: 600;
    line-height: 1.2em;
}

h3 {
    border-left: 5px none var(--steel-blue);
    color: var(--black-2);
    letter-spacing: 0;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
    font-size: 1.2em;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2em;
}

h4 {
    color: var(--black-2);
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.2em;
}

h5 {
    color: var(--black-2);
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2em;
}

p {
    margin-bottom: 20px;
    font-size: 1em;
}

.body {
    color: #333;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75em;
}

.navbar {
    z-index: 2000;
    background-color: var(--white);
    flex-direction: column;
    font-size: .9em;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
}

.top-nav-div {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 20px;
    display: flex;
}

.brand {
    width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.sta-div-holder {
    align-items: center;
    display: flex;
}

.nav-cta {
    color: var(--black-2);
    text-transform: uppercase;
    border: 2px solid #0000;
    align-items: center;
    padding: 10px 20px;
    font-size: 1.1em;
    font-weight: 600;
    text-decoration: none;
    display: flex;
}

.nav-cta:hover {
    color: var(--dark-slate-grey);
}

.nav-cta.sqhedule {
    border: 2px none var(--black-2);
    background-color: var(--black-2);
    color: var(--white);
    margin-left: 10px;
    font-size: 1.1em;
    line-height: 1em;
}

.nav-cta.sqhedule:hover {
    border-color: var(--dark-slate-grey);
    background-color: var(--dark-slate-grey);
    color: var(--white);
}

.div-block, .div-block-2, .div-block-3 {
    width: 100%;
}

.nav-menu {
    background-color: var(--black-2);
    justify-content: space-around;
    width: 100%;
    min-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.dropdown {
    margin-left: 0;
    margin-right: 0;
}

.dropdown-toggle {
    color: var(--white);
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 30px;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.2em;
}

.dropdown-toggle:hover {
    background-color: var(--dark-slate-grey);
    color: var(--white);
}

.dropdown-list {
    background-color: var(--dark-grey);
}

.dropdown-list.w--open {
    background-color: var(--black-2);
}

.dropdown-link {
    color: var(--white);
    margin-left: 0;
    margin-right: 0;
    line-height: 1.2em;
}

.dropdown-link:hover {
    background-color: var(--dark-slate-grey);
    color: var(--white);
}

.dropdown-list-side-by-side {
    background-color: var(--dark-grey);
}

.dropdown-list-side-by-side.w--open {
    background-color: var(--black-2);
    display: flex;
}

.dropdown-list-side-by-side.marg.w--open {
    right: -100%;
}

.drop-down-link-holder {
    flex-direction: column;
    display: flex;
}

.icon {
    margin-right: 10px;
}

.dropdown-list-last {
    background-color: var(--dark-grey);
}

.dropdown-list-last.w--open {
    background-color: var(--black-2);
    right: 0;
}

.hero {
    z-index: 175;
    background-image: linear-gradient(204deg, #0000 5% 26%, #08090d6e), url('../images/aerial-boca-raton.jpg');
    background-position: 0 0, 0 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    align-items: center;
    height: 100vh;
    padding: 100px 5% 0;
    display: flex;
    position: relative;
}

.sub-hero-header {
    border-left: 5px none var(--steel-blue);
    color: var(--white);
    letter-spacing: 2px;
    text-transform: uppercase;
    align-items: center;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 1.2em;
    font-weight: 500;
    display: flex;
    position: relative;
}

.hero-headline {
    color: var(--white);
    text-transform: none;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size: 4em;
    font-weight: 400;
    line-height: 1.2em;
    position: relative;
}

.hero-headline.cat {
    max-width: 675px;
    margin-bottom: 20px;
    font-size: 3em;
    font-weight: 400;
}

.hero-headline.las {
    color: var(--black);
    max-width: 675px;
    margin-bottom: 5px;
    font-size: 3em;
    font-weight: 400;
}

._3-boxes-section {
    z-index: 250;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
    position: relative;
}

.button {
    background-color: var(--black-2);
    color: var(--white);
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    align-items: center;
    padding: 15px 30px;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.2em;
    text-decoration: none;
    display: flex;
}

.button:hover {
    background-color: var(--dim-grey);
    color: var(--black);
}

.button.top-marg {
    margin-top: 20px;
}

.button.hover-white {
    border: 1px solid var(--white);
}

.button.hover-white:hover {
    background-color: var(--white);
    color: var(--black-2);
}

.button.hover-white.top-marg {
    background-color: #2e525200;
    margin-top: 30px;
}

.button.hover-white.top-marg:hover {
    background-color: var(--white);
}

.button.hover-white.top-and-left {
    background-color: #2e525200;
    margin-top: 30px;
    margin-left: 0;
}

.button.hover-white.top-and-left:hover {
    background-color: var(--white);
}

.button.marg {
    margin-right: 10px;
}

.button._49 {
    justify-content: center;
    width: 49%;
    font-size: .9em;
}

.button.l-marg {
    margin-left: 5%;
}

.location-div {
    letter-spacing: 2px;
    text-transform: uppercase;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 32%;
    min-height: 0;
    margin-top: 20px;
    margin-bottom: 15px;
    display: flex;
}

.welcome-wrapper-div {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    max-width: none;
    padding: 100px 5%;
    display: flex;
}

.h3-white {
    border-left-color: var(--white);
    color: var(--white);
    margin-bottom: 15px;
    margin-left: 5px;
    padding-left: 0;
    font-size: 1.2em;
}

.h3-white.blue-line-copy {
    border-bottom: 2px solid var(--black-2);
    border-left-style: none;
    border-left-color: var(--steel-blue);
    color: var(--dark-slate-grey);
    margin-left: 0;
    padding-bottom: 20px;
    padding-left: 0;
    font-style: normal;
}

.h2-white, .p-white {
    color: var(--white);
}

.doc-patient-icon-holder {
    background-color: var(--white);
    background-image: linear-gradient(to bottom, var(--black-2), var(--black-2));
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    margin-bottom: 0;
    margin-right: 20px;
    padding: 5px;
    display: flex;
}

.image-4 {
    max-width: 80%;
}

.why-choose-wrapper-div {
    justify-content: space-between;
    width: 100%;
    min-height: 0;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.why-choose-48 {
    width: 48%;
}

.fancy-why-choose-title-div {
    color: var(--black-2);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.2em;
    display: flex;
}

.image-5 {
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

.why-par-holder {
    height: auto;
    min-height: 50%;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.5em;
}

.why-par-holder.top {
    min-height: 45%;
}

.service-section {
    background-image: linear-gradient(90deg, var(--white), #ffffffa1 30%, #fff0 55%, #fff0 102%), url('../images/parallax-1.jpg');
    background-position: 0 0, 100% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    align-items: center;
    min-height: 75vh;
    padding: 100px 5%;
    display: flex;
}

.service-wrapper-div {
    max-width: 50%;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    position: relative;
}

.fancy-list {
    color: var(--black-2);
    letter-spacing: 0;
    text-transform: none;
    align-items: center;
    margin-bottom: 15px;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.2em;
    text-decoration: none;
    display: flex;
}

.fancy-list:hover {
    color: var(--black);
}

.image-6 {
    filter: brightness(0%) grayscale();
    width: 35px;
    margin-right: 15px;
}

.photo-div-50 {
    object-fit: cover;
    width: 50%;
    overflow: hidden;
}

.text-holder {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
}

.image-7 {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.doc_button {
    color: var(--white);
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #fff3;
    width: 100%;
    padding: 35px 20px 20px;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2em;
    text-decoration: none;
    transition: box-shadow .4s, background-color .4s;
    position: relative;
}

.doc_button:hover {
    background-color: #0000;
}

.doc_img {
    width: 60%;
    margin-bottom: 25px;
}

.specialty_label {
    color: #fff;
    margin-top: 6px;
    font-size: .75em;
    font-weight: 400;
}

.h2-center-white {
    color: var(--white);
    text-align: center;
}

.testimonial-slider-div {
    padding: 0;
    position: relative;
}

.left-arrow, .right-arrow {
    display: none;
}

.slide-nav {
    display: block;
}

.slider {
    z-index: 10;
    background-color: #0000;
    height: 335px;
}

.testimonial-slide-div {
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.footer {
    background-color: var(--dark-grey);
    flex-direction: column;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
}

.footer-wrapper-div {
    flex-direction: column;
    width: 90%;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.footer-headline-div {
    flex-direction: column;
    margin-bottom: 50px;
    display: flex;
}

.form-field-div {
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 0%;
    display: flex;
}

.text-field {
    border: 1px solid var(--white);
    background-color: var(--white);
    width: 100%;
    min-height: 0;
    margin-bottom: 10px;
}

.text-field:focus, .text-field::placeholder {
    color: var(--black);
}

.textarea {
    border: 1px solid var(--white);
    background-color: var(--white);
    min-height: 75px;
    margin-bottom: 2%;
}

.textarea:focus, .textarea::placeholder {
    color: var(--black);
}

.footer-div-48 {
    flex-direction: column;
    align-items: flex-start;
    width: 48%;
    display: flex;
}

.footer-div-48.locations {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-bottom: 0;
}

.brand-2 {
    width: 300px;
    margin-bottom: 20px;
}

.small-footer-text {
    color: var(--black);
    margin-bottom: 20px;
    font-size: .8em;
    line-height: 1.5em;
}

.link {
    color: var(--dark-slate-grey);
    text-decoration: none;
}

.link:hover {
    color: var(--black);
}

.address-name {
    color: var(--dark-slate-grey);
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.phone-link-footer {
    color: var(--dark-slate-grey);
    align-items: center;
    height: 30px;
    margin-bottom: 20px;
    text-decoration: none;
    display: flex;
}

.phone-link-footer:hover {
    color: var(--black);
}

.image-9 {
    width: 25px;
    margin-right: 10px;
}

.location-48 {
    color: var(--black);
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    min-height: 0;
    display: flex;
}

.location-48.map {
    background-image: url('../images/map-placeholder.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin-top: 10px;
}

.other-footer-info-div {
    flex-direction: column;
    align-items: flex-start;
    width: 30%;
    margin-top: 0;
    display: flex;
}

.locations-holder {
    justify-content: space-between;
    margin-top: 0;
    display: flex;
}

.form-left-48 {
    width: 48%;
}

.form-left-48._65 {
    width: 65%;
}

.footer-top-div {
    justify-content: space-between;
    margin-bottom: 20px;
    display: flex;
}

.utility-page-wrap {
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: flex;
}

.utility-page-content {
    text-align: center;
    flex-direction: column;
    width: 260px;
    display: flex;
}

.utility-page-form {
    flex-direction: column;
    align-items: stretch;
    display: flex;
}

.search {
    width: 100%;
}

.social-link {
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    margin-right: 10px;
}

.social-link:hover {
    opacity: .38;
}

.quick-links {
    align-items: center;
    display: flex;
}

.quick-link {
    color: var(--dark-slate-grey);
    letter-spacing: 0;
    text-transform: uppercase;
    margin-right: 15px;
    font-size: 1em;
    font-weight: 600;
    text-decoration: none;
}

.quick-link:hover {
    color: var(--black);
}

.quick-link-holder {
    margin-top: 50px;
}

.privacy-text-div {
    flex-flow: column;
    align-items: flex-start;
    width: 90%;
    display: flex;
}

.cta-strip-link {
    background-color: var(--black-2);
    color: var(--white);
    justify-content: center;
    align-items: center;
    width: 25%;
    padding: 10px 15px;
    text-decoration: none;
    display: flex;
}

.cta-strip-link:hover {
    background-color: var(--dark-slate-grey);
}

.cta-strip-link._2 {
    background-color: var(--dark-slate-grey);
    color: var(--white);
    text-align: center;
    justify-content: center;
    width: 25%;
    padding: 5px 10px;
}

.cta-strip-link._2:hover {
    background-color: var(--black-2);
}

.image-10 {
    width: 25px;
    margin-right: 10px;
}

.white-box {
    background-color: var(--white);
    align-items: flex-end;
    padding-bottom: 0;
    display: flex;
    position: absolute;
    inset: 0%;
}

.featured-service-section-v2 {
    padding: 50px 0 100px;
}

.service-50-50-v2 {
    justify-content: space-between;
    width: 90%;
    max-width: 1400px;
    min-height: 0;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

._50-text-div-v2 {
    background-color: #5bc0de1a;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    padding: 25px 25px 25px 50px;
    display: flex;
}

._50-text-div-v2.left {
    padding-left: 25px;
    padding-right: 50px;
}

.testimonial-holder-v2 {
    background-color: #ffffffed;
    width: 65%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
}

.photo-div-50-cos {
    object-fit: cover;
    width: 50%;
    overflow: hidden;
}

.photo-div-50-cos-mobile {
    object-fit: cover;
    width: 50%;
    display: none;
    overflow: hidden;
}

.hero-wrapper-div-with-lines {
    padding: 30px 25px 40px;
    position: relative;
}

.left-outline {
    background-color: var(--white);
    width: 1px;
    height: 100%;
    position: absolute;
    inset: auto auto 0% 0%;
}

.left-outline.cos {
    background-color: var(--dark-slate-grey);
}

.bottom-white-line {
    background-color: var(--white);
    width: 95%;
    height: 1px;
    position: absolute;
    inset: auto 0% 0%;
}

.bottom-white-line.cataract {
    width: 640px;
}

.bottom-white-line.las {
    background-color: var(--dark-slate-grey);
    width: 670px;
}

.right-white-line {
    background-color: var(--white);
    width: 1px;
    height: 65px;
    position: absolute;
    inset: 0% 5% auto auto;
}

.right-white-line.cataract {
    height: 24%;
    right: 40px;
}

.right-white-line.las {
    background-color: var(--dark-slate-grey);
    height: 175px;
    right: 30px;
}

.top-right-line {
    background-color: var(--white);
    width: 95%;
    height: 1px;
    position: absolute;
    inset: 0% 5% auto auto;
}

.top-right-line.cataract {
    width: 640px;
    inset: 0% auto auto 0%;
}

.top-right-line.las {
    background-color: var(--dark-slate-grey);
    width: 670px;
    inset: 0% auto auto 0%;
}

.bottom-right-line {
    background-color: var(--white);
    width: 1px;
    height: 30px;
    position: absolute;
    inset: auto 5% 0% auto;
}

.bottom-right-line.cataract {
    height: 5%;
    right: 40px;
}

.bottom-right-line.cos {
    background-color: var(--dark-slate-grey);
    height: 5%;
    right: 30px;
}

.new-doc-patient-wrapper {
    justify-content: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.new-doc-patient-holder {
    flex-direction: column;
    align-items: flex-start;
    width: 425px;
    margin-left: 50px;
    margin-right: 50px;
    padding: 20px 0 0;
    display: flex;
    position: relative;
}

.new-doc-patient-section {
    padding-bottom: 100px;
}

.for-doc-patient-header-new {
    color: var(--black-2);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 20px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size: 3em;
    font-weight: 400;
    line-height: 1.2em;
    display: flex;
}

.list-item-link {
    color: var(--dark-slate-blue);
    margin-bottom: 10px;
}

.list-links {
    margin-bottom: 0;
}

.new-doc-patient-links-and-par-div {
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.patient-doc-blue-line-left {
    background-color: var(--dark-slate-blue);
    width: 1px;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.pd-top-blue-div {
    background-color: var(--dark-slate-blue);
    width: 96%;
    height: 1px;
    position: absolute;
    inset: 0% auto auto 0%;
}

.pd-bottom-blue-div {
    background-color: var(--dark-slate-blue);
    width: 96%;
    height: 1px;
    position: absolute;
    inset: auto auto 0% 0%;
}

.bottom-right-pd-blue-id {
    background-color: var(--dark-slate-blue);
    width: 1px;
    height: 58%;
    position: absolute;
    inset: auto 4% 0% auto;
}

.pd-top-right-blue-div {
    background-color: var(--dark-slate-blue);
    width: 1px;
    height: 10%;
    position: absolute;
    inset: 0% 4% auto auto;
}

.new-welcome-section {
    background-image: linear-gradient(#004a4be0, #004a4be0), linear-gradient(#00000080, #00000080), url('../images/welcome-background-photo.jpg');
    background-position: 0 0, 0 0, 30% 0;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    justify-content: space-between;
    align-items: stretch;
    min-height: 0;
    padding: 0;
    display: flex;
}

.welcome-right-div-new {
    background-color: var(--white);
    background-image: linear-gradient(to bottom, var(--dark-grey), var(--dark-grey));
    flex-direction: row;
    justify-content: flex-end;
    width: 40%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 5%;
    display: flex;
    position: relative;
}

.why-choose-items {
    background-color: var(--white);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 120%;
    min-width: 120%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding: 25px 25px 35px;
    display: flex;
    position: relative;
    inset: 0% 0 0% 0%;
}

.p-center {
    text-align: center;
}

.service-h2 {
    color: var(--black-2);
    font-size: 4em;
}

.service-blue-line-left {
    background-color: var(--dark-slate-blue);
    width: 1px;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.service-bottom-blue-line {
    background-color: var(--dark-slate-blue);
    width: 96%;
    height: 1px;
    position: absolute;
    inset: auto auto 0% 0%;
}

.service-top-blue-line {
    background-color: var(--dark-slate-blue);
    width: 96%;
    height: 1px;
    position: absolute;
    inset: 0% auto auto 0%;
}

.service-bottom-right-blue-div {
    background-color: var(--dark-slate-blue);
    width: 1px;
    height: 75%;
    position: absolute;
    inset: auto 4% 0% auto;
}

.service-top-right-line {
    background-color: var(--dark-slate-blue);
    width: 1px;
    height: 7%;
    position: absolute;
    inset: 0% 4% auto auto;
}

.bottom-cta-strip-new {
    z-index: 100;
    background-color: var(--black);
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    min-height: 50px;
    display: flex;
    position: fixed;
    inset: auto 0% 0% auto;
}

.h2-center, .h3-center {
    text-align: center;
}

.location-div-top-4 {
    color: var(--black-2);
    letter-spacing: 0;
    text-transform: uppercase;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 10px;
    text-decoration: none;
    display: flex;
}

.location-div-top-4:hover {
    color: var(--dark-slate-grey);
}

.location-div-top-4.top {
    margin-top: 10px;
}

.image-11 {
    border-radius: 100%;
    width: 40px;
}

.box-top-div-2 {
    background-color: var(--dark-slate-grey);
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-left: 2px #4879c9;
    justify-content: space-between;
    align-items: center;
    height: 8vh;
    min-height: 0;
    padding: 10px 20px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
}

.box-top-div-2:hover {
    background-color: var(--black-2);
}

.box-top-div-2._2 {
    background-color: #004a4be6;
}

.box-top-div-2._2:hover {
    background-color: var(--black-2);
}

.box-top-div-2._3 {
    background-color: #004a4bcc;
}

.box-top-div-2._3:hover {
    background-color: var(--black-2);
}

.box-content-2 {
    background-color: #fff;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    min-height: 250px;
    padding: 15px 15px 0;
    display: flex;
}

._3-boxes-holder-2 {
    z-index: 200;
    justify-content: space-between;
    width: 100%;
    display: flex;
    position: relative;
    top: -8vh;
}

.box-2 {
    background-color: #fff;
    flex-direction: column;
    width: 33.33%;
    padding: 0;
    display: flex;
}

.box-title {
    border-left: 2px solid var(--dim-grey);
    padding-left: 20px;
}

.image-12 {
    width: 30px;
    margin-right: 10px;
}

.new-doctor-section-jm {
    background-color: var(--black-2);
    padding-top: 100px;
    padding-bottom: 100px;
}

.new-doc-wrap-jm {
    width: 90%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.new-doc-slider-jm {
    background-color: #0000;
    justify-content: center;
    width: auto;
    height: auto;
    display: flex;
}

.slide-nav-2 {
    display: none;
}

.doc-slide-jm {
    background-color: #0000;
    width: 33.3%;
    padding: 2%;
}

.icon-3 {
    margin-left: -10px;
    margin-right: 10px;
}

.icon-4 {
    margin-left: 40px;
    margin-right: 10px;
}

.mask-2 {
    width: 95%;
}

.image-cal-desktop {
    width: 30px;
    margin-right: 10px;
}

.mobile-cal-img {
    display: none;
}

.custom-hero {
    z-index: 200;
    background-image: url('../images/cosmetic-model.jpg');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    height: 100vh;
    padding: 100px 5%;
    display: flex;
    position: relative;
}

.custom-hero.cataract {
    background-image: linear-gradient(-90deg, #0000 1% 19%, #06070a80 65%, #08090da8), url('../images/seniors-golfing.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 95vh;
    margin-top: 5vh;
    padding-top: 10%;
    padding-bottom: 5%;
    padding-left: 3%;
}

.custom-hero.las {
    background-image: linear-gradient(90deg, #ffffffb0, #fff0 67%, #fff0), url('../images/young-woman-on-beach.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 95vh;
    margin-top: 5vh;
    padding-top: 10%;
    padding-bottom: 5%;
    padding-left: 3%;
}

.cosmetic-hero-text-wrapper {
    color: var(--white);
    max-width: none;
    padding: 30px 25px;
    position: relative;
}

.what-is-bleph-wrap-left {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    max-width: none;
    padding: 5% 0% 5% 5%;
    display: flex;
}

.what-is-bleph-div-right {
    background-color: var(--white);
    background-image: linear-gradient(to bottom, var(--dark-slate-grey), var(--dark-slate-grey));
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
    width: 40%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 5%;
    display: flex;
    position: relative;
}

.image-13 {
    width: 30px;
    margin-right: 10px;
}

.fancy-list-small {
    color: #333;
    letter-spacing: 0;
    text-transform: none;
    align-items: center;
    margin-bottom: 15px;
    padding-left: 0;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2em;
    text-decoration: none;
    display: flex;
}

.fancy-list-small:hover {
    color: var(--black);
}

.more-bleph-info-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.inner-what-is-50-50 {
    justify-content: space-between;
    min-height: 500px;
    margin-bottom: 0;
    display: flex;
}

.inner-what-is-50-50.lower {
    margin-top: 3%;
    margin-bottom: 0;
}

.inner-photo-div-35 {
    object-fit: cover;
    width: 35%;
    overflow: hidden;
}

.inner-text-div-60 {
    align-items: center;
    width: 60%;
    padding-right: 5%;
    display: flex;
}

.inner-text-div-60.left {
    padding-left: 5%;
    padding-right: 0%;
}

.text-div-with-line {
    border-left: 4px solid var(--dark-slate-blue);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    display: flex;
}

.text-div-with-line.cataract {
    border-left-color: var(--dim-grey);
    min-height: 400px;
    padding-bottom: 20px;
}

.image-14 {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.mission-section {
    background-image: linear-gradient(#494c4fcf, #494c4fcf), url('../images/ophthalmology.jpg');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    justify-content: center;
    align-items: center;
    min-height: 45vh;
    padding: 50px;
    display: flex;
}

.mission-wrapper-div {
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 30vh;
    padding: 50px 50px 0;
    font-size: 1.2em;
    line-height: 1.5em;
    display: flex;
    position: relative;
}

.mission-wrapper-div.cat {
    min-height: 40vh;
}

.h2-center-white-2 {
    color: #fff;
    text-align: center;
    position: absolute;
    inset: 0% 0% auto;
}

.mission-left-line {
    background-color: #fff;
    width: 1px;
    height: 90%;
    position: absolute;
    inset: auto auto 0% 0%;
}

.mission-right-line {
    background-color: #fff;
    width: 1px;
    height: 90%;
    position: absolute;
    inset: auto 0% 0% auto;
}

.mission-top-left-line {
    background-color: #fff;
    width: 33%;
    height: 1px;
    position: absolute;
    inset: 10% auto auto 0%;
}

.mission-top-right-line {
    background-color: #fff;
    width: 33%;
    height: 1px;
    position: absolute;
    inset: 10% 0% auto auto;
}

.what-is-a-cataract-section {
    background-image: linear-gradient(to bottom, var(--dark-slate-grey), var(--dark-slate-grey)), linear-gradient(to bottom, #08090d96, #08090d96);
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    justify-content: space-between;
    align-items: stretch;
    min-height: 0;
    max-height: none;
    padding: 0;
    display: flex;
}

.standard-ip-header {
    color: var(--dark-slate-blue);
    background-color: #0000;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    max-height: 425px;
    padding: 10% 5% 1%;
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2em;
    display: flex;
}

.breadcrumbs {
    align-items: center;
    padding: 10px 5% 0;
    display: flex;
}

.breadcrumb {
    color: var(--dark-slate-blue);
    text-transform: uppercase;
    text-decoration: none;
}

.breadcrumb:hover {
    color: #434d654f;
    font-weight: 300;
}

.breadcrumb.current {
    font-weight: 700;
}

.breadcrumb.current:hover {
    color: #434d65;
}

.bc-arrow-div {
    margin-left: 10px;
    margin-right: 10px;
}

.text-cat-hero {
    max-width: 630px;
    margin-bottom: 20px;
}

.inner-photo-div-35-cat-laser {
    object-fit: cover;
    width: 35%;
    overflow: hidden;
}

.inner-photo-div-35-cat-laser-mobile {
    object-fit: cover;
    width: 35%;
    display: none;
    overflow: hidden;
}

.image-hp-service {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.how-do-i-know-section {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    min-height: 0;
    padding: 5% 0%;
    display: flex;
}

.how-do-i-know-wrapper-div {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.how-do-i-know-div {
    background-color: #0000;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 48%;
    margin: 0;
    padding: 0 0 0 5%;
    display: flex;
    position: static;
    inset: 0% 50px 0% -28%;
}

.list-holder {
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
    display: flex;
}

.tab-link-2 {
    background-color: var(--black-2);
    color: #fff;
    text-transform: none;
    align-items: center;
    height: 25%;
    padding: 15px;
    font-family: Cormorant, sans-serif;
    font-size: 1.1em;
    line-height: 1.2em;
    display: flex;
}

.tab-link-2:hover {
    background-color: var(--black-2);
}

.tab-link-2.w--current {
    background-color: var(--dark-slate-grey);
}

.tab-pane {
    height: 100%;
    padding: 0;
}

.tabs-content-2 {
    width: 70%;
}

.pane-div {
    background-image: linear-gradient(to top, #0000008c, #0000 65%), url('../images/nightdriving_photo.jpg');
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    align-items: flex-end;
    height: 100%;
    padding: 0;
    display: flex;
}

.pane-div._4 {
    background-image: linear-gradient(to top, #000000e8, #0000 65%), url('../images/lightsensitivity_photo.jpg');
    background-position: 0 0, 50% 25%;
}

.pane-div._2 {
    background-image: linear-gradient(to top, #0000008c, #0000 65%), url('../images/BlurryVision_photo.jpg');
    background-position: 0 0, 50% 15%;
}

.pane-div._3 {
    background-image: linear-gradient(to top, #000000e8, #0000 65%), url('../images/halos_photo.jpg');
    background-position: 0 0, 50%;
}

.tabs-menu-2 {
    flex-direction: column;
    width: 30%;
    display: flex;
}

.tabs-2 {
    width: 48%;
    height: auto;
    min-height: 0;
    margin-top: 0;
    display: flex;
}

.image-18 {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.cataract-video-div {
    background-color: var(--white);
    object-fit: cover;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 120%;
    min-width: 120%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
    position: relative;
    inset: 0% 50px 0% 0%;
}

.ip-top-section {
    padding-top: 25px;
    padding-bottom: 5%;
}

.ip-wrapper-div {
    flex-flow: column;
    align-items: flex-start;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.testimonials {
    background-image: url('../images/parallax-2.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    justify-content: center;
    align-items: center;
    min-height: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
}

.social-link-holder {
    margin-bottom: 20px;
}

.cat-doc-wrapper-div {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.started-button-holder, .button-holder {
    align-items: center;
    display: flex;
}

.top-items {
    color: var(--black);
    letter-spacing: 0;
    text-transform: none;
    flex-flow: column;
    justify-content: space-between;
    min-height: 0;
    display: flex;
}

.link-color {
    color: var(--black-2);
    text-decoration: none;
}

.link-color:hover {
    color: var(--dim-grey);
}

.iol-section {
    background-color: #494c4f0d;
    flex-flow: column;
    align-items: flex-start;
    padding-top: 5%;
    padding-bottom: 5%;
    display: flex;
}

.iol-headline-title-iv {
    border-left: 4px solid var(--dim-grey);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    display: flex;
}

.padding-section-large {
    padding-top: 0;
    padding-bottom: 0;
}

.padding-global {
    padding-left: 0%;
    padding-right: 0%;
}

.section_faq2 {
    width: 90%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.section_faq2.less {
    margin-top: 20px;
}

.max-width-large {
    width: 100%;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
}

.faq2_component {
    border-bottom: 1px solid #0000;
    margin-bottom: 30px;
}

.faq2_icon {
    filter: invert();
    color: #00222e;
    align-self: flex-start;
    width: 2rem;
    margin-left: 1.5rem;
}

.faq2_answer {
    overflow: hidden;
    display: none;
}

.margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.container-large {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.faq2_accordion {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

.faq2_question {
    background-color: var(--dark-slate-grey);
    color: #fff;
    cursor: pointer;
    border-top: 1px #0000;
    border-bottom: 2px #004674;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px 20px;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1em;
    display: flex;
}

.image-28 {
    height: 65px;
}

.button-holder-hero {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image {
    width: 25px;
    margin-right: 10px;
}

.iol-options-section {
    background-color: #ccc3;
    padding: 5%;
}

._5050 {
    justify-content: space-between;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.text-48 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 48%;
    display: flex;
}

.video-48 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 48%;
    display: flex;
}

.image-29, .list-div-100 {
    width: 100%;
}

.wrap {
    flex-flow: column;
    align-items: flex-start;
    width: 90%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.tabs-content {
    height: auto;
}

.pane {
    height: 85vh;
}

.tab-line {
    background-color: var(--white);
    background-image: linear-gradient(#ccc3, #ccc3);
    justify-content: center;
    align-items: center;
    max-width: 1170px;
    height: 10px;
    margin-bottom: 10px;
    display: flex;
}

.slider-pane {
    background-image: url('../images/beforecatsurgery.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.slider-pane.lens {
    background-image: url('../images/afteradvlens.jpg');
}

.slider-pane.after {
    background-image: url('../images/aftercatsurgery.jpg');
}

.tab-link {
    color: var(--white);
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #0000;
    flex-direction: column;
    align-items: center;
    width: 33.34%;
    padding-top: 21px;
    padding-left: 0;
    padding-right: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    display: block;
}

.tab-link.w--current {
    background-color: #0000;
    width: 33.33%;
    font-weight: 700;
}

.tabs-menu {
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
}

.ondot {
    background-color: var(--dim-grey);
    border: 5px solid #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.tabs {
    width: 90%;
    max-width: none;
    margin-left: 5%;
    margin-right: 5%;
}

.dot {
    background-color: var(--black-2);
    border: 5px solid #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.yag-section {
    background-color: var(--dark-slate-grey);
    padding-top: 5%;
    padding-bottom: 5%;
}

.yag-wrap {
    color: var(--white);
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.two-wraps {
    justify-content: space-between;
    margin-top: 30px;
    display: flex;
}

._49-div {
    text-align: center;
    background-color: #08090d2b;
    width: 49%;
    padding: 15px 15px 0;
}

.h4-white {
    color: var(--white);
}

.t-2 {
    margin-top: 20px;
}

.lens-packages {
    justify-content: space-between;
    width: 90%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.div-48 {
    width: 48%;
}

.image-31 {
    width: 100%;
}

.lensar {
    border-left: 5px solid var(--dim-grey);
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    max-width: 1280px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 0;
    padding-left: 25px;
    display: flex;
}

.what-is-left {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    max-width: none;
    padding: 5% 0% 5% 5%;
    display: flex;
}

.benefits-of-lasik {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 92%;
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.benefit-div {
    background-color: var(--black-2);
    color: var(--white);
    width: 31%;
    min-height: 200px;
    margin-bottom: 2%;
    margin-left: 1%;
    margin-right: 1%;
    padding: 15px 15px 0;
}

.benefit-title-div {
    border-left: 4px solid var(--dim-grey);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 0;
    padding-left: 40px;
    display: flex;
}

.who-for-section {
    background-color: var(--white);
    flex-flow: column;
    align-items: flex-start;
    padding-top: 5%;
    padding-bottom: 1%;
    display: flex;
}

.who-for-title {
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.text-las {
    color: var(--black);
    max-width: 650px;
    margin-bottom: 20px;
}

@media screen and (max-width: 991px) {

    .nav-cta {
        background: #004a4be6;
    }

    h2 {
        font-size: 2em;
    }

    h3 {
        font-size: 1.2em;
    }

    .navbar {
        box-shadow: 0 2px 7px #0003;
    }

    .top-nav-div {
        padding-left: 10px;
        padding-right: 8px;
    }

    .brand {
        width: 200px;
    }

    .nav-cta {
        padding-left: 10px;
        padding-right: 10px;
    }

    .nav-cta:hover {
        background-color: var(--black-2);
    }

    .nav-cta.sqhedule {
        border-style: none;
        margin-left: 0;
    }

    .nav-cta.sqhedule:hover {
        background-color: var(--black-2);
    }

    .nav-menu {
        padding-left: 10px;
        padding-right: 0;
    }

    .dropdown, .dropdown-toggle {
        display: block;
    }

    .hero {
        background-image: linear-gradient(#00000080, #00000080), url('../images/aerial-boca-raton.jpg');
        background-position: 0 0, 50%;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        background-attachment: scroll, fixed;
        height: 800px;
    }

    .hero-headline {
        font-size: 4em;
    }

    .hero-headline.cat, .hero-headline.las {
        max-width: 500px;
        margin-bottom: 10px;
    }

    ._3-boxes-section {
        padding-left: 0%;
        padding-right: 0%;
    }

    .button.hover-white.top-marg {
        font-size: .9em;
    }

    .button.hover-white.top-and-left {
        margin-top: 10px;
        margin-left: 0;
        font-size: .9em;
    }

    .location-div {
        width: 100%;
    }

    .welcome-wrapper-div {
        width: 100%;
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .h3-white.blue-line-copy {
        text-align: left;
    }

    .doc-patient-icon-holder {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .why-choose-wrapper-div {
        min-height: 0;
    }

    .service-section {
        background-image: linear-gradient(90deg, #fff, #ffffffed 35%, #ffffffbf 61%, #fff0 79% 87%), linear-gradient(#08090d1c, #08090d1c), url('../images/parallax-1.jpg');
        background-position: 0 0, 0 0, 70%;
        background-size: auto, auto, cover;
        background-attachment: scroll, scroll, scroll;
        min-height: 0;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .service-wrapper-div {
        width: 100%;
        max-width: none;
    }

    .fancy-list {
        font-size: 1.2em;
    }

    .photo-div-50 {
        width: 100%;
        max-height: 400px;
    }

    .image-7 {
        object-fit: contain;
        width: 80%;
        max-width: none;
        height: auto;
    }

    .doc_button {
        width: 100%;
        font-size: .9em;
    }

    .footer-div-48.locations, .locations-holder {
        flex-direction: column;
    }

    .quick-links {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .cta-strip-link {
        text-align: center;
        line-height: 1.2em;
    }

    .image-10 {
        display: none;
    }

    .service-50-50-v2 {
        flex-direction: column;
    }

    ._50-text-div-v2 {
        width: 100%;
        padding: 25px;
    }

    .testimonial-holder-v2 {
        width: 100%;
        max-width: none;
    }

    .vav-text {
        display: none;
    }

    .menu-button {
        background-color: #0000;
        padding: 10px;
    }

    .menu-button.w--open {
        background-color: #0000;
    }

    .icon-2 {
        color: var(--black-2);
    }

    .photo-div-50-cos {
        width: 100%;
        display: none;
    }

    .photo-div-50-cos-mobile {
        width: 100%;
        display: block;
    }

    .bottom-white-line.cataract, .bottom-white-line.las {
        width: 648px;
    }

    .right-white-line {
        height: 25px;
    }

    .right-white-line.cataract {
        height: 75px;
        right: 22px;
    }

    .right-white-line.las {
        height: 175px;
        right: 22px;
    }

    .top-right-line.cataract, .top-right-line.las {
        width: 648px;
    }

    .bottom-right-line {
        height: 100%;
    }

    .bottom-right-line.cataract {
        height: 20px;
        right: 22px;
    }

    .bottom-right-line.cos {
        height: 30px;
        right: 22px;
    }

    .new-doc-patient-holder {
        margin-left: 30px;
        margin-right: 30px;
    }

    .for-doc-patient-header-new {
        font-size: 2.2em;
    }

    .list-links {
        padding-left: 20px;
    }

    .bottom-right-pd-blue-id {
        height: 70%;
    }

    .pd-top-right-blue-div {
        height: 8%;
    }

    .new-welcome-section {
        flex-direction: column;
        min-height: 0;
    }

    .welcome-right-div-new {
        width: 100%;
        padding: 0;
    }

    .why-choose-items {
        width: 100%;
        min-width: 0;
        margin: 0;
        position: static;
    }

    .service-bottom-blue-line, .service-top-blue-line {
        width: 50%;
    }

    .service-bottom-right-blue-div, .service-top-right-line {
        right: 50%;
    }

    .location-div-top-4 {
        letter-spacing: 0;
    }

    .image-11 {
        display: none;
    }

    .box-top-div-2 {
        height: auto;
        padding-left: 10px;
        padding-right: 10px;
        font-size: .8em;
    }

    .box-content-2 {
        min-height: 0;
        padding: 15px 15px 20px;
        line-height: 1.5em;
    }

    ._3-boxes-holder-2 {
        flex-flow: column;
    }

    .box-2 {
        width: 100%;
    }

    .doc-slide-jm {
        width: 50%;
    }

    .mask-2 {
        width: 85%;
    }

    .image-cal-desktop {
        margin-right: 0;
        display: none;
    }

    .mobile-cal-img {
        width: 25px;
        display: block;
    }

    .custom-hero.cataract {
        background-image: linear-gradient(38deg, #000000e6, #0000 52%, #0000), linear-gradient(122deg, #00000069, #00000052 41%, #0000 58% 85%), url('../images/seniors-golfing.jpg');
        background-position: 0 0, 0 0, 100% 100%;
        background-repeat: repeat, repeat, no-repeat;
        background-size: auto, auto, cover;
        align-items: flex-end;
        height: 800px;
        padding-bottom: 2%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .custom-hero.las {
        background-image: linear-gradient(0deg, #fffffff7, #fff0 69%, #fff0), url('../images/young-woman-on-beach.jpg');
        background-position: 0 0, 100% 100%;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        align-items: flex-end;
        height: 800px;
        padding-bottom: 2%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .cosmetic-hero-text-wrapper {
        padding: 20px 10px 40px;
    }

    .what-is-bleph-wrap-left {
        width: 100%;
        padding-top: 5%;
        padding-bottom: 4%;
        padding-right: 5%;
    }

    .what-is-bleph-div-right {
        width: 100%;
        padding: 0;
    }

    .fancy-list-small {
        font-size: 1.2em;
    }

    .more-bleph-info-section {
        padding-bottom: 0;
    }

    .inner-what-is-50-50 {
        margin-bottom: 50px;
    }

    .inner-what-is-50-50.lower {
        flex-flow: column;
    }

    .inner-what-is-50-50._1 {
        flex-flow: column;
        min-height: 0;
        margin-bottom: 0;
    }

    .inner-photo-div-35 {
        width: 50%;
        max-height: 400px;
    }

    .inner-photo-div-35._1 {
        display: none;
    }

    .inner-text-div-60 {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .inner-text-div-60.left {
        padding-bottom: 5%;
        padding-right: 5%;
    }

    .text-div-with-line {
        border-left-style: none;
        padding-left: 0;
    }

    .text-div-with-line.cataract {
        border-left-style: none;
        width: 100%;
        padding: 0 0%;
    }

    .mission-section {
        background-image: linear-gradient(to bottom, null, null), url('../images/ophthalmology.jpg');
        background-attachment: scroll, scroll;
        min-height: 0;
    }

    .mission-wrapper-div {
        min-height: 35vh;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .mission-wrapper-div.cat {
        min-height: 35vh;
        padding-top: 40px;
    }

    .mission-left-line, .mission-right-line {
        height: 95%;
    }

    .mission-top-left-line, .mission-top-right-line {
        width: 22%;
        top: 5%;
    }

    .what-is-a-cataract-section {
        flex-direction: column;
        min-height: 0;
        max-height: none;
    }

    .standard-ip-header {
        padding-top: 22%;
        font-size: 3em;
    }

    .text-cat-hero {
        max-width: 650px;
        line-height: 1.5em;
    }

    .inner-photo-div-35-cat-laser {
        width: 100%;
        max-height: 400px;
    }

    .inner-photo-div-35-cat-laser-mobile {
        display: none;
    }

    .image-hp-service {
        object-fit: cover;
        width: 100%;
        max-width: none;
        height: auto;
    }

    .how-do-i-know-section {
        padding-bottom: 0;
    }

    .how-do-i-know-wrapper-div {
        flex-direction: column;
    }

    .how-do-i-know-div {
        width: 100%;
        margin: 0;
        padding-right: 5%;
        position: static;
    }

    .pane-div {
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .tabs-2 {
        width: 100%;
        min-height: 400px;
        margin-top: 30px;
    }

    .image-18 {
        max-width: 100%;
    }

    .cataract-video-div {
        align-items: center;
        width: 100%;
        min-width: 0;
        max-height: 500px;
        margin: 0;
        padding: 0;
        position: static;
    }

    .testimonials {
        background-attachment: scroll;
        min-height: 0;
        padding: 50px;
    }

    .started-button-holder {
        flex-flow: column;
        align-items: stretch;
    }

    .iol-headline-title-iv {
        border-left-style: none;
        padding-left: 0;
    }

    .padding-section-large {
        padding-top: 0;
        padding-bottom: 0;
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

    ._5050 {
        flex-flow: column;
    }

    .text-48 {
        width: 100%;
    }

    .text-48.with-pad {
        padding-bottom: 20px;
    }

    .video-48 {
        width: 100%;
    }

    .pane {
        height: 65vh;
    }

    .lensar {
        padding-left: 30px;
    }

    .what-is-left {
        width: 100%;
        padding-top: 5%;
        padding-bottom: 4%;
        padding-right: 5%;
    }

    .benefit-div {
        width: 32%;
        min-height: 325px;
        margin-left: .5%;
        margin-right: .5%;
    }

    .benefit-title-div {
        border-left-style: none;
        padding-left: 0;
    }

    .text-las {
        max-width: 650px;
        line-height: 1.5em;
    }
}

@media screen and (max-width: 767px) {
    h2 {
        font-size: 2em;
    }

    h3 {
        margin-bottom: 0;
        font-size: 1.2em;
    }

    .brand {
        width: auto;
        padding-left: 5px;
    }

    .nav-cta {
        padding: 5px;
    }

    .hero {
        background-image: linear-gradient(to bottom, null, null), url('../images/hero-photo.jpg');
        background-attachment: scroll, scroll;
        align-items: flex-end;
        height: 400px;
        padding-top: 5%;
        padding-bottom: 8%;
    }

    .sub-hero-header {
        font-size: .8em;
    }

    .hero-headline {
        font-size: 2.1em;
    }

    .hero-headline.cat {
        max-width: 90%;
    }

    .hero-headline.las {
        color: var(--black);
        max-width: 375px;
        font-size: 2.5em;
    }

    .button.top-marg {
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .button.hover-white.top-marg {
        font-size: .8em;
    }

    .button.hover-white.top-and-left {
        margin-top: 10px;
        margin-left: 0;
        font-size: .8em;
    }

    .welcome-wrapper-div {
        max-width: none;
        padding-top: 0;
        padding-bottom: 0;
    }

    .image-5 {
        width: 30px;
        height: auto;
    }

    .why-par-holder {
        padding-left: 0;
    }

    .service-section {
        background-image: linear-gradient(90deg, #fff, #fffffff2 34%, #ffffffbf 55%, #fff0 75% 86%), linear-gradient(#0000, #0000), url('../images/parallax-1.jpg');
        background-size: auto, auto, cover;
        padding-top: 50px;
        padding-bottom: 35px;
    }

    .service-wrapper-div {
        padding-left: 20px;
    }

    .fancy-list {
        font-size: 1.1em;
    }

    .image-6 {
        width: 25px;
        margin-right: 10px;
    }

    .photo-div-50 {
        max-height: 300px;
    }

    .slider {
        height: 300px;
    }

    .footer {
        padding-top: 50px;
        padding-bottom: 75px;
    }

    .other-footer-info-div, .form-left-48._65 {
        width: 100%;
    }

    .footer-top-div {
        flex-flow: column;
    }

    .cta-strip-link {
        font-size: .8em;
    }

    .cta-strip-link._2 {
        padding: 10px 5px;
        font-size: .8em;
        line-height: 1.2em;
    }

    .featured-service-section-v2 {
        padding-top: 0;
        padding-bottom: 50px;
    }

    ._50-text-div-v2 {
        padding: 15px;
    }

    .menu-button {
        padding: 5px;
    }

    .photo-div-50-cos-mobile {
        max-height: 300px;
    }

    .hero-wrapper-div-with-lines {
        padding-bottom: 30px;
    }

    .bottom-white-line {
        width: 93%;
    }

    .bottom-white-line.cataract {
        width: 515px;
    }

    .bottom-white-line.las {
        width: 342px;
    }

    .right-white-line {
        right: 7%;
    }

    .right-white-line.cataract {
        height: 22%;
        right: 29px;
    }

    .right-white-line.las {
        height: 65px;
        right: 29px;
    }

    .top-right-line {
        width: 93%;
        inset: 0% auto auto 0%;
    }

    .top-right-line.cataract {
        width: 515px;
    }

    .top-right-line.las {
        width: 342px;
    }

    .bottom-right-line {
        height: 20px;
        right: 7%;
    }

    .bottom-right-line.cataract {
        height: 100%;
        right: 29px;
    }

    .bottom-right-line.cos {
        height: 40px;
        right: 29px;
    }

    .new-doc-patient-wrapper {
        justify-content: space-between;
    }

    .new-doc-patient-holder {
        width: 235px;
        margin-left: 0;
        margin-right: 0;
    }

    .new-doc-patient-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .for-doc-patient-header-new {
        padding-left: 10px;
        font-size: 1.9em;
    }

    .pd-top-blue-div, .pd-bottom-blue-div {
        width: 97%;
    }

    .bottom-right-pd-blue-id, .pd-top-right-blue-div {
        right: 3%;
    }

    .new-welcome-section {
        min-height: 0;
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .service-h2 {
        font-size: 2.8em;
    }

    .service-bottom-blue-line, .service-top-blue-line {
        width: 48%;
    }

    .service-bottom-right-blue-div, .service-top-right-line {
        right: 52%;
    }

    .box-top-div-2 {
        min-height: 6vh;
        line-height: 1.2em;
    }

    .box-content-2 {
        min-height: 0;
        padding: 15px;
    }

    ._3-boxes-holder-2 {
        flex-direction: column;
        top: auto;
    }

    .box-2 {
        width: 100%;
    }

    .box-title {
        padding-left: 10px;
    }

    .new-doctor-section-jm {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .doc-slide-jm {
        width: 50%;
    }

    .mask-2 {
        width: 100%;
    }

    .image-cal-desktop {
        width: 25px;
    }

    .custom-hero.cataract {
        background-image: linear-gradient(38deg, #000000e6, #0000 100%, #0000), linear-gradient(122deg, #00000069, #00000052 41%, #0000 58% 85%), url('../images/seniors-golfing.jpg');
        background-position: 0 0, 0 0, 100% 100%;
        background-repeat: repeat, repeat, no-repeat;
        background-size: auto, auto, cover;
        height: 500px;
    }

    .custom-hero.las {
        background-image: url('../images/young-woman-on-beach.jpg');
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 500px;
    }

    .cosmetic-hero-text-wrapper {
        padding: 16px 16px 10px;
    }

    .what-is-bleph-wrap-left {
        max-width: none;
        padding-top: 0;
        padding-bottom: 30px;
    }

    .fancy-list-small {
        font-size: 1.1em;
    }

    .more-bleph-info-section {
        padding-top: 5%;
        padding-bottom: 0%;
    }

    .inner-what-is-50-50 {
        flex-direction: column;
        min-height: 0;
        margin-bottom: 0;
        padding-bottom: 5%;
    }

    .inner-what-is-50-50.lower {
        align-items: flex-end;
    }

    .inner-what-is-50-50._1 {
        padding-bottom: 0%;
    }

    .inner-photo-div-35 {
        width: 65%;
        margin-bottom: 20px;
        display: none;
    }

    .inner-text-div-60 {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0%;
        padding-right: 0%;
    }

    .inner-text-div-60.left {
        padding-left: 0%;
    }

    .text-div-with-line {
        border-left-style: none;
        padding-top: 0;
        padding-left: 0;
    }

    .text-div-with-line.cataract {
        min-height: 0;
    }

    .mission-section {
        padding-left: 5%;
        padding-right: 5%;
    }

    .mission-wrapper-div {
        min-height: 30vh;
    }

    .mission-wrapper-div.cat {
        min-height: 40vh;
    }

    .mission-left-line, .mission-right-line {
        height: 95%;
    }

    .mission-top-left-line, .mission-top-right-line {
        top: 5%;
    }

    .what-is-a-cataract-section {
        min-height: 0;
        padding-top: 5%;
        padding-bottom: 0;
    }

    .standard-ip-header {
        padding-top: 22%;
        font-size: 2em;
    }

    .text-cat-hero {
        max-width: 90%;
        margin-bottom: 15px;
        font-size: .9em;
        line-height: 1.3em;
    }

    .inner-photo-div-35-cat-laser, .inner-photo-div-35-cat-laser-mobile {
        width: 65%;
        margin-bottom: 20px;
        display: none;
    }

    .how-do-i-know-section {
        padding-top: 50px;
    }

    .how-do-i-know-div {
        padding: 0 5% 30px;
    }

    .tab-pane {
        width: 100%;
        height: 275px;
    }

    .tabs-content-2 {
        width: 100%;
        min-height: 200px;
    }

    .pane-div, .tabs-menu-2 {
        width: 100%;
    }

    .tabs-2 {
        flex-direction: column;
        height: 450px;
        min-height: 450px;
        margin-top: 0;
    }

    .image-18 {
        max-width: 100%;
    }

    .cataract-video-div {
        width: 100%;
        padding: 0%;
    }

    .testimonials {
        background-attachment: scroll;
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .started-button-holder {
        flex-flow: column;
        align-items: stretch;
        font-size: 1em;
    }

    .iol-headline-title-iv {
        border-left-style: none;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    .padding-section-large {
        padding-top: 0;
        padding-bottom: 0;
    }

    .faq2_icon {
        width: 1.75rem;
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .faq2_question {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .image-28 {
        height: 50px;
    }

    .button-holder-hero {
        display: none;
    }

    .iol-options-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pane {
        height: 300px;
    }

    .tab-link {
        letter-spacing: 0;
        font-size: 12px;
        line-height: 15px;
    }

    .ondot, .dot {
        border-width: 2px;
        width: 15px;
        height: 15px;
    }

    .two-wraps {
        flex-flow: column;
    }

    ._49-div {
        width: 100%;
    }

    .lens-packages {
        flex-flow: column;
        margin-top: 0;
    }

    .div-48 {
        width: 100%;
        margin-top: 15px;
    }

    .what-is-left {
        max-width: none;
        padding-top: 0;
        padding-bottom: 30px;
    }

    .benefit-div {
        width: 49%;
        min-height: 275px;
        margin-left: 0%;
        margin-right: 0%;
    }

    .benefit-title-div {
        border-left-style: none;
        padding-top: 0;
        padding-left: 0;
    }

    .text-las {
        color: var(--black);
        max-width: 340px;
        font-size: .9em;
        line-height: 1.3em;
    }
}

@media screen and (max-width: 479px) {

    h2 {
        font-size: 1.8em;
    }

    h3 {
        padding-left: 0;
        font-size: 1em;
    }

    .brand {
        width: auto;
        padding: 5px 0;
    }

    .nav-cta.sqhedule {
        margin-left: 5px;
    }

    .hero {
        background-position: 0 0, 60% 100%;
        background-attachment: scroll, scroll;
        height: 400px;
        padding-right: 5%;
    }

    .sub-hero-header {
        letter-spacing: 0;
        font-size: .7em;
        line-height: 1.5em;
    }

    .hero-headline {
        font-size: 2em;
    }

    .hero-headline.cat {
        max-width: none;
        font-size: 2em;
    }

    .hero-headline.las {
        color: var(--white);
        max-width: 225px;
        margin-bottom: 5px;
        font-size: 2em;
    }

    .button {
        text-align: center;
        letter-spacing: 0;
        padding-left: 20px;
        padding-right: 20px;
        font-size: .9em;
    }

    .button.marg {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .button._49 {
        width: auto;
    }

    .location-div {
        flex-direction: column;
    }

    .doc-patient-icon-holder {
        width: 50px;
        height: 50px;
    }

    .why-choose-wrapper-div {
        flex-direction: column;
    }

    .why-choose-48 {
        width: 100%;
    }

    .image-5 {
        width: 40px;
    }

    .why-par-holder.top {
        min-height: 0;
    }

    .service-section {
        background-color: #cccccc59;
        background-image: none;
        background-position: 0 0;
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .fancy-list {
        align-items: flex-start;
        font-size: 1em;
    }

    .testimonial-slider-div {
        padding-top: 0;
        padding-left: 0;
    }

    .slider {
        height: 450px;
        min-height: 450px;
    }

    .footer {
        padding-bottom: 200px;
    }

    .location-48 {
        width: 100%;
    }

    .location-48.map {
        height: 200px;
    }

    .other-footer-info-div, .form-left-48._65 {
        width: 100%;
    }

    .footer-top-div {
        flex-direction: column;
    }

    .quick-links {
        justify-content: flex-start;
    }

    .cta-strip-link {
        width: 100%;
    }

    .cta-strip-link._2 {
        justify-content: center;
        width: 100%;
    }

    .cta-strip-link._2.phone {
        display: none;
    }

    ._50-text-div-v2.left {
        padding: 10px;
    }

    .testimonial-holder-v2 {
        background-color: #fffc;
        padding: 25px;
    }

    .hero-wrapper-div-with-lines {
        border-right: 1px solid var(--white);
        padding: 20px 10px;
    }

    .left-outline.cos {
        background-color: var(--white);
    }

    .bottom-white-line {
        width: 100%;
    }

    .bottom-white-line.cataract {
        width: 305px;
    }

    .bottom-white-line.las {
        background-color: var(--white);
        width: 100%;
    }

    .right-white-line {
        display: none;
    }

    .right-white-line.cataract, .right-white-line.las {
        height: 28%;
        right: 30px;
    }

    .top-right-line {
        width: 100%;
        height: 1.5px;
    }

    .top-right-line.cataract {
        width: 305px;
    }

    .top-right-line.las {
        background-color: var(--white);
        width: 100%;
    }

    .bottom-right-line {
        display: none;
    }

    .bottom-right-line.cataract, .bottom-right-line.cos {
        height: 40%;
        right: 30px;
    }

    .new-doc-patient-wrapper {
        flex-direction: column;
    }

    .new-doc-patient-holder {
        width: 280px;
        margin-bottom: 20px;
    }

    .new-doc-patient-section {
        padding-bottom: 30px;
    }

    .for-doc-patient-header-new {
        font-size: 2.2em;
    }

    .new-welcome-section {
        padding-bottom: 0;
    }

    .why-choose-items {
        padding-left: 5%;
        padding-right: 5%;
    }

    .service-h2 {
        font-size: 2.85em;
    }

    .service-bottom-blue-line {
        width: 94%;
    }

    .service-top-blue-line {
        width: 94%;
        height: 1.5px;
    }

    .service-bottom-right-blue-div, .service-top-right-line {
        right: 6%;
    }

    .bottom-cta-strip-new {
        flex-direction: column;
        width: 100%;
    }

    .new-doc-wrap-jm {
        margin-top: 0;
    }

    .new-doc-slider-jm {
        min-height: 400px;
    }

    .slide-nav-2 {
        display: block;
    }

    .doc-slide-jm {
        width: 100%;
    }

    .right-arrow-2 {
        display: none;
    }

    .mask-2 {
        width: 100%;
    }

    .left-arrow-2 {
        display: none;
    }

    .custom-hero.cataract {
        background-image: linear-gradient(#00000080, #00000080), url('../images/seniors-golfing.jpg');
        background-position: 0 0, 80%;
        background-repeat: repeat, no-repeat;
        background-size: auto, auto 130%;
        height: 600px;
    }

    .custom-hero.las {
        background-image: linear-gradient(#00000080, #00000080), url('../images/young-woman-on-beach.jpg');
        background-position: 0 0, 80% 100%;
        background-repeat: repeat, no-repeat;
        background-size: auto, auto 105%;
        height: 600px;
        padding-bottom: 5%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .cosmetic-hero-text-wrapper {
        border-right: 1px solid var(--white);
        padding: 10px 10px 0;
    }

    .fancy-list-small {
        align-items: flex-start;
        padding-left: 0;
        font-size: 1em;
    }

    .inner-photo-div-35 {
        width: 90%;
    }

    .text-div-with-line.cataract {
        padding-left: 0;
    }

    .mission-wrapper-div {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 1em;
    }

    .h2-center-white-2 {
        font-size: 1.8em;
    }

    .mission-top-left-line {
        width: 9%;
    }

    .mission-top-right-line {
        width: 8%;
    }

    .what-is-a-cataract-section {
        padding-top: 5%;
        padding-bottom: 0%;
    }

    .standard-ip-header {
        padding-top: 38%;
    }

    .breadcrumbs {
        flex-wrap: wrap;
    }

    .text-cat-hero {
        max-width: 300px;
        font-size: .9em;
        line-height: 1.5em;
    }

    .inner-photo-div-35-cat-laser, .inner-photo-div-35-cat-laser-mobile {
        width: 90%;
    }

    .how-do-i-know-section {
        padding-top: 5%;
    }

    .how-do-i-know-div {
        padding-bottom: 4%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .list-holder {
        flex-direction: column;
    }

    .tab-pane {
        height: 275px;
    }

    .tabs-content-2 {
        min-height: 400px;
    }

    .pane-div {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .cataract-video-div {
        background-color: var(--dark-slate-blue);
        color: var(--white);
        padding: 0%;
    }

    .testimonials {
        padding: 0%;
    }

    .button-holder {
        flex-flow: column;
        align-items: stretch;
    }

    .max-width-large {
        padding-left: 10px;
        padding-right: 10px;
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .faq2_question {
        padding-left: 10px;
        padding-right: 10px;
    }

    .image-28 {
        height: 50px;
    }

    .image {
        width: 20px;
    }

    .list-div-100 {
        width: 100%;
    }

    .pane {
        height: 450px;
    }

    .lensar {
        padding-left: 15px;
    }

    .benefit-div {
        width: 100%;
        min-height: 0;
    }

    .text-las {
        color: var(--white);
        max-width: 300px;
        margin-bottom: 10px;
        font-size: .9em;
        line-height: 1.5em;
    }
}