:root {
  --color: #0e1d41;
  --bluegrey: #516085;
  --black: #000;
  --light-blue: #0056d6;
  --white: white;
  --gold: #d6ba7e;
  --dark-bg-color: #212a38;
  --dark-grey: #333;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

body {
  color: #333;
  font-family: Poppins, sans-serif;
  font-size: 1em;
  line-height: 1.1em;
}

h1 {
  color: var(--color);
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.1em;
  text-decoration: none;
}

h2 {
  color: var(--bluegrey);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 2.2em;
  font-weight: 600;
  line-height: 1.1em;
}

h3 {
  color: var(--color);
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.1em;
}

h4 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.1em;
}

h5 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1em;
}

p {
  margin-bottom: 30px;
  line-height: 1.8em;
}

a {
  color: var(--light-blue);
  text-decoration: none;
}

a:hover {
  color: #25497f;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
  line-height: 1.8em;
}

li {
  margin-bottom: 15px;
}

.navbar {
  z-index: 1000;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.logo {
  width: 280px;
}

.hero_section {
  height: 100svh;
  position: relative;
}

.bg_video {
  height: 100%;
  margin-top: 0;
}

.welcome_section {
  padding: 7% 0% 0%;
}

.hero_tagline_wrapper {
  z-index: 100;
  text-align: center;
  flex-flow: column;
  align-items: center;
  padding-left: 15%;
  padding-right: 15%;
  display: flex;
  position: absolute;
  inset: auto 0% 5%;
}

.main_tagline1 {
  color: var(--white);
  text-transform: none;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 5em;
  font-weight: 300;
  text-decoration: none;
}

.main_tagline2 {
  color: var(--white);
  letter-spacing: 0;
  text-transform: uppercase;
  margin-left: 0;
  font-size: 4em;
  font-weight: 600;
  text-decoration: none;
}

.main_tagline3 {
  color: var(--gold);
  margin-bottom: 0;
  font-size: 1.4em;
  font-weight: 400;
}

.overlay_div {
  background-image: linear-gradient(#0000 40%, #000000b8);
  position: absolute;
  inset: 0%;
}

.main_tagline4 {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 1.2em;
  font-weight: 300;
}

.main_btns_grid {
  width: 100%;
  margin-top: 2%;
  padding: 0;
}

.main_btn {
  border: 1px solid var(--gold);
  color: var(--white);
  text-transform: uppercase;
  background-color: #fff0;
  border-radius: 5px;
  padding: 15px 25px;
  font-size: .9em;
}

.main_btn:hover {
  background-color: var(--gold);
  color: var(--black);
}

.main_btn_cell {
  align-items: stretch;
}

.hero_appointment_wrapper {
  background-color: #01050fcc;
  border: 1px #d6ba7e;
  border-radius: 5px;
  width: 70%;
  margin-top: 5%;
  padding: 30px 5%;
}

.header_text {
  color: #7b8087;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 1.2em;
}

.header_text.blue {
  color: #d7e9ff;
}

.hp_headline {
  color: var(--color);
  text-transform: uppercase;
  font-size: 2.8em;
  font-weight: 300;
}

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

.hp_headline.welcome {
  font-size: 3.6em;
}

.welcome_headline_wrapper {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 15%;
  margin-left: 15%;
  display: block;
}

.vertical_line_div {
  background-color: var(--color);
  width: 3px;
  height: 50%;
}

.vertical_line_div.testimonials {
  height: 25%;
  position: absolute;
  inset: 15% auto auto 5%;
}

.welcome_img_div {
  width: 100%;
  height: 450px;
  margin-left: 0%;
  overflow: hidden;
}

.hp_img {
  object-fit: cover;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
  height: 100%;
}

.welcome_wrapper {
  justify-content: space-between;
  margin-bottom: 5%;
  display: flex;
}

.left_column_div {
  width: 45%;
}

.right_column_div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 45%;
  padding-top: 5%;
  padding-right: 15%;
  display: flex;
}

.fancy_button {
  border: 1px solid var(--color);
  color: var(--color);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 10px;
  font-size: 1em;
  font-weight: 400;
  display: flex;
}

.fancy_button:hover {
  border-color: var(--gold);
  color: var(--color);
  background-color: #d6ba7e;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}

.fancy_button.white {
  border-color: var(--white);
  color: var(--white);
  font-size: 1em;
}

.fancy_button.white:hover {
  border-color: var(--gold);
  background-color: var(--gold);
  color: var(--black);
}

.fancy_button.white.margin, .fancy_button.margin {
  margin-bottom: 20px;
}

.doc_info_wrapper {
  background-color: var(--dark-bg-color);
  padding: 5% 10%;
}

.arrow_icon {
  width: 16px;
  margin-left: 0;
  margin-right: 10px;
}

.arrow_icon.black {
  display: none;
}

.doc_grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 0;
}

.doc_content_cell {
  color: #fff;
  justify-content: center;
  align-items: flex-start;
  padding-right: 5%;
}

.doc_img_cell {
  justify-content: flex-start;
  align-items: stretch;
}

.doc_img_div {
  border-radius: 5px;
  width: 100%;
  height: 750px;
  margin-top: -35%;
  overflow: hidden;
}

.doc_img {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
}

.services_section {
  background-image: url('../images/white-bg-square.svg'), url('../images/dark_bg.svg');
  background-position: 0%, 100% 95%;
  background-repeat: repeat-y, no-repeat;
  background-size: 20%, auto 65%;
  padding: 5% 5% 0%;
  position: relative;
  overflow: hidden;
}

.center_header_wrapper {
  text-align: center;
}

.services_grid {
  z-index: 10;
  margin-top: 5%;
  margin-bottom: 10%;
  padding: 0;
  position: relative;
}

.services_cell {
  align-items: stretch;
}

.services_btn {
  color: var(--white);
  padding-top: 140%;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.1em;
  position: relative;
}

.services_btn:hover {
  color: var(--white);
}

.services_img_div {
  border-radius: 5px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.services_img {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
}

.services_img._1 {
  object-position: 45% 0%;
}

.services_img._2 {
  object-position: 70% 0%;
}

.services_overlay_wrapper {
  z-index: 50;
  background-color: #0000;
  background-image: linear-gradient(#000000d9, #0000001a 27%, #00000061 47%, #000000db);
  border-radius: 5px;
  position: absolute;
  inset: 0%;
}

.services_content_div {
  border: 1px solid #ffffff9e;
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  margin: 10px;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.services_descrip_text {
  font-size: .7em;
  font-weight: 400;
  line-height: 1.2em;
}

.services_learn_wrapper {
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  padding: 10px 23px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.learn_more_text {
  z-index: 10;
  font-size: .6em;
  font-weight: 600;
  position: relative;
}

.learmore_bgm {
  background-color: #fff;
  border-radius: 5px;
  position: absolute;
  inset: 0%;
}

.cataract_grid {
  padding: 0;
}

.cataract_img_cell {
  align-items: stretch;
  padding-top: 0;
}

.hp_img_div {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.hp_img_div.lens {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: none;
}

.hp_img_div.ora {
  display: none;
}

.cataract_text_div {
  color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10%;
  padding-left: 5%;
}

.cataract_subheadline {
  color: var(--gold);
  margin-top: 40px;
  margin-left: 30px;
  font-size: 1.4em;
  font-weight: 500;
}

.cataract_img {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
}

.ora_section {
  background-color: #11010c;
  background-image: url('../images/ora-img_1.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 7% 0% 0%;
  padding: 7% 10% 5%;
  position: relative;
}

.accordion-div {
  width: 100%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.faq-title {
  color: #fff;
  width: 80%;
  margin-bottom: 0;
  font-size: 18px;
}

.faq_div {
  background-color: #0000004d;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
  display: flex;
}

.minus, .plus {
  color: #fff;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  line-height: 1em;
}

.trigger-icon {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.answer-div {
  margin-top: 10px;
  padding: 0;
  overflow: hidden;
}

.faq-text {
  padding: 0 30px 10px;
  font-size: .9em;
  line-height: 1.8em;
}

.faqs_wrapper {
  flex: 0 auto;
  margin-top: 0%;
  margin-bottom: 5%;
}

.ora_grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  padding: 0;
}

.ora_text_cell {
  color: #fff;
  background-color: #fff0;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 5%;
  padding-left: 0%;
  padding-right: 5%;
}

.iols_section {
  background-color: #0f1012;
  background-image: url('../images/lens-img2.jpg');
  background-position: 5% 100%;
  background-repeat: no-repeat;
  background-size: 45%;
  margin-left: 0%;
  margin-right: 0%;
  padding: 7% 10%;
  position: relative;
}

.iols_grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  padding: 0;
}

.iols_text_cell {
  color: #fff;
  justify-content: center;
  align-items: flex-start;
}

.iols_subheadline, .tech_subheadline {
  color: var(--gold);
  font-weight: 500;
}

.testimonials_section {
  padding: 10%;
  position: relative;
}

.testimonials_grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 0;
}

.cell {
  justify-content: center;
  align-items: flex-start;
  padding-right: 5%;
}

.testimonials_subheadline {
  color: var(--bluegrey);
  margin-bottom: 30px;
  font-weight: 500;
  line-height: 1.1em;
}

.testimonials_slideshow_wrapper {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 65px;
}

.welcome_text {
  font-size: 1.2em;
}

.testimonials_slider {
  background-color: #ddd0;
  height: auto;
}

.slidenav {
  text-align: right;
  height: 25px;
  padding-top: 5px;
  padding-right: 10px;
  font-size: .8em;
  bottom: -25px;
}

.arrow {
  background-color: var(--color);
  color: var(--white);
  border-radius: 3px;
  width: 30px;
  height: 30px;
  font-size: .9em;
  inset: auto auto -30px 0%;
}

.arrow:hover {
  background-color: var(--gold);
  color: var(--black);
}

.arrow.right {
  left: 40px;
}

.testimonials_div {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 90%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.testimonials_name {
  color: var(--color);
  font-weight: 600;
}

.testimonials_img_div {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.contact_section {
  background-image: url('../images/dark_bg.svg');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: auto 90%;
  padding: 0% 10% 7%;
  position: relative;
}

.contact_grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  padding: 0;
}

.contact_text_cell {
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 5%;
  padding-bottom: 0%;
  padding-left: 5%;
}

.contact_form_cell {
  background-color: var(--gold);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #f3d9a2, var(--gold));
  border-radius: 5px;
  align-items: stretch;
  padding: 10% 15%;
  box-shadow: 0 18px 30px 10px #00000040;
}

.contact_subheadline {
  color: var(--gold);
  font-size: 1.3em;
  font-weight: 500;
}

.phone_btn a {
  color: var(--color) !important;
  flex-flow: row;
  order: 0;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.3em;
  font-weight: 700 !important;
  display: flex;
}

.phone_btn a:hover, .phone_btn:hover {
  color: var(--bluegrey) !important;
}

.phone_btn a:before {
  content: " ";
  background: url('../images/phone-icon-gold.svg');
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  padding-right: 5px;
}

.phone_btn.contact {
  color: var(--color) !important;
  flex-flow: row;
  order: 0;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.3em;
  font-weight: 700 !important;
  display: flex;
}

.phone_btn.contact {
  color: var(--white) !important;
  margin-bottom: 15px;
  font-weight: 600;
}

.phone_btn.contact:hover {
  color: var(--gold) !important;
}

.phone_icon {
  width: 24px;
  margin-right: 5px;
}

.pay_bill_btn a {
  background-color: var(--color);
  color: var(--white) !important;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 10px;
  padding: 20px 10px;
  display: flex;
  text-transform: capitalize !important;
  font-weight: 400 !important;
  font-size: 14px;
}

.pay_bill_btn a:hover {
  background-color: var(--gold);
  color: var(--black) !important;
}

.top_contact_div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.address_wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.location_icon {
  width: 24px;
  margin-right: 10px;
}

.footer_section {
  padding: 40px 10%;
}

.footer_grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  margin-bottom: 40px;
  padding: 0;
}

.footer_logo {
  width: 200px;
  margin-bottom: 20px;
}

.footer_text {
  font-size: .8em;
}

.footer_links_cell {
  justify-content: flex-start;
  align-items: flex-end;
}

.quick_links_wrapper {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.quick_link {
  color: var(--color);
  font-size: .85em;
}

.quick_link:hover {
  color: var(--bluegrey);
}

.divider {
  margin-left: 10px;
  margin-right: 10px;
}

.soc_media_wrapper {
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.soc_media_btn {
  opacity: .6;
  width: 30px;
  height: 30px;
  margin-left: 10px;
}

.soc_media_btn:hover {
  opacity: 100;
}

.btt_btn {
  opacity: .55;
  color: var(--color);
  text-transform: uppercase;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 15%;
  margin-left: 0;
  margin-right: auto;
  font-size: .9em;
  font-weight: 500;
  display: flex;
}

.btt_btn:hover {
  opacity: 100;
  color: var(--color);
}

.arrow_up_icon {
  height: 20px;
  margin-bottom: 5px;
}

.dropdown_link {
  color: var(--black);
  text-transform: uppercase;
  border-bottom: 1px solid #00000030;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: .95em;
  font-weight: 500;
}

.dropdown_link:hover {
  background-color: var(--gold);
  color: var(--black);
}

.dropdown_toggle {
  padding-left: 15px;
  padding-right: 20px;
}

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

.dropdown_toggle.w--open {
  color: var(--bluegrey);
  background-color: #0000;
}

.dropdown_icon {
  margin-right: 5px;
  font-size: .8em;
}

.dropdown_list.w--open {
  background-color: #fff;
  border-top: 1px solid #0e1d41ba;
}

.dropdown_navlink {
  color: var(--black);
  text-transform: uppercase;
  font-weight: 500;
}

.line_div_vertical {
  background-color: var(--gold);
  width: 75%;
  height: 3px;
  position: absolute;
  inset: 21% auto auto 0%;
}

.line_div_vertical.contact {
  width: 3px;
  height: 35%;
  top: 81%;
  left: 51%;
}

.line_div_vertical.tech {
  z-index: 50;
  width: 3px;
  height: 35%;
  top: 84%;
  left: 48%;
}

.logo_img {
  width: 280px;
}

.field_name {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: .9em;
  font-weight: 500;
}

.text_field {
  color: var(--black);
  background-color: #ffffff4d;
  border: 1px #0000004f;
  border-bottom: 1px solid #0000004d;
  border-radius: 3px;
  margin-bottom: 20px;
}

.text_area {
  color: var(--black);
  background-color: #ffffff4d;
  border: 1px #000;
  border-bottom: 1px solid #0000004d;
  border-radius: 3px;
  min-height: 120px;
  margin-bottom: 20px;
}

.submit_btn {
  color: var(--black);
  background-color: #0c0c0c00;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 16px 20px;
}

.submit_btn:hover {
  background-color: var(--color);
  color: var(--white);
}

.lal_logo_wrapper {
  z-index: 10;
  position: absolute;
  inset: 60px auto auto 10%;
}

.lal_logo {
  width: 100px;
}

.appointment_btn a {
  background-color: var(--gold);
  color: var(--color);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 20px 10px;
  font-weight: 400;
  display: flex;
  text-transform: capitalize !important;
  font-size: 14px;
}

.appointment_btn a:hover {
  background-color: var(--color);
  color: var(--white) !important;
}

.fax_number {
  margin-bottom: 0;
  margin-left: 0;
  font-size: 1.3em;
  font-weight: 600;
  color: #fff;
}

.fax_number a {
  color:#fff;
}

.badge_grid {
  margin-top: 30px;
  padding: 0;
}

.aao_logo {
  width: 220px;
  margin-top: 0;
}

.fax_wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.fax_icon {
  width: 24px;
  margin-right: 5px;
}

.innerpage_header_section {
  background-color: var(--dark-bg-color);
  color: var(--white);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 250px;
  padding-bottom: 20px;
  padding-left: 5%;
  display: flex;
}

.innerpage_section {
  padding: 7% 10%;
}

.innerpage_main_headline {
  color: var(--white);
  margin-bottom: 10px;
  font-weight: 500;
}

.breadcrumbs_wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

#breadcrumbs a, .breadcrumb_last {
  color: var(--white);
  font-size: .85em;
}

#breadcrumbs a:hover {
  color: var(--gold);
}

#breadcrumbs {
  margin-bottom: 0;
  color: #d6ba7e;
}

.text-block {
  color: var(--gold);
  margin-left: 5px;
  margin-right: 5px;
}

.inner_img_div {
  width: 40%;
  margin-bottom: 30px;
  overflow: hidden;
}

.inner_img_div.left {
  float: left;
  margin-right: 40px;
}

.inner_img_div.right {
  float: right;
  margin-left: 40px;
}

.inner_img {
  object-fit: cover;
  object-position: 50% 25%;
  width: 100%;
  height: 100%;
}

.callout_halfpage_div {
  background-color: var(--dark-bg-color);
  color: var(--white);
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  margin-bottom: 5%;
  padding: 40px;
  display: flex;
}

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

.inner_callout_fullwidth_div {
  background-color: var(--dark-bg-color);
  color: var(--white);
  text-align: center;
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5%;
  padding: 40px 10%;
  display: flex;
}

.button {
  border: 1px solid var(--color);
  color: var(--color);
  background-color: #d6ba7e00;
  border-radius: 5px;
  padding: 13px 28px;
}

.button:hover {
  border-color: var(--gold);
  color: var(--color);
  background-color: #d6ba7e;
}

.button.margin {
  margin-bottom: 30px;
}

.button.margin:hover {
  border-color: var(--gold);
  background-color: var(--gold);
}

a.footer-ql:after {
  content: '\00a0\00a0|\00a0\00a0';
}

.w-background-video {
    height: 100vh;
}

@media screen and (max-width: 991px) {
  .navbar {
    padding-left: 20px;
    padding-right: 10px;
  }

  .logo {
    width: 260px;
    margin-right: auto;
  }

  .hero_tagline_wrapper {
    padding-left: 10%;
    padding-right: 10%;
    bottom: 0%;
  }

  .main_tagline1 {
    font-size: 4em;
  }

  .main_tagline2 {
    font-size: 3.2em;
  }

  .hero_appointment_wrapper {
    width: 100%;
  }

  .header_text {
    font-size: 1.1em;
  }

  .hp_headline.welcome {
    font-size: 3em;
  }

  .welcome_headline_wrapper {
    margin-bottom: 10%;
  }

  .vertical_line_div {
    position: absolute;
    inset: 0% 10% auto auto;
  }

  .vertical_line_div.testimonials {
    top: 5%;
  }

  .welcome_img_div {
    height: 350px;
  }

  .hp_img.testimonials {
    object-position: 50% 25%;
  }

  .welcome_wrapper {
    flex-flow: column;
    margin-bottom: 10%;
    position: relative;
  }

  .left_column_div {
    width: 80%;
  }

  .right_column_div {
    width: 90%;
    padding-top: 10%;
    padding-left: 15%;
  }

  .doc_info_wrapper {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .doc_img_div {
    height: 500px;
    margin-top: 9%;
  }

  .services_section {
    background-image: url('../images/dark_bg.svg');
    background-position: 100% 101%;
    background-repeat: no-repeat;
    background-size: auto 65%;
    padding: 10%;
  }

  .cataract_grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .hp_img_div.lens {
    display: block;
  }

  .hp_img_div.ora {
    display: block;
    position: relative;
  }

  .hp_img_div.cataract {
    height: 450px;
  }

  .cataract_text_div {
    padding-bottom: 0%;
    padding-left: 0%;
  }

  .ora_section {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    margin-top: 0%;
    padding-bottom: 0%;
  }

  .iols_section {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-bottom: 10%;
  }

  .welcome_text {
    font-size: 1em;
  }

  .testimonials_img_div {
    height: 500px;
  }

  .contact_section {
    padding-bottom: 10%;
  }

  .phone_icon {
    width: 30px;
    margin-right: 0;
  }

  .phone_icon.footer {
    width: 24px;
    margin-right: 5px;
  }

  .pay_bill_btn {
    margin-left: 0;
  }

  .top_contact_div {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    margin-right: 10px;
  }

  .footer_text {
    text-align: center;
  }

  .footer_links_cell {
    justify-content: flex-start;
    align-items: center;
  }

  .btt_btn {
    justify-content: center;
    align-items: center;
    width: 35%;
    margin-left: auto;
    margin-right: auto;
  }

  .navmenu {
    background-color: #fff;
  }

  .line_div_vertical.contact, .line_div_vertical.tech {
    display: none;
  }

  .menubtn {
    border: 1px solid var(--color);
    color: var(--color);
    border-radius: 5px;
  }

  .menubtn:hover {
    background-color: var(--gold);
  }

  .menubtn.w--open {
    background-color: var(--color);
    color: var(--white);
  }

  .cell-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .ora-overlay {
    z-index: 2;
    background-image: linear-gradient(#11010c, #0000);
    width: 100%;
    height: 120px;
    position: absolute;
    inset: 0% 0% auto;
  }

  .phone_txt {
    display: none;
  }

  .logo_img {
    width: 260px;
    display: inline-block;
  }

  .inner_img_div.left, .inner_img_div.right {
    width: 45%;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    margin-left: 10px;
    margin-right: 10px;
    position: static;
  }

  .logo {
    margin-right: auto;
    padding-left: 0;
  }

  .hero_section, .w-background-video {
    height: 500px;
  }

  .welcome_section {
    padding-top: 17%;
  }

  .hero_tagline_wrapper {
    top: 356px;
    bottom: auto;
  }

  .main_tagline1 {
    font-size: 3em;
  }

  .main_tagline2 {
    margin-bottom: 15px;
    font-size: 2.2em;
  }

  .main_tagline3 {
    font-size: 1em;
  }

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

  .hero_appointment_wrapper {
    background-color: #01050f;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .header_text {
    font-size: 1em;
  }

  .hp_headline {
    font-size: 2.2em;
  }

  .vertical_line_div {
    width: 2px;
    height: 35%;
    right: 5%;
  }

  .vertical_line_div.testimonials {
    height: 20%;
    top: 4%;
  }

  .left_column_div {
    width: 90%;
  }

  .right_column_div {
    padding-right: 10%;
  }

  .doc_info_wrapper {
    padding-top: 15%;
    padding-bottom: 15%;
  }

  .services_btn {
    padding-top: 80%;
  }

  .services_content_div {
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .ora_section {
    padding-top: 10%;
  }

  .iols_section {
    padding-bottom: 15%;
  }

  .testimonials_subheadline {
    line-height: 1.2em;
  }

  .testimonials_img_div {
    height: 450px;
  }

  .contact_section {
    padding-bottom: 15%;
  }

  .phone_icon {
    width: 30px;
    margin-right: 0;
  }

  .pay_bill_btn {
    margin-left: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: .9em;
    display: none;
  }

  .top_contact_div {
    justify-content: flex-end;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
  }

  .line_div_vertical {
    top: 14%;
  }

  .phone_txt {
    display: none;
  }

  .logo_img {
    display: block;
  }

  .lal_logo_wrapper {
    top: 40px;
  }

  .lal_logo {
    width: 80px;
  }

  .appointment_btn {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: .9em;
    display: none;
  }

  /* .innerpage_header_section {
    height: 150px;
  } */

  .inner_img_div, .inner_img_div.left, .inner_img_div.right, .callout_halfpage_div {
    width: 100%;
  }

  .pay_bill_btn a {
    margin-left: 0px;
    align-items: center;
    justify-content: center;
  }
}

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

  h2 {
    font-size: 1.8em;
  }

  h3 {
    font-size: 1.4em;
  }

  h4 {
    font-size: 1.2em;
  }

  h5 {
    font-size: 1em;
  }

  .navbar {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .logo {
    width: 240px;
  }

  .hero_section, .w-background-video {
    height: 350px;
  }

  .welcome_section {
    padding-top: 61%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .hero_tagline_wrapper {
    top: 232px;
  }

  .main_tagline1 {
    font-size: 2.6em;
  }

  .main_tagline2 {
    font-size: 1.3em;
  }

  .main_tagline3 {
    font-size: .9em;
  }

  .overlay_div {
    background-image: linear-gradient(#0000, #000000c2 81%);
  }

  .main_tagline4 {
    font-size: .85em;
  }

  .main_btns_grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .hp_headline.white {
    font-size: 1.8em;
  }

  .hp_headline.welcome {
    white-space: normal;
    word-break: normal;
    font-size: 9svw;
  }

  .welcome_headline_wrapper {
    margin-left: 0%;
  }

  .vertical_line_div {
    display: none;
  }

  .hp_img {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .welcome_wrapper {
    padding-left: 10%;
    padding-right: 10%;
  }

  .left_column_div {
    width: 100%;
  }

  .right_column_div {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .fancy_button {
    padding-right: 10px;
    font-size: .9em;
    line-height: 1em;
  }

  .doc_img_div {
    height: 300px;
  }

  .services_section {
    padding-top: 15%;
    padding-bottom: 15%;
  }

  .services_btn {
    padding-top: 183%;
  }

  .services_content_div {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hp_img_div.cataract {
    height: 300px;
  }

  .ora_section {
    padding-top: 15%;
  }

  .faq-title {
    font-size: 1em;
    line-height: 1.2em;
  }

  .faq_div {
    padding-right: 10px;
  }

  .iols_section {
    padding-top: 15%;
  }

  .iols_subheadline, .tech_subheadline {
    font-size: 1.2em;
  }

  .testimonials_slider {
    width: 260px;
  }

  .testimonials_img_div {
    height: 300px;
  }

  .phone_icon {
    width: 40px;
  }

  .phone_icon.footer {
    width: 24px;
  }

  .pay_bill_btn {
    display: none;
  }

  .top_contact_div {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer_section {
    padding-top: 10%;
    padding-bottom: 10%;
    overflow: hidden;
  }

  .quick_links_wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .divider {
    display: none;
  }

  .btt_btn {
    flex-flow: column;
    width: 50%;
  }

  .logo_img {
    width: 240px;
  }

  .lal_logo_wrapper {
    top: 20px;
  }

  .lal_logo {
    width: 60px;
  }

  .standard-inner-wrapper {
    padding-top: 40px !important;
  }
  .pay_bill_btn a {
      justify-content: center;
      margin-left: 0px;
  }
  .top_phone {
    margin-left: 0px !important;
  }

  a.footer-ql:after {
    content: '';
  }
}

#w-node-_0906830f-383a-3958-873e-2977ae88ed09-bb708809, #w-node-_97ce13a7-65a8-aaa3-52e8-8793dda3464d-bb708809, #w-node-_9b5b42f8-9332-2a74-4306-67374a432d88-bb708809 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-d62ff60a-cc1a-3c2b-ce7d-19e37b10c753-bb708809 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_7c749624-1e50-962a-d1a7-696093c3b161-bb708809, #w-node-efad7c89-f123-84e4-b59d-6cff5fcfcc85-bb708809, #w-node-bb6d230b-a643-cb5a-c2be-9800ceba420a-bb708809, #w-node-c915eb74-9259-51ec-a02a-5077f9208f2e-bb708809, #w-node-_8acf9877-3ead-1dcf-2c31-41b4283df793-bb708809, #w-node-_27d2ffe8-a732-acb1-c64c-32bb1b889f7d-bb708809, #w-node-_05ca4109-2f24-6901-d91a-eeef688449e0-0e51e958, #w-node-_52957c5f-a61a-cfe0-ffea-bc4d960f2391-0e51e958 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_97ce13a7-65a8-aaa3-52e8-8793dda3464d-bb708809 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-d62ff60a-cc1a-3c2b-ce7d-19e37b10c753-bb708809 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_7c749624-1e50-962a-d1a7-696093c3b161-bb708809, #w-node-efad7c89-f123-84e4-b59d-6cff5fcfcc85-bb708809, #w-node-bb6d230b-a643-cb5a-c2be-9800ceba420a-bb708809, #w-node-c915eb74-9259-51ec-a02a-5077f9208f2e-bb708809, #w-node-_8acf9877-3ead-1dcf-2c31-41b4283df793-bb708809, #w-node-_27d2ffe8-a732-acb1-c64c-32bb1b889f7d-bb708809, #w-node-_05ca4109-2f24-6901-d91a-eeef688449e0-0e51e958, #w-node-_52957c5f-a61a-cfe0-ffea-bc4d960f2391-0e51e958 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d62ff60a-cc1a-3c2b-ce7d-19e37b10c753-bb708809 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_9b5b42f8-9332-2a74-4306-67374a432d88-bb708809 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}