:root {
    --steel-blue: #4879c9;
    --dark-slate-blue: #6999a5;
    --white: white;
    --black-2: #5b3764;
    --color: #124151;
    --dark-grey: #fafafa;
    --dark-slate-grey: #343a40;
    --dim-grey: #6e7371;
    --black: #08090d;
}

.hero {
    z-index: 175;
    background-image: linear-gradient(213deg, #0000 1% 31%, #05060882 63%, #08090dd6 93%), url('../images/hero-p-1080.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;
}

@media (min-width: 991px) {

    .hero {
        background-image: linear-gradient(213deg, #0000 1% 31%, #05060882 63%, #08090dd6 93%), url('../images/hero.jpg');
    }
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

body {
    color: #333;
    font-family: circe-slab-a, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.75em;
}

h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.2em;
}

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

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

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

p {
    margin-bottom: 20px;
}

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

.top-nav-div {
    justify-content: space-between;
    padding-left: 20px;
    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: .9em;
    font-weight: 600;
    line-height: 1em;
    text-decoration: none;
    display: flex;
}

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

.nav-cta.sqhedule {
    border: 2px solid var(--color);
    background-color: var(--color);
    color: var(--white);
    margin-left: 10px;
}

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

.nav-cta.sqhedule:active {
    border-color: var(--black-2);
}

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

.nav-menu {
    background-color: var(--black-2);
    justify-content: space-around;
    align-items: center;
    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;
    line-height: 1.2em;
}

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

.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-blue);
    color: var(--white);
}

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

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

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

.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;
}

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

.hero-headline {
    color: var(--white);
    text-transform: none;
    font-size: 3.5em;
    font-weight: 700;
    line-height: 1em;
    position: relative;
}

a.button.hero-button.w-button{
    margin-top: 10px;
}

.hero-headline.cos {
    color: var(--black-2);
    max-width: 625px;
    font-size: 3.2em;
}

.hero-headline.cat {
    color: var(--black-2);
    max-width: 675px;
    font-family: circe-slab-a, sans-serif;
    font-size: 4.7em;
    font-weight: 600;
}

.hero-headline.lasik {
    color: var(--white);
    max-width: 675px;
    font-family: circe-slab-a, sans-serif;
    font-size: 4.7em;
    font-weight: 600;
}

.hero-headline.evo {
    color: var(--black-2);
    max-width: 675px;
    font-family: circe-slab-a, sans-serif;
    font-size: 4.7em;
    font-weight: 600;
}

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

.button {
    background-color: var(--dark-slate-blue);
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 15px 30px;
    font-size: .9em;
    line-height: 1.2em;
}

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

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

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

.button.hover-white.top-marg {
    margin-top: 30px;
}

.button.white {
    background-color: var(--white);
    color: var(--dark-slate-blue);
}

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

.button.st {
    background-color: var(--color);
    background-image: url('../images/quiz-icon_1quiz-icon.png');
    background-position: 10px;
    background-repeat: no-repeat;
    background-size: 25px;
    margin-left: 0;
    padding-left: 45px;
    padding-right: 20px;
}

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

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

.button.abs {
    margin-bottom: 0;
    padding: 13px 10px 10px;
    line-height: 1em;
    position: absolute;
    inset: auto 0% 0%;
}

.location-div {
    letter-spacing: 2px;
    text-transform: uppercase;
    justify-content: space-between;
    align-items: stretch;
    width: 48%;
    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(--dark-slate-blue);
    border-left-style: none;
    border-left-color: var(--steel-blue);
    margin-left: 0;
    padding-bottom: 20px;
    padding-left: 0;
    font-style: normal;
}

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

.p-white.location {
    line-height: 1.5em;
}

.doc-patient-icon-holder {
    background-color: var(--white);
    background-image: linear-gradient(to bottom, var(--color), var(--color));
    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%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.why-choose-48 {
    flex-flow: column;
    justify-content: space-between;
    width: 48%;
    display: flex;
}

.fancy-why-choose-title-div {
    color: var(--dark-slate-blue);
    flex-direction: column;
    justify-content: flex-start;
    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 {
    padding-left: 0;
    padding-right: 0;
}

.service-section {
    align-items: center;
    min-height: 75vh;
    padding: 100px 5%;
    display: flex;
}

.service-section.visible {
    background-image: linear-gradient(91deg, #ffffff8f, #fff0 55% 102%), url('../images/parallax-photo-1.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
}

.service-wrapper-div {
    border: 2px solid var(--dark-slate-blue);
    max-width: 45%;
    padding: 25px;
    position: relative;
}

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

.fancy-list:hover {
    color: var(--dark-slate-blue);
}

.image-6 {
    width: 35px;
    margin-right: 15px;
}

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

.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 {
    color: var(--dark-slate-blue);
    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: 225px;
}

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

.footer {
    background-color: var(--black-2);
    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: #0000;
    width: 100%;
    min-height: 0;
    margin-bottom: 10px;
}

.text-field:focus {
    color: var(--white);
}

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

.textarea:focus {
    color: var(--white);
}

.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: 50px;
}

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

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

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

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

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

.phone-link-footer {
    color: var(--white);
    align-items: center;
    margin-bottom: 10px;
    text-decoration: none;
    display: flex;
}

.phone-link-footer:hover {
    color: var(--dark-slate-blue);
}

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

.fax-div-footer-copy {
    color: var(--white);
    align-items: center;
    margin-bottom: 20px;
    text-decoration: none;
    display: flex;
}

.fax-div-footer-copy:hover {
    color: var(--white);
}

.location-48 {
    color: var(--white);
    width: 48%;
}

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

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

.locations-holder {
    flex-flow: column;
    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: 40px;
    height: 40px;
    margin-bottom: 0;
    margin-right: 10px;
}

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

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

.quick-link {
    color: var(--white);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-right: 15px;
    text-decoration: none;
}

.quick-link:hover {
    color: var(--dark-slate-blue);
}

.privacy-text-div {
    width: 90%;
}

.cta-strip-link {
    color: var(--dark-grey);
    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(--color);
    color: var(--white);
    text-align: center;
    justify-content: center;
    width: 100%;
    padding: 5px 10px;
}

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

.cta-strip-link._2-phone {
    background-color: var(--black-2);
    color: var(--white);
    text-align: center;
    justify-content: center;
    width: 100%;
    padding: 5px 10px;
}

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

.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: #6999a51a;
    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;
    position: relative;
}

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

.left-outline.cat {
    background-color: var(--dark-slate-blue);
}

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

.bottom-white-line.cosmetic {
    background-color: var(--dark-slate-blue);
    width: 625px;
}

.bottom-white-line.cataract {
    background-color: var(--dark-slate-blue);
    width: 632px;
}

.bottom-white-line.lasik {
    background-color: var(--dark-slate-blue);
    width: 707px;
}

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

.right-white-line.cosmetic {
    background-color: var(--dark-slate-blue);
    height: 10%;
    right: 50px;
}

.right-white-line.cataract {
    background-color: var(--dark-slate-blue);
    height: 14%;
    right: 43px;
}

.right-white-line.lasik {
    background-color: var(--dark-slate-blue);
    height: 30%;
    right: 43px;
}

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

.top-right-line.cosmetic {
    background-color: var(--dark-slate-blue);
    width: 625px;
    inset: 0% auto auto 0%;
}

.top-right-line.cataract {
    background-color: var(--dark-slate-blue);
    width: 632px;
    inset: 0% auto auto 0%;
}

.top-right-line.lasik {
    background-color: var(--dark-slate-blue);
    width: 707px;
    inset: 0% auto auto 0%;
}

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

.bottom-right-line.cosmetic {
    background-color: var(--dark-slate-blue);
    height: 32%;
    right: 50px;
}

.bottom-right-line.cataract {
    background-color: var(--dark-slate-blue);
    height: 5%;
    right: 43px;
}

.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 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 20px;
    font-size: 3em;
    font-weight: 600;
    line-height: 1.2em;
    display: flex;
}

.list-item-link {
    color: var(--black-2);
    margin-bottom: 10px;
}

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

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

.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: 95%;
    height: 1px;
    position: absolute;
    inset: 0% auto auto 0%;
}

.pd-bottom-blue-div {
    background-color: var(--dark-slate-blue);
    width: 95%;
    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 5% 0% auto;
}

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

.new-welcome-section {
    background-image: linear-gradient(#5b3764e0, #5b3764e0), linear-gradient(#08090d96, #08090d96), 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(#1a1e2633, #1a1e2633);
    flex-direction: row;
    justify-content: flex-end;
    width: 40%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 50px;
    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;
    display: flex;
    position: relative;
    inset: 0% 0 0% 0%;
}

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

.service-h2 {
    letter-spacing: 1px;
    font-size: 4.5em;
}

.bottom-cta-strip-new {
    z-index: 100;
    background-color: var(--black);
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    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: 2px;
    text-transform: uppercase;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.2em;
    text-decoration: none;
    display: flex;
}

.location-div-top-4:hover {
    color: var(--steel-blue);
}

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

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

.image-11 {
    width: 40px;
}

.box-top-div-2 {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #5b3764;
    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(--dark-slate-blue);
}

.box-top-div-2._2 {
    background-color: #5b3764e6;
}

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

.box-top-div-2._3 {
    background-color: #5b3764cc;
}

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

.box-content-2 {
    background-color: #fff;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    min-height: 275px;
    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(--dark-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-phone-desktop, .image-cal-desktop {
    width: 30px;
    margin-right: 10px;
}

.phone-mobile-img, .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: url('../images/cataract-hero.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 3%;
}

.custom-hero.cosmetic {
    background-image: url('../images/cosmetic-hero.jpg');
    background-position: 0 0;
    padding-top: 10%;
    padding-bottom: 5%;
    padding-left: 3%;
}

.custom-hero.lasik {
    background-image: linear-gradient(122deg, #00000069, #00000052 41%, #0000 58% 85%), url('../images/lasik-hero.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-left: 3%;
}

.custom-hero.evo {
    background-image: url('../images/male-jogger.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 3%;
}

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

.cosmetic-procedures-section {
    padding-top: 5%;
    padding-bottom: 5%;
}

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

.what-is-bleph-section {
    background-image: linear-gradient(#434d65, #434d65), linear-gradient(#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;
    padding: 0;
    display: flex;
}

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

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

.bleph-info-div {
    background-color: var(--white);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    min-width: 120%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding: 30px;
    display: flex;
    position: relative;
    inset: 0% 0 0% 0%;
}

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

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

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

.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-bottom: 0;
}

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

.inner-what-is-50-50.lower-full {
    min-height: 0;
    margin-bottom: 0;
}

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

.inner-photo-div-35.bg-video {
    position: relative;
}

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

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

.inner-text-div-60.bleph {
    width: 50%;
    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 {
    min-height: 400px;
    padding-bottom: 20px;
}

.text-div-with-line.cataract._2 {
    padding-bottom: 20px;
}

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

.recovering-from-bleph-section {
    background-image: url('../images/cosmetic-parallax.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    min-height: 0;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 5%;
    display: flex;
}

.bleph-recovery-wrapper-div {
    width: 48%;
}

.what-is-botox-section {
    background-image: linear-gradient(#1a1e26, #1a1e26), linear-gradient(#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;
    padding: 0;
    display: flex;
}

.what-is-botox-right {
    background-color: var(--white);
    background-image: linear-gradient(to bottom, var(--black-2), var(--black-2));
    flex-direction: row;
    justify-content: flex-end;
    width: 40%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 5%;
    display: flex;
    position: relative;
}

.mission-section {
    background-image: linear-gradient(#101925a6, #101925a6), 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;
}

.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-left-line.lasik {
    width: 28%;
}

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

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

.what-is-a-cataract-section {
    background-image: linear-gradient(to bottom, var(--color), var(--color)), 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;
}

.service-photo-div {
    object-fit: cover;
    min-height: 250px;
    margin-bottom: 0;
    overflow: hidden;
}

.service-box-wrapper-div {
    justify-content: space-between;
    margin-top: 50px;
    padding: 0;
    display: flex;
}

.service-box-wrapper-div.evo {
    margin-bottom: 30px;
}

.service-wrapper-div-2 {
    border-left: 5px solid var(--dark-slate-blue);
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px;
    display: flex;
}

.h4-white {
    color: #fff;
    font-size: 1.5em;
}

.h4-white.cataract {
    min-height: 8vh;
}

.service-block {
    background-color: var(--black-2);
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 24%;
    padding: 15px 15px 50px;
    line-height: 1.5em;
    display: flex;
}

.service-block._2 {
    background-color: #1a1e26e6;
    align-items: center;
}

.service-block._2._32 {
    width: 32%;
}

.service-block._3 {
    background-color: #1a1e26cc;
    align-items: center;
    position: relative;
}

.service-block._3._32, .service-block._32 {
    width: 32%;
}

.more-cataract-info-section {
    padding: 0%;
}

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

.what-is-an-iol-section {
    background-image: linear-gradient(to bottom, var(--color), var(--color)), 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;
    padding: 0;
    display: flex;
}

.iol-info-div {
    background-color: var(--white);
    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: 25px;
    display: flex;
    position: relative;
    inset: 0% 50px 0% 0%;
}

.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: 12% 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;
}

.standard-ip-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.standard-ip-section.top {
    z-index: 1000;
    background-color: var(--white);
    padding-top: 25px;
    padding-bottom: 80px;
    position: relative;
}

.standard-ip-section.eye-conditions {
    padding-bottom: 50px;
}

.standard-ip-section.when {
    background-color: var(--dark-slate-blue);
    justify-content: space-between;
    padding: 5%;
    display: flex;
}

.standard-content-wrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.comp-eye-photo-right {
    float: right;
    max-width: 400px;
    margin-bottom: 0;
    margin-left: 20px;
    display: none;
    overflow: visible;
}

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

.cos-text {
    color: var(--black);
    max-width: 625px;
}

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

.text-cat-hero {
    color: var(--black);
    max-width: 625px;
}

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

.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-ocu, .image-hp-service {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.tabs-menu {
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

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

.tabs {
    max-width: 1170px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}

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

.pane {
    height: 600px;
}

.tab-line {
    background-color: #343a4024;
    justify-content: center;
    align-items: center;
    max-width: 1170px;
    height: 10px;
    margin-bottom: 10px;
    display: flex;
}

.tabs-content {
    height: auto;
}

.tab-link {
    text-align: center;
    letter-spacing: 0;
    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: Mulish;
    font-weight: 500;
    display: block;
}

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

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

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

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

.best-procedure-wrapper-jm {
    justify-content: space-between;
    width: 100%;
    max-width: none;
    min-height: 0;
    max-height: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.hero-button {
    background-color: var(--dark-slate-blue);
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    width: 49%;
    max-width: none;
    padding: 15px;
    line-height: 1.2em;
}

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

.hero-button.hover-white {
    letter-spacing: 1px;
    font-size: .9em;
}

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

.hero-button.purple {
    background-color: var(--black-2);
    letter-spacing: 1px;
    font-size: .9em;
}

.hero-button.purple:hover {
    background-color: var(--dark-slate-blue);
    color: var(--white);
}

.hero-button.teal {
    background-color: var(--dark-slate-blue);
    letter-spacing: 1px;
    font-size: .9em;
}

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

.cta-buttons-cat {
    justify-content: space-between;
    align-items: center;
    max-width: 675px;
    margin-top: 10px;
    display: flex;
}

.cta-buttons-cos {
    justify-content: space-between;
    align-items: center;
    max-width: 500px;
    margin-top: 10px;
    display: flex;
}

.hero-button-cos {
    background-color: var(--dark-slate-blue);
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    width: auto;
    max-width: none;
    padding: 15px 30px;
    line-height: 1.2em;
}

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

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

.text-div-bleph-full {
    border-left: 4px none var(--dark-slate-blue);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 5% 50px 5% 0;
    display: flex;
}

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

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

.how-do-i-know-wrapper-div {
    justify-content: space-between;
    align-items: center;
    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;
}

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

.tab-link-2 {
    background-color: var(--dark-slate-blue);
    color: #fff;
    text-transform: none;
    align-items: center;
    height: 25%;
    padding: 15px;
    font-family: circe-slab-a, sans-serif;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.2em;
    display: flex;
}

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

.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: 400px;
    min-height: 0;
    margin-top: 0;
    display: flex;
}

.ip-50-50-wrapper-div {
    justify-content: space-between;
    width: 90%;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 5%;
    display: flex;
}

.ip-50-50-wrapper-div._1 {
    max-height: none;
}

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

.photo-48.shadow {
    box-shadow: 1px 1px 9px #0006;
}

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

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

.text-48.vert-center {
    background-color: #1a1e2626;
    justify-content: flex-start;
    align-items: center;
    width: 49%;
    padding: 25px 25px 5px;
}

.text-48.vert-center.full {
    align-items: center;
    width: 100%;
}

.text-48.vert-center-30 {
    background-color: #1a1e2626;
    justify-content: flex-start;
    align-items: center;
    width: 32%;
    padding: 25px 25px 5px;
}

._50-50-div {
    justify-content: space-between;
    margin-top: 2%;
    display: flex;
}

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

.image-18 {
    width: 100%;
}

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

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

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

.testimonials {
    justify-content: center;
    align-items: center;
    min-height: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
}

.testimonials.visible {
    background-image: url('../images/parallax-photo-2.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

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

.image-19 {
    height: 60px;
}

.top-content-holder {
    flex-flow: column;
    display: flex;
}

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

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

.inner-dropdown-toggle {
    color: var(--white);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    line-height: 1.2em;
    display: block;
}

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

.inner-dd-list.w--open {
    background-color: var(--dark-slate-blue);
    inset: 0% auto auto -100%;
}

.translate-button {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    display: flex;
}

.translate-button:hover {
    background-color: var(--dark-slate-blue);
}

.image-20 {
    width: 30px;
}

.cat-doctor-wrap {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.lasik-par {
    color: var(--white);
    max-width: 700px;
}

.buttons-lasik {
    justify-content: space-between;
    align-items: center;
    max-width: 700px;
    margin-top: 10px;
    display: flex;
}

.video {
    width: 100%;
}

.body-buttons-lasik {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-top: 10px;
    display: flex;
}

.worth-it-section {
    background-color: #1241511a;
    padding-top: 5%;
    padding-bottom: 5%;
}

.worth-it-div {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

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

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

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

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

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

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

.faq2_answer {
    overflow: hidden;
}

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

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

.faq2_question {
    background-color: var(--black-2);
    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.2em;
    font-weight: 700;
    line-height: 1em;
    display: flex;
}

.section_faq2 {
    width: 100%;
    margin-top: 30px;
}

.h3-max {
    max-width: 700px;
    font-weight: 400;
}

.h3-max.evo {
    color: var(--black);
}

.list-100 {
    width: 100%;
}

.evo-table {
    justify-content: space-between;
    display: flex;
}

.grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--white);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    align-items: start;
    width: 100%;
    padding: 10px;
}

.text-block {
    color: var(--white);
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1em;
}

.evo-info-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--white);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px;
    line-height: 1.2em;
    display: flex;
}

.evo-info-div.top {
    margin-top: 15px;
}

.evo-faq {
    padding-top: 5%;
    padding-bottom: 5%;
}

.evo-faq-wrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.background-video {
    z-index: 1;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.table-column {
    background-color: var(--color);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 14px 0 0;
    display: flex;
}

.solutions-div {
    background-color: var(--color);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    padding: 5%;
    display: flex;
}

.evo-par {
    color: var(--black);
    max-width: 700px;
}

.cos-anchor-buttons {
    justify-content: space-between;
    display: flex;
}

.anchor-link {
    background-color: var(--black-2);
    color: var(--white);
    text-align: center;
    width: 20%;
    padding: 10px;
    line-height: 1em;
    text-decoration: none;
}

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

.anchor-link._2 {
    border-left: 1px solid var(--white);
}

.bleph-section-1 {
    padding-top: 0;
    padding-bottom: 0;
}

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

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

.latisse-section {
    background-image: linear-gradient(#1a1e26, #1a1e26), linear-gradient(#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;
    padding: 0;
    display: flex;
}

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

@media screen and (max-width: 991px) {
    .top-nav-div {
        padding-left: 10px;
        padding-right: 8px;
    }

    .brand {
        width: auto;
    }

    .nav-cta {
        padding: 5px;
    }

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

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

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

    .nav-cta._2 {
        display: none;
    }

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

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

    .hero {
        background-attachment: scroll, scroll;
        height: 800px;
    }

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

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

    .hero-headline.cos {
        color: var(--white);
        max-width: 575px;
        font-size: 2.9em;
    }

    .hero-headline.cat, .hero-headline.lasik {
        max-width: 500px;
        font-size: 3.5em;
    }

    .hero-headline.evo {
        color: var(--dark-grey);
        max-width: 500px;
        font-size: 3.5em;
    }

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

    .button {
        padding-left: 15px;
        padding-right: 15px;
        font-size: .85em;
    }

    .location-div {
        width: 100%;
    }

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

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

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

    .service-section {
        min-height: 0;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .service-section.visible {
        background-image: linear-gradient(90deg, #fff, #ffffff8c 51%, #fff0 75% 102%), linear-gradient(#08090d1c, #08090d1c), url('../images/parallax-photo-1.jpg');
        background-position: 0 0, 0 0, 70% 0;
        background-size: auto, auto, cover;
        background-attachment: scroll, scroll, scroll;
    }

    .service-wrapper-div {
        width: 55%;
        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 {
        padding-top: 5%;
        padding-bottom: 10%;
    }

    .footer-div-48.locations {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .small-footer-text {
        text-align: center;
    }

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

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

    .privacy-text-div {
        flex-flow: column;
        align-items: center;
        display: flex;
    }

    .cta-strip-link._2, .cta-strip-link._2-phone {
        line-height: 1em;
    }

    .image-10 {
        display: none;
    }

    .featured-service-section-v2 {
        padding-top: 5%;
        padding-bottom: 5%;
    }

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

    .service-50-50-v2.top {
        margin-top: 0;
    }

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

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

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

    .nav-text, .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%;
        max-height: 400px;
        display: block;
    }

    .bottom-white-line.cosmetic {
        width: 565px;
    }

    .bottom-white-line.cataract, .bottom-white-line.lasik {
        width: 698px;
    }

    .right-white-line.cosmetic {
        height: 5%;
        right: 30px;
    }

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

    .right-white-line.lasik {
        height: 45%;
        right: 22px;
    }

    .top-right-line.cosmetic {
        width: 565px;
    }

    .top-right-line.cataract, .top-right-line.lasik {
        width: 698px;
    }

    .bottom-right-line.cosmetic {
        height: 25%;
        right: 30px;
    }

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

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

    .new-doc-patient-section {
        padding-bottom: 5%;
    }

    .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-h2 {
        font-size: 3em;
    }

    .location-div-top-4 {
        letter-spacing: 0;
        align-items: flex-start;
        font-size: .9em;
    }

    .image-11 {
        display: none;
    }

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

    .box-content-2 {
        height: 100%;
        min-height: 350px;
        padding: 10px 15px 0;
    }

    ._3-boxes-holder-2 {
        top: 0;
    }

    .box-2 {
        justify-content: flex-start;
    }

    .box-title {
        letter-spacing: 0;
        padding-left: 20px;
    }

    .new-doctor-section-jm {
        padding-top: 5%;
        padding-bottom: 5%;
    }

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

    .mask-2 {
        width: 85%;
    }

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

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

    .custom-hero.cataract {
        background-image: linear-gradient(6deg, #fff, #fff0 66% 101%), url('../images/cataract-hero.jpg');
        background-position: 0 0, 100% 0;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        align-items: flex-end;
        height: 800px;
        padding-bottom: 2%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .custom-hero.cosmetic {
        background-image: linear-gradient(7deg, #00000096, #0000 68%, #0000), url('../images/cosmetic-hero.jpg');
        background-position: 0 0, 100% 0;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        align-items: flex-end;
        height: 800px;
        padding-bottom: 2%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .custom-hero.lasik {
        background-image: linear-gradient(6deg, var(--black), #fff0 66%, #fff0 101%), url('../images/lasik-hero.jpg');
        background-position: 0 0, 100% 0;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        align-items: flex-end;
        height: 800px;
        padding-bottom: 2%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .custom-hero.evo {
        background-image: linear-gradient(6deg, var(--black), #fff0 66%, #fff0 101%), url('../images/male-jogger.jpg');
        background-position: 0 0, 50% 0;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        align-items: flex-end;
        height: 700px;
        margin-top: 0;
        padding: 0 2% 2%;
    }

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

    .cosmetic-50-50-wrapper {
        flex-direction: column;
    }

    .what-is-bleph-section {
        flex-direction: column;
        min-height: 0;
    }

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

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

    .bleph-info-div {
        min-width: 0;
        margin: 0;
        padding: 50px 5%;
        position: static;
    }

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

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

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

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

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

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

    .inner-text-div-60 {
        width: 90%;
        margin-left: 5%;
    }

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

    .inner-text-div-60.bleph {
        width: 100%;
        margin-left: 0%;
        padding-left: 0%;
    }

    .text-div-with-line.cataract {
        margin-top: 30px;
    }

    .text-div-with-line.cataract._2 {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .recovering-from-bleph-section {
        background-image: linear-gradient(#08090d1a, #08090d1a);
        background-position: 0 0;
        min-height: 0;
        padding-left: 5%;
    }

    .bleph-recovery-wrapper-div {
        width: auto;
    }

    .what-is-botox-section {
        flex-direction: column;
        min-height: 0;
    }

    .what-is-botox-right {
        width: 100%;
        padding: 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-top-left-line, .mission-top-right-line {
        width: 22%;
    }

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

    .service-photo-div {
        object-fit: contain;
        justify-content: center;
        align-items: center;
        max-height: 350px;
        display: flex;
    }

    .service-box-wrapper-div {
        flex-direction: column;
    }

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

    .service-block {
        width: 100%;
        margin-bottom: 25px;
    }

    .service-block._2._32, .service-block._3._32, .service-block._32 {
        width: 100%;
    }

    .what-is-an-iol-section {
        flex-direction: column;
        min-height: 0;
    }

    .iol-info-div {
        width: 100%;
        min-width: 0;
        margin: 0;
        position: static;
    }

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

    .standard-ip-section.when {
        flex-direction: column;
    }

    .comp-eye-photo-right {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .cos-text {
        color: var(--white);
        max-width: 575px;
    }

    .text-cat-hero {
        max-width: 700px;
    }

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

    .inner-photo-div-35-cat-laser {
        width: 50%;
    }

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

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

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

    .pane {
        height: 400px;
    }

    .best-procedure-wrapper-jm {
        flex-direction: column;
        max-height: none;
    }

    .hero-button {
        letter-spacing: 0;
        padding-left: 10px;
        padding-right: 10px;
        font-size: .9em;
    }

    .cta-buttons-cat {
        max-width: 700px;
    }

    .cta-buttons-cos {
        max-width: 500px;
    }

    .hero-button-cos {
        letter-spacing: 0;
        padding-left: 10px;
        padding-right: 10px;
        font-size: .9em;
    }

    .text-div-bleph-full {
        padding-left: 5%;
        padding-right: 5%;
    }

    .bleph-photo-50 {
        width: 100%;
        max-height: 450px;
    }

    .how-do-i-know-section {
        padding-top: 5%;
        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;
    }

    .ip-50-50-wrapper-div._1 {
        margin-bottom: 0;
        padding-right: 0%;
    }

    .photo-48.shadow {
        display: none;
    }

    .text-48 {
        width: 100%;
        margin-bottom: 20px;
    }

    .text-48.vert-center.full {
        align-items: center;
    }

    .text-48.vert-center-30 {
        width: 100%;
    }

    ._50-50-div {
        flex-direction: column;
        margin-top: 0%;
    }

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

    .cataract-video-div {
        border: 5px solid var(--white);
        align-items: center;
        min-width: 100%;
        margin: 0;
        padding: 0;
        position: static;
    }

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

    .image-19 {
        height: 50px;
    }

    .translate-button {
        align-items: flex-start;
    }

    .lasik-par, .buttons-lasik, .body-buttons-lasik {
        max-width: 700px;
    }

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

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

    .h3-max.evo {
        color: var(--white);
    }

    .solutions-div {
        width: 100%;
        padding-top: 5%;
        padding-bottom: 4%;
    }

    .evo-par {
        color: var(--white);
        max-width: 700px;
    }

    .anchor-link {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

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

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

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

@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 {
        align-items: flex-end;
        height: 500px;
        padding-top: 5%;
        padding-bottom: 5%;
    }

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

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

    .hero-headline.cos {
        color: var(--black-2);
        max-width: 325px;
        font-size: 2.2em;
    }

    .hero-headline.cat, .hero-headline.lasik, .hero-headline.evo {
        color: var(--white);
        max-width: 375px;
        font-size: 2.5em;
    }

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

    .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 {
        padding-top: 50px;
        padding-bottom: 35px;
    }

    .service-section.visible {
        background-image: linear-gradient(90deg, #fff, #ffffff8c 51%, #fff0 75% 102%), linear-gradient(#0000, #0000), url('../images/parallax-photo-1.jpg');
        background-size: auto, auto, cover;
    }

    .service-wrapper-div {
        padding: 15px;
    }

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

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

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

    .doc_button {
        padding: 10px;
    }

    .slider {
        height: 300px;
    }

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

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

    .featured-service-section-v2 {
        padding-top: 5%;
        padding-bottom: 5%;
    }

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

    .menu-button {
        padding: 5px;
    }

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

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

    .bottom-white-line.cosmetic {
        width: 275px;
    }

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

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

    .right-white-line.cosmetic {
        height: 35%;
        right: 69px;
    }

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

    .right-white-line.lasik {
        height: 20%;
        right: 29px;
    }

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

    .top-right-line.cosmetic {
        width: 275px;
    }

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

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

    .bottom-right-line.cosmetic {
        height: 5%;
        right: 69px;
    }

    .bottom-right-line.cataract {
        height: 3%;
        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.8em;
    }

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

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

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

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

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

    .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: 5%;
        padding-bottom: 5%;
    }

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

    .mask-2 {
        width: 100%;
    }

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

    .phone-mobile-img, .mobile-cal-img {
        width: 20px;
    }

    .custom-hero.cataract {
        background-image: linear-gradient(0deg, #000000e6, #0000 100%, #0000), url('../images/cataract-hero.jpg');
        background-position: 0 0, 80%;
        background-repeat: repeat, no-repeat;
        background-size: auto, auto 150%;
        height: 500px;
    }

    .custom-hero.cosmetic {
        background-image: linear-gradient(355deg, #00000096, #0000 68%, #0000), url('../images/cosmetic-hero.jpg');
        background-position: 0 0, 55% 70%;
        background-repeat: repeat, no-repeat;
        background-size: auto, auto 150%;
        height: 400px;
        margin-top: 75px;
        padding-left: 2%;
        padding-right: 2%;
    }

    .custom-hero.lasik {
        background-image: linear-gradient(0deg, #000000e6, #0000 100%, #0000), url('../images/lasik-hero.jpg');
        background-position: 0 0, 80% 60%;
        background-repeat: repeat, no-repeat;
        background-size: auto, auto 150%;
        height: 500px;
    }

    .custom-hero.evo {
        background-image: linear-gradient(0deg, #000000e6, #0000 100%, #0000), url('../images/male-jogger.jpg');
        background-position: 0 0, 50% 0;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        height: 400px;
        margin-top: 80px;
    }

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

    .cosmetic-procedures-section {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .what-is-bleph-section {
        background-image: linear-gradient(to bottom, var(--color), var(--color)), linear-gradient(to bottom, #08090d96, #08090d96);
        background-position: 0 0, 0 0;
        background-repeat: repeat, repeat;
        background-size: auto, auto;
        min-height: 0;
        padding-top: 5%;
        padding-bottom: 5%;
    }

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

    .bleph-info-div {
        padding: 5% 5% 20px;
    }

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

    .more-bleph-info-section {
        padding-top: 0%;
        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-what-is-50-50.lower-full {
        align-items: flex-end;
        padding-bottom: 0%;
    }

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

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

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

    .inner-text-div-60.left, .inner-text-div-60.bleph {
        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;
    }

    .text-div-with-line.cataract._2 {
        margin-bottom: 0;
    }

    .recovering-from-bleph-section {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .what-is-botox-section {
        background-image: linear-gradient(to bottom, var(--color), var(--color)), linear-gradient(to bottom, #08090d96, #08090d96);
        background-position: 0 0, 0 0;
        background-repeat: repeat, repeat;
        background-size: auto, auto;
        min-height: 0;
        padding-top: 5%;
        padding-bottom: 0%;
    }

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

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

    .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;
    }

    .h4-white.cataract {
        min-height: 5vh;
    }

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

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

    .what-is-an-iol-section {
        min-height: 0;
        padding-top: 50px;
        padding-bottom: 0;
    }

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

    .standard-ip-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .standard-ip-section.top {
        padding-bottom: 20px;
    }

    .standard-ip-section.when {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .cos-text {
        color: var(--black);
        max-width: 300px;
        font-size: .9em;
        line-height: 1.5em;
    }

    .inner-photo-div-35-lower-bleph-mobile {
        width: 65%;
        min-height: 0;
        max-height: none;
        margin-bottom: 20px;
        display: none;
    }

    .text-cat-hero {
        color: var(--white);
        max-width: 550px;
        line-height: 1.2em;
    }

    .image-best {
        width: 100%;
    }

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

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

    .pane {
        height: 300px;
    }

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

    .hero-button {
        width: 100%;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .hero-button.hover-white {
        align-items: center;
        width: 49%;
        font-size: .8em;
        display: flex;
    }

    .hero-button.purple {
        width: 49%;
        font-size: .8em;
    }

    .hero-button.teal {
        flex-flow: column;
        justify-content: center;
        width: 49%;
        font-size: .8em;
        display: flex;
    }

    .cta-buttons-cat {
        flex-flow: row;
        align-items: stretch;
        max-width: 560px;
    }

    .cta-buttons-cos {
        flex-direction: column;
        align-items: stretch;
        max-width: 290px;
    }

    .hero-button-cos {
        width: 100%;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .text-div-bleph-full {
        border-left-style: none;
        padding-top: 0;
        padding-bottom: 0%;
        padding-left: 5%;
    }

    .bleph-photo-50 {
        width: 100%;
        min-height: 400px;
        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 {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .image-19 {
        height: 40px;
    }

    .translate-button {
        align-items: flex-start;
    }

    .lasik-par {
        color: var(--white);
        max-width: 550px;
        line-height: 1.2em;
    }

    .buttons-lasik, .body-buttons-lasik {
        flex-flow: row;
        align-items: stretch;
        max-width: 560px;
    }

    .faq2_icon {
        width: 1.75rem;
    }

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

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

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

    .grid {
        flex-flow: column;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-flow: column;
        display: flex;
    }

    .table-column {
        width: 100%;
    }

    .solutions-div {
        max-width: none;
        padding-top: 5%;
        padding-bottom: 10px;
    }

    .evo-par {
        color: var(--white);
        max-width: 550px;
        line-height: 1.2em;
    }

    .cos-anchor-buttons {
        flex-flow: column;
    }

    .anchor-link {
        width: 100%;
    }

    .anchor-link._2 {
        border-top: 1px solid var(--white);
        border-left-style: none;
    }

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

    .ptsosis-section {
        padding-top: 0%;
        padding-bottom: 0%;
    }

    .botox-section {
        padding-top: 5%;
        padding-bottom: 0%;
    }

    .latisse-section {
        background-image: linear-gradient(to bottom, var(--color), var(--color)), linear-gradient(to bottom, #08090d96, #08090d96);
        background-position: 0 0, 0 0;
        background-repeat: repeat, repeat;
        background-size: auto, auto;
        min-height: 0;
        padding-top: 5%;
        padding-bottom: 0%;
    }

    .upneeq-section {
        padding-top: 0%;
        padding-bottom: 0%;
    }
}

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

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

    .brand {
        padding-left: 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;
        margin-bottom: 5px;
        font-size: .7em;
        line-height: 1.5em;
    }

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

    .hero-headline.cos {
        color: var(--white);
        width: 250px;
        max-width: none;
        font-size: 1.28em;
    }

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

    .button {
        text-align: center;
    }

    .button.st {
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        padding-left: 10px;
        padding-right: 10px;
        font-size: .8em;
    }

    .button.marg {
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px;
        font-size: .8em;
    }

    .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;
    }

    .service-section {
        padding-top: 5%;
        padding-bottom: 0;
    }

    .service-section.visible {
        background-image: linear-gradient(90deg, #fff, #ffffff8c 51%, #fff0 75% 102%);
        background-position: 0 0;
    }

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

    .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, .cta-strip-link._2, .cta-strip-link._2-phone {
        justify-content: center;
    }

    .service-50-50-v2 {
        margin-top: 20px;
    }

    ._50-text-div-v2, ._50-text-div-v2.left {
        padding: 8px 8px 0;
    }

    .testimonial-holder-v2 {
        padding: 25px;
    }

    .hero-wrapper-div-with-lines {
        padding: 20px 10px;
    }

    .left-outline.cat {
        display: none;
    }

    .bottom-white-line.cosmetic {
        width: 270px;
        display: none;
    }

    .bottom-white-line.cataract, .bottom-white-line.lasik {
        width: 265px;
        display: none;
    }

    .right-white-line {
        height: 15%;
    }

    .right-white-line.cosmetic {
        height: 23%;
        display: none;
        right: 32px;
    }

    .right-white-line.cataract, .right-white-line.lasik {
        display: none;
        right: 0;
    }

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

    .top-right-line.cosmetic {
        width: 270px;
        display: none;
    }

    .top-right-line.cataract, .top-right-line.lasik {
        width: 265px;
        display: none;
        right: 0;
    }

    .bottom-right-line.cosmetic {
        height: 5%;
        display: none;
        right: 32px;
    }

    .bottom-right-line.cataract {
        height: 35%;
        display: none;
        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;
    }

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

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

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

    .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 {
        height: 600px;
    }

    .custom-hero.cosmetic {
        background-position: 0 0, 75% 100%;
        background-size: auto, auto 120%;
        height: 600px;
    }

    .custom-hero.lasik {
        background-position: 0 0, 80% 70%;
        height: 600px;
    }

    .custom-hero.evo {
        background-position: 0 0, 70% 70%;
        background-size: auto, auto 130%;
        height: 500px;
    }

    .cosmetic-hero-text-wrapper {
        border: 1px solid var(--dark-slate-blue);
        padding: 10px;
    }

    .what-is-bleph-section {
        padding-bottom: 0;
    }

    .bleph-info-div {
        padding-left: 5%;
        padding-right: 5%;
    }

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

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

    .recovering-from-bleph-section {
        padding-bottom: 30px;
    }

    .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-bottom: 0;
    }

    .service-photo-div {
        min-height: 0;
        max-height: 200px;
    }

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

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

    .iol-info-div {
        padding-left: 5%;
        padding-right: 5%;
    }

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

    .breadcrumbs {
        flex-wrap: wrap;
    }

    .standard-ip-section.top {
        padding-top: 25px;
    }

    .standard-ip-section.when {
        padding-bottom: 0;
    }

    .cos-text {
        color: var(--white);
    }

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

    .bold-text {
        width: 100%;
    }

    .text-cat-hero {
        max-width: 290px;
        line-height: 1.2em;
    }

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

    .slider-pane {
        background-position: 95% 35%;
    }

    .hero-button {
        text-align: center;
        font-size: .8em;
    }

    .hero-button.hover-white {
        text-align: center;
        letter-spacing: 0;
        justify-content: center;
        width: auto;
    }

    .hero-button.purple, .hero-button.teal {
        width: auto;
    }

    .cta-buttons-cat {
        flex-flow: column;
        max-width: 300px;
    }

    .cta-buttons-cos {
        max-width: 275px;
    }

    .hero-button-cos {
        text-align: center;
        font-size: .8em;
    }

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

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

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

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

    .tab-pane {
        height: 275px;
    }

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

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

    .text-48.vert-center-30 {
        padding: 10px 10px 0;
    }

    .cataract-video-div, .testimonials {
        padding: 0%;
    }

    .image-19 {
        height: 35px;
    }

    .button-holder {
        flex-flow: column;
        justify-content: center;
        display: flex;
    }

    .lasik-par {
        max-width: 290px;
        line-height: 1.2em;
    }

    .buttons-lasik, .body-buttons-lasik {
        flex-flow: column;
        max-width: 300px;
    }

    .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;
    }

    .h3-max.evo {
        color: var(--white);
    }

    .list-100 {
        width: 100%;
    }

    .evo-par {
        max-width: 290px;
        line-height: 1.2em;
    }
}