@media screen and (min-width: 992px) {
  .container {
    max-width: 100%;
  }

  .mega-dropdown {
    position: static;
  }

  .mega-dropdown .mega-dropdown-menu {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
    border: 0;
    border-top: 1px solid var(--bs-gray-200);
    top: 70px;
    box-shadow: var(--bs-box-shadow);
  }

  .mega-dropdown .mega-dropdown-menu .container {
    max-width: 756px;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    margin-right: var(--bs-navbar-nav-link-padding-x);
    margin-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: 0;
    padding-left: 0;
  }

  .nav-link {
    text-align: center;
  }

  .col-36 {
    width: 36%;
  }

  .nav-link-mobile {
    display: none;
  }
}

@media screen and (min-width: 1700px) {
  .container {
    max-width: 1680px;
  }
}

@media screen and (max-width: 1300px) {
  .navbar {
    --bs-navbar-nav-link-padding-x: 12px;
  }

  .card-product {
    padding: 20px;
  }
}

@media screen and (max-width: 1399px) {
  .services-left-block h2 {
    font-size: 54px;
  }

  .card-services {
    padding: 80px 40px;
  }
}

@media screen and (max-width: 1199px) {
  .navbar {
    --bs-navbar-nav-link-padding-x: 8px;
    --bs-btn-width: 100%;
  }

  .navbar-nav {
    --bs-nav-link-font-size: 14px;
  }

  .navbar-brand {
    max-width: 160px;
  }

  .card-goals-image {
    min-height: 480px;
  }

  .services-left-block h2 {
    font-size: 44px;
  }

  .card-services {
    padding: 40px 20px;
  }

  .vision-video-container {
    min-height: 768px;
  }
}

@media screen and (max-width: 991px) {
  :root {
    --section-padding-x: 40px;
    --section-margin-bottom: 36px;
  }

  html,
  body {
    overflow-x: hidden;
  }

  .container {
    --bs-gutter-x: 32px;
  }

  .row {
    --bs-gutter-x: 2rem;
  }

  .heading-01 {
    font-size: 32px;
  }

  .heading-02 {
    font-size: 24px;
  }

  .heading-04 {
    font-size: 18px;
  }

  .btn {
    padding: 11px 24px;
  }

  .header {
    padding: 10px 0;
    box-shadow: var(--bs-box-shadow);
  }

  .navbar-nav {
    --bs-nav-link-padding-y: 12px 0;
  }

  .nav-link {
    margin-bottom: 4px;
    display: inline-block;
  }

  .mega-dropdown-menu {
    --bs-dropdown-padding-y: 0;
    border: 0;
  }

  .mega-dropdown-menu .container {
    --bs-gutter-x: 0;
  }

  .mega-dropdown-col {
    margin-bottom: 12px;
  }

  .mega-dropdown-col h6 {
    margin-bottom: 8px;
    margin-top: 16px;
  }

  .mega-dropdown-col ul {
    gap: 12px;
  }

  .mega-dropdown-col-brand ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .mega-dropdown-col li a {
    font-size: 12px;
  }

  .breadcrumb {
    --bs-breadcrumb-font-size: 14px;
  }

  /* FOOTER */

  .footer-top {
    padding: 24px 0 16px;
  }

  .footer-top-link {
    margin-bottom: 24px;
  }

  .footer-top-link h6 {
    margin-bottom: 16px;
    font-size: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.67386 0.986487L4.82993 4.83041C4.77637 4.88417 4.71271 4.92682 4.64263 4.95592C4.57254 4.98502 4.4974 5 4.42151 5C4.34563 5 4.27049 4.98502 4.2004 4.95592C4.13032 4.92682 4.06666 4.88417 4.0131 4.83041L0.169172 0.986487C0.060853 0.878168 -1.61408e-09 0.731256 0 0.578069C1.61408e-09 0.424883 0.060853 0.277971 0.169172 0.169652C0.277491 0.0613334 0.424403 0.000480595 0.577589 0.000480593C0.730775 0.000480592 0.877687 0.0613334 0.986006 0.169652L4.422 3.60564L7.85798 0.169172C7.9663 0.0608532 8.11322 0 8.2664 0C8.41959 0 8.5665 0.0608532 8.67482 0.169172C8.78314 0.277491 8.84399 0.424403 8.84399 0.577589C8.84399 0.730775 8.78314 0.877687 8.67482 0.986006L8.67386 0.986487Z' fill='%231E1F24'/%3E%3C/svg%3E%0A");
    background-size: auto;
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
  }

  .footer-top-link.active h6 {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.169892 4.01351L4.01382 0.169587C4.06738 0.115834 4.13104 0.0731842 4.20112 0.0440826C4.27121 0.014981 4.34635 -3.09996e-08 4.42224 -3.09996e-08C4.49812 -3.09996e-08 4.57326 0.014981 4.64335 0.0440826C4.71343 0.0731842 4.77709 0.115834 4.83065 0.169587L8.67458 4.01351C8.7829 4.12183 8.84375 4.26874 8.84375 4.42193C8.84375 4.57512 8.7829 4.72203 8.67458 4.83035C8.56626 4.93867 8.41935 4.99952 8.26616 4.99952C8.11297 4.99952 7.96606 4.93867 7.85774 4.83035L4.42175 1.39436L0.985766 4.83083C0.877447 4.93915 0.730535 5 0.577349 5C0.424163 5 0.277251 4.93915 0.168932 4.83083C0.0606127 4.72251 -0.000241564 4.5756 -0.000241564 4.42241C-0.000241564 4.26922 0.0606127 4.12231 0.168932 4.01399L0.169892 4.01351Z' fill='%231E1F24'/%3E%3C/svg%3E%0A");
  }

  .footer-top-link ul {
    gap: 12px;
    display: none;
  }

  .footer-top-link.active ul {
    display: flex;
  }

  .footer-bottom {
    margin: 0 16px;
  }

  .footer-bottom-link {
    margin: 24px 0;
  }

  .footer-bottom-social {
    justify-content: center;
  }

  /* SECTION HERO */

  .hero-banner-image {
    min-height: 540px;
  }

  .hero-banner-content {
    margin-bottom: 80px;
  }

  .hero-banner-content p {
    font-size: 14px;
  }

  .hero-banner-content p br {
    display: none;
  }

  /* SECTION SEARCH MODAL */

  .search-modal {
    margin: 24px 0 36px;
    gap: 16px;
  }

  .search-modal-input .form-control {
    height: 48px;
    padding: 12px;
    font-size: 14px;
  }

  .search-modal-icon {
    padding-left: 12px;
  }

  .search-modal-icon img {
    width: 20px;
  }

  .search-modal-clear {
    font-size: 10px;
    padding: 12px;
  }

  .search-modal-clear img {
    width: 20px;
  }

  .search-modal-close img {
    width: 16px;
  }

  /* SECTION STRIP */

  .card-strip p {
    width: 90%;
    margin: 0 auto;
    font-size: 12px;
  }

  .section-eye-care {
    min-height: inherit;
    flex-direction: column;
  }

  .eye-care-left {
    min-height: 480px;
    max-width: 100%;
    order: 2;
  }

  .eye-care-top,
  .eye-care-bottom {
    min-height: inherit;
    padding: 40px 16px;
  }

  .eye-care-top-content {
    flex-direction: column;
  }

  .eye-care-top-content img:nth-child(2) {
    margin: -50px 0;
  }

  .card-product-color {
    margin-bottom: 16px;
  }

  .product-filter-right {
    gap: 8px;
  }

  .product-filter-button {
    margin-left: auto;
  }

  .product-filter-button .btn {
    text-indent: -9999px;
    min-width: 39px;
    gap: 0;
    padding: 10px;
  }

  .section-search-modal .row.gx-0,
  .section-product-frames .row.g-0,
  .section-product-listing .row.g-0 {
    --bs-gutter-x: 0;
  }

  /* SECTION STYLE */

  .section-style {
    flex-direction: column;
  }

  .style-left-content,
  .style-right-image {
    width: 100%;
  }

  .style-left-content {
    min-height: 534px;
    padding: 40px 14px;
    justify-content: flex-start;
  }

  .style-right-image {
    min-height: 480px;
    background-position: left 10% center;
  }

  /* SECTION CTA */

  .cta-banner {
    min-height: 240px;
    padding: 16px;
    text-align: center;
  }

  .cta-content {
    margin: 0 auto;
  }

  .cta-content p {
    font-size: 14px;
    line-height: 24px;
  }

  .cta-content .btn {
    margin-top: 20px;
  }

  /* SECTION PROMISES */

  .section-promises {
    flex-direction: column;
    min-height: inherit;
  }

  .accordion {
    --bs-accordion-btn-padding-y: 16px;
    --bs-accordion-body-padding-x: 0 16px;
  }

  .accordion-button {
    font-size: 16px;
  }

  .promises-left,
  .promises-right {
    width: 100%;
  }

  .promises-left {
    min-height: 480px;
  }

  .promises-left-content {
    padding: 24px 16px;
  }

  .promises-right-content {
    max-width: 100%;
    padding-bottom: 40px;
  }

  .section-blog-list .pagination {
    margin-top: 40px;
  }

  .card-blog {
    margin-bottom: 16px;
  }

  .card-blog-image {
    height: 210px;
  }

  .card-blog-content {
    padding: 16px;
  }

  .card-blog-content span {
    font-size: 12px;
  }

  .section-brand .heading-03.mb-40 {
    margin-bottom: 24px;
  }

  .section-breacrum {
    min-height: 132px;
    margin-bottom: 24px;
  }

  .section-about-banner {
    min-height: inherit;
    flex-direction: column;
  }

  .about-banner-image {
    position: inherit;
    min-height: 480px;
  }

  .about-banner-content {
    padding-top: 24px;
    max-width: 100%;
  }

  .page-template-page-about-us .about-banner-content .heading-02,
  .page-template-page-about-us .about-banner-content p {
    color: var(--bs-dark);
  }

  .about-legacy-image {
    margin-bottom: 24px;
  }

  .content-block-image {
    min-height: 480px;
  }

  .content-block-content {
    padding: 16px 24px;
    max-width: 720px;
    margin: 0 auto;
  }

  .content-block-content.ms-lg-auto {
    padding-top: 24px;
  }

  .center-block-content br,
  .single-banner-content br {
    display: none;
  }

  .card-goals-content {
    padding: 16px;
  }

  .card-goals-content p {
    padding-top: 8px;
  }

  .services-left-block {
    max-width: 100%;
    padding: 40px 16px 24px;
    border-bottom: 1px solid var(--bs-gray-200);
  }

  .services-left-block h2 {
    max-width: 100%;
    font-size: 24px;
  }

  .services-right-block .row {
    --bs-gutter-x: 0;
  }

  .card-services {
    padding: 32px;
  }

  .card-services .heading-03 {
    font-size: 20px;
  }

  .section-single-banner {
    min-height: 480px;
  }

  .card-value-list {
    padding: 24px;
  }

  .vision-video-container {
    min-height: 500px;
  }

  .vision-video-content br {
    display: none;
  }

  .store-locator-map {
    height: 320px;
  }

  .store-locator-search {
    padding: 16px;
  }

  .store-locator-search .input-group-text {
    padding-left: 16px;
    padding-right: 16px;
  }

  .store-locator-list {
    padding: 16px;
    gap: 16px;
  }

  .store-locator-item {
    flex-direction: column;
    width: 50%;
    margin: 0 auto;
  }

  .store-locator-image {
    width: 100%;
  }

  .product-detail-content {
    margin-top: 16px;
  }

  .product-detail-content .heading-01 {
    font-size: 24px;
  }

  .product-detail-price,
  .product-detail-price .woocommerce-Price-currencySymbol,
  .product-detail-price .woocommerce-Price-amount.amount {
    font-size: 20px;
  }

  .product-detail-price span {
    font-size: 14px;
  }

  .product-detail-price .badge {
    font-size: 12px;
  }

  .product-detail-color,
  .product-detail-size {
    margin-top: 16px;
    padding-top: 16px;
  }

  #productInfoTab {
    display: none;
  }

  .product-details-pane-content {
    padding: 4px 0 16px;
  }

  .product-details-pane-content p:not(:last-child) {
    margin-bottom: 8px;
  }

  .product-detail-tab .tab-pane:not(:last-child) {
    margin-bottom: 12px;
  }

  .product-feature-list {
    margin: 24px 0;
  }

  .contact-content {
    margin-bottom: 40px;
    padding-right: 0;
  }

  .contact-form {
    padding-left: 0;
  }

  .rh-widget>span {
    right: 0 !important;
    top: 6px !important;
  }

  .product-filter-wrap {
    max-width: 300px;
  }

  .table-size-chart {
    width: 100%;
  }

  .page-template-page-eyewear-quiz .section-content-block {
    padding-top: 0;
  }

  .page-template-page-eyewear-quiz .content-block-content {
    text-align: center;
    max-width: 300px;
  }

  .page-template-page-eyewear-quiz .content-block-content .btn-cta {
    margin-top: 16px;
  }

  .page-template-page-eyewear-quiz .content-block-image {
    min-height: 360px;
    min-height: 220px;
    margin: 0 auto;
    width: calc(100% - 32px);
  }

  .page-template-page-eyewear-quiz .cta-banner {
    text-align: left;
  }

  .home .section-product-frames {
    margin-bottom: var(--section-margin-bottom);
  }
}

@media screen and (max-width: 767px) {
  .about-legacy-content {
    margin-bottom: 32px;
  }

  .about-legacy-image {
    margin-bottom: 0;
  }

  .about-legacy-heading {
    max-width: 100%;
    margin-top: 24px;
  }

  .card-services {
    border-left: 0;
  }

  .store-locator-list {
    flex-wrap: nowrap;
    max-height: 600px;
  }

  .store-locator-item {
    width: 100%;
    gap: 16px;
  }
}

@media screen and (max-width: 479px) {
  .about-legacy-image {
    margin: 0 -16px;
  }
}