@media screen and (min-width: 1440px) {
  .nav-menu {
    width: 100%;
    margin-left: auto;
    justify-content: center;
  }

  .hero-header-wrapper {
    min-height: 100vh;
  }

  .hero-content-box {
    width: 85%;

  }

  .nav-drop {
    width: auto;
  }

  .provider-box.provider3-1 {
    width: 90%;
  }

  .image-box.skeen-image-1 {
    height: 600px;
  }

  .slider-content.service-slider-content {
    min-height: 50px;
  }

  /*  .slider-content-box.services-heading {
    height: auto;
  } */
  .hero.hero-banner.inside.default.contact-us {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/skeen-doctor-banner.jpeg),
      linear-gradient(#0000, #0000);
    background-position:
      0 0,
      0 0,
      0 0,
      -7vw 19%,
      480% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 55vw,
      cover,
      auto;
    background-attachment: scroll, scroll, scroll, scroll, scroll, scroll;
  }

  .image-box.l1.about {
    height: 330px;
  }

  .image-box.l1.about-2 {
    height: 520px;
  }

  .image-box.services.categories.skin-cancer-management {
    height: 610px;
  }

  .cosmetic-box {
    height: 405px;
  }

  .hero.hero-banner.inside.default.medical-services {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png),
      url(../images/medical-services-hero.jpg), linear-gradient(#0000, #0000);
    background-position:
      0 0,
      0 0,
      0 0,
      -7vw 19%,
      100% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 55vw,
      auto,
      auto;
  }

  .gold-button {
    font-size: 17px;
  }

  .gold-button.services.medical,
  .gold-button.services.cosmetic {
    font-size: 18px;
  }

  .image-box.services.categories.medical-services {
    height: 440px;
  }

  .brix---avatar-image-link._2.cosmetic-image {
    top: -284px !important;
  }

  .image-box.services.categories.vectra-image-box {
    background-image: url(../images/vectra-img.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 90%;
    height: 320px;
    position: relative;
    top: -52px;
    left: -1px;
  }

  .quote-box.vitiligo-box,
  .quote-box.ai-box {
    width: 23%;
  }

  .hero.hero-banner.inside.default.cosmetic-services {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/cosmetic-hero.jpg),
      linear-gradient(#0000, #0000);
    background-position:
      0 0,
      0 0,
      0 0,
      -7vw 19%,
      100% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 55vw,
      auto,
      auto;
  }

  .hero.hero-banner.inside.default.skin-cancer-diagnosis-and-management {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/skincancer-hero.jpg),
      linear-gradient(#0000, #0000);
    background-position:
      0 0,
      0 0,
      0 0,
      -7vw 19%,
      110%,
      0 0;
  }

  .hero.hero-banner.inside.default.lip-cancer {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/lip-cancer-hero.png);
    background-position:
      0 0,
      0 0,
      0 0,
      -7vw 19%,
      150%;
    background-size:
      auto,
      auto,
      auto,
      auto 61vw,
      cover;
  }

  .hero.hero-banner.inside.default.skin-cancer-surgery {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/cancer-surgery-hero.png),
      linear-gradient(#0000, #0000);
    background-size:
      auto,
      auto,
      auto,
      auto 55vw,
      cover,
      auto;
  }

  .image-box.advance-laser {
    width: 48%;
    height: 800px;
  }

  .hero.hero-banner.inside.default.stretch-marks {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/stretch-marks-hero.jpg),
      linear-gradient(#0000, #0000);
    background-position:
      0 0,
      0 0,
      0 0,
      -7vw 19%,
      100% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 55vw,
      cover,
      auto;
  }

  .hero.hero-banner.inside.default.melasma {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/melasma-hero.jpg),
      linear-gradient(#0000, #0000);
    background-position:
      0 0,
      0 0,
      0 0,
      -7vw 19%,
      100%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 55vw,
      cover,
      auto;
  }

  .image-box.stem-cell-image-box {
    height: 100%;
  }

  .image-box.acne-image-box-1 {
    background-position: 50% 20%;
    height: 300px;
  }

  .image-box.acne-image-box-2 {
    background-position: 50% 61%;
    height: 650px;
  }

  .image-box.psoriasis-image {
    height: 470px;
  }

  .image-box.scars-image {
    min-height: 380px;
  }

  .quote-box.variety-bo {
    height: 320px;
  }

  .image-box.scar-revision-box {
    height: 750px;
  }

  .image-box.patch-image,
  .image-box.rhino-image-box,
  .image-box.skin-cancer-image-box {
    height: 100%;
  }

  .hero.hero-banner.inside.excessive-sweating {
    background-position:
      0 0,
      100% 0,
      0 0,
      0 -15px,
      100% 0;
    background-size:
      auto,
      auto 617px,
      auto,
      1920px 617px,
      auto;
  }

  .image-box.excessive-image {
    min-height: 405px;
  }

  .image-box.excessive-image2 {
    min-height: 740px;
  }

  .image-box.birthmarks-image {
    height: 100%;
  }

  .image-box.patch-image,
  .image-box.rhino-image-box,
  .image-box.skin-cancer-image-box {
    height: 100%;
  }

  .image-box.rhino-image-2 {
    height: 520px;
  }

  .quote-box.vitiligo-box,
  .quote-box.ai-box {
    width: 23%;
  }
}

@media screen and (min-width: 1280px) {
  .flex-wrapper {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }

  .content-box {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 49%;
  }

  .slider-box {
    /*   width: 23% !important;
    margin-left: 10px;
    margin-right: 10px; */
    overflow: hidden;
  }

  .flex-wrapper.vm-flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: space-around;
  }

  .vm-content-box {
    padding-left: 0;
    padding-right: 50px;
  }

  .container.fullwidth.flex-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .separator-line.vertical.team {
    width: 5px;
    right: -1%;
  }

  .flex-wrapper.faq {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: stretch;
  }

  .hero.hero-banner.inside.default.skin-cancer-diagnosis-and-management {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/skincancer-hero.jpg),
      linear-gradient(#0000, #0000);
  }

  .image-box.patch-image,
  .image-box.rhino-image-box,
  .image-box.skin-cancer-image-box {
    height: 100%;
  }

  .rhino-list {
    width: 48%;
  }

  .image-box.stretch-image-box {
    height: 530px;
  }

  .quote-box.approach-box,
  .quote-box.treatment-box {
    width: 31%;
  }

  .hero.hero-banner.inside.default.stem-cell {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/stemcells-img.jpg),
      linear-gradient(#0000, #0000);
    background-size:
      auto,
      auto,
      auto,
      auto 55vw,
      63%,
      auto;
  }

  .quote-box.treatment-box.size {
    width: 23%;
  }

  .rhino-list {
    width: 48%;
  }

  .image-box.vitiligo-image {
    width: 48%;
  }
}

@media screen and (max-width: 1024px) {
  .w-nav-menu {
    order: 3;
    position: static;
  }
}

@media screen and (max-width: 992px) {
  h1 {
    margin-top: 0;
    font-size: 42px;
    line-height: 51px;
  }

  h2 {
    margin-bottom: 20px;
    font-size: 38px;
    line-height: 47px;
  }

  .w-nav-brand {
    margin-left: 20px;
  }

  .brand img {
    max-width: 140px;
  }

  .nav-container {
    width: 100%;
    min-height: 96px;
    padding: 15px 0;
  }

  .navbar-toggler {
    margin-left: 10px;
    margin-right: 20px;
  }

  .navbar-toggler-icon {
    background-image: url(../images/skeen-burger.svg);
    transform: scale(1.4);
  }

  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url(../images/burger-open.svg);
    transform: scale(1.4);
  }

  .navbar-toggler:focus {
    box-shadow: none;
    border: none;
    outline: none;
  }

  div#navbarNavDropdown {
    position: absolute;
    top: 80px;
    width: 100%;
    left: 0;
    right: 0;
    background-color: #f1f1f1;
  }

  .nav-link {
    padding-left: 30px;
    border-bottom: 1px solid #ece7e70f;
    min-height: 51px;
    padding-top: 15px;
    position: relative;
    margin-right: 10px;
  }

  .dropdown-menu li:nth-child(1) .dropdown-link {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
  }

  .dropdown-menu li:last-child .dropdown-link {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  li.nav-item.dropdown.nav-drop {
    margin-right: 0;
  }

  .dropdown-link {
    padding-left: 40px;
    position: relative;
  }

  .dropdown-link:after {
    margin-right: 15px;
  }

  .sub-droplink {
    padding-left: 50px;
    font-size: 13px;
  }

  .container {
    width: 94%;
  }

  button.navbar-toggler {
    order: 4;
  }

  .hero-banner-header {
    font-size: 5em;
    line-height: 1em;
    width: 100%;
  }

  .hero-content-box {
    width: 100%;
  }

  .vectra-promotion.promotion-info-2 {
    font-size: 25px;
    line-height: 37px;
  }

  .text-span-2 {
    font-size: 36px;
  }

  .image-box.skeen-image-1 {
    background-position: 50% 23%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 500px;
    margin-bottom: 30px;
    inset: auto auto -3% 9%;
  }

  .vectra-info-wrapper {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
  }

  .vectra-info-box {
    width: 30%;
    height: 190px;
    margin-bottom: 20px;
  }

  .off {
    font-size: 30px;
    line-height: 40px;
  }

  .newsletter-field-wrapper {
    min-width: 649px;
    height: 53px;
  }

  .submit-button.submit.news {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footer-wrapper {
    padding-top: 20px;
    padding-bottom: 60px;
  }

  .footer-info-box.brand {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .footer-info-flex.f-logo-bow {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 10px;
    display: flex;
  }

  .footer-info-box.service {
    width: 50%;
  }

  .footer-info-box.company {
    width: 50%;
  }

  .footer-info-box.custodian-box {
    width: 44%;
  }

  .gold-button.nav {
    margin-top: 0;
    margin-bottom: 0;
  }

  .provider-box.provider3-1 {
    width: 100%;
    padding: 0;
  }

  .content-wrapper.queensland-wrapper {
    padding-top: 56px;
    padding-bottom: 20px;
  }

  .social-box {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .gold-button.about {
    padding-right: 30px;
    font-size: 18px;
    font-weight: 500;
  }

  .image-box.l1.about {
    width: 100%;
    height: 420px;
    margin-top: 15px;
  }

  .content-box {
    flex-flow: column;
    order: -1;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    margin-bottom: 20px;
  }

  .image-box.l1.vectra-360 {
    background-size: contain;
    order: 1;
    width: 100%;
    height: 420px;
    margin-bottom: 20px;
  }

  .image-box.l1.about-2 {
    order: -1;
    width: 100%;
    height: 420px;
    margin-bottom: 20px;
  }

  .image-box.full.mission-vission.right,
  .image-box.full.mission-vission.mission {
    min-height: 350px;
  }

  .vm-content {
    margin-bottom: 60px;
  }

  .gold-button.vm {
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 18px;
  }

  .content-box.image-background.overlay-bg.team {
    min-height: 350px;
    margin-bottom: 0;
  }

  .content-box.image-background.overlay-bg.gallery {
    min-height: 350px;
    padding-right: 12%;
  }

  .separator-line.vertical.team {
    height: 360px;
  }

  .hero.hero-banner.inside.default.mission-and-vision {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/doctor-hand-shake.jpeg),
      linear-gradient(#0000, #0000);
    background-position:
      0 0,
      0 0,
      0 0,
      -23vw 19%,
      70% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      cover,
      auto 500px,
      auto;
    background-attachment: scroll, scroll, scroll, scroll, scroll, scroll;
  }

  .faq-box {
    width: 50%;
    height: auto;
    min-height: 380px;
  }

  .hero.hero-banner.inside.default.contact-us {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/skeen-doctor-banner.jpeg),
      linear-gradient(#0000, #0000);
    background-position:
      0 0,
      0 0,
      0 0,
      -8vw 19%,
      45% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      cover,
      auto 440px,
      auto;
    background-attachment: scroll;
  }

  .slider {
    padding-bottom: 100px;
  }

  .contact-heading-content {
    width: 90%;
    margin-bottom: 20px;
  }

  .contact-info-box {
    order: 1;
    width: 100%;
    margin-bottom: 40px;
    padding-top: 20px;
  }

  .contact-form-box {
    order: -1;
    width: 100%;
  }

  .image-box.services.categories.skin-cancer-management {
    width: 100%;
    height: 400px;
    margin-bottom: 40px;
    left: 0;
  }

  .cosmetic-wrapper {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-logo img {
    max-width: 179px;
  }

  .image-box.services.categories.medical-services {
    background-position: 50% 12%;
    width: 100%;
    height: 350px;
    left: 0;
  }

  .cosmetic-box {
    width: 49%;
    height: auto;
    margin-bottom: 20px;
  }

  .hero.hero-banner.inside.default.medical-services {
    background-position:
      0 0,
      0 0,
      0 0,
      -16vw 19%,
      50% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      cover,
      auto 420px,
      auto;
  }

  .image-box.services.categories.laser-and-technology {
    width: 100%;
    height: 400px;
    left: 0;
  }

  .image-box.services.categories.vectra-image-box {
    background-position: 84%;
    width: 100%;
    height: 400px;
    left: 0;
  }

  .quote-box.ai-box {
    width: 40%;
    height: 210px;
  }

  .treatment-heading {
    font-size: 17px;
    line-height: 23px;
  }

  .approach-icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    margin-bottom: 0;
  }

  .hero.hero-banner.inside.default.cosmetic-services {
    background-position:
      0 0,
      0 0,
      0 0,
      -70%,
      60% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 55vw,
      auto 410px,
      auto;
  }

  .image-box.services.categories.cosmetic-services {
    width: 100%;
    height: 400px;
    margin-bottom: 30px;
    left: 0;
  }

  .hero.hero-banner.inside.default.skin-cancer-diagnosis-and-management {
    background-position:
      0 0,
      0 0,
      0 0,
      -80vw 19%,
      70% 10%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      1400px,
      auto 400px,
      auto;
  }

  .image-box.skin-cancer-image-box {
    order: 1;
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
    left: 0;
  }

  .hero.hero-banner.inside.default.lip-cancer {
    background-position:
      0 0,
      0 0,
      0 0,
      -70vw 19%,
      40%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      1450px,
      auto 390px,
      auto;
  }

  .image-box.lip-image-box {
    background-position: 50% 25%;
    order: 1;
    width: 100%;
    height: 400px;
    margin-bottom: 0;
    left: 0;
  }

  .services-accordion {
    max-width: 100%;
  }

  .image-box.skin-cancer-surgery-box {
    order: 1;
    width: 100%;
    height: 400px;
    margin-bottom: 0;
    left: 0;
  }

  .hero.hero-banner.inside.default.skin-cancer-surgery {
    background-position:
      0 0,
      0 0,
      0 0,
      -80vw 19%,
      70%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      1450px,
      auto 500px,
      auto;
  }

  .hero.hero-banner.inside.default.children-dermatology {
    background-position:
      0 0,
      0 0,
      0 0,
      -7vw 19%,
      60% 0,
      0 0;
  }

  .image-box.children-derma {
    order: 1;
    width: 100%;
    margin-bottom: 20px;
    left: 0;
  }

  .image-box.acne-image-box-1,
  .image-box.acne-image-box-2 {
    order: 1;
    width: 100%;
    height: 600px;
    margin-bottom: 0;
    left: 0;
  }

  .no-top-padding {
    padding-top: 0;
  }

  .hero.hero-banner.inside.default.acne {
    background-position:
      0 0,
      0 0,
      0 0,
      -14vw 19%,
      50% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 60vw,
      auto 440px,
      auto;
  }

  .image-box.eczema-image-box {
    order: -1;
    width: 100%;
    height: 390px;
    margin-bottom: 10px;
    position: static;
    left: 0;
  }

  .quote-box.approach-box {
    width: 31%;
  }

  .flex-wrapper.quote-wrapper {
    margin-bottom: 20px;
  }

  .hero.hero-banner.inside.default.psoriasis {
    background-position:
      0 0,
      0 0,
      0 0,
      -14vw 19%,
      72% 20%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 55vw,
      auto 470px,
      auto;
  }

  .image-box.psoriasis-image {
    background-position: 2% 58%;
    background-size: 139%;
    order: -1;
    width: 100%;
    margin-bottom: 0;
    position: static;
    left: 0;
  }

  .hero.hero-banner.inside.default.scar-revision {
    background-position:
      0 0,
      0 0,
      0 0,
      -14vw 19%,
      53%,
      0 0;
  }

  .image-box.scars-image {
    background-position: 50%;
    background-size: cover;
    order: -1;
    width: 100%;
    min-height: 400px;
    margin-bottom: 0;
    position: static;
    left: 0;
  }

  .quote-box.variety-bo {
    width: 48%;
    height: 280px;
    margin-bottom: 17px;
  }

  .image-box.scar-revision-box {
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
  }

  .hero.hero-banner.inside.default.patch-testing {
    background-position:
      0 0,
      0 0,
      0 0,
      -14vw 19%,
      60%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 70vw,
      auto 450px,
      auto;
  }

  .image-box.patch-image {
    order: 1;
    width: 100%;
    height: 400px;
    margin-bottom: 0;
    left: 0;
  }

  .hero.hero-banner.inside.excessive-sweating {
    background-position:
      0 0,
      100% 0,
      0 0,
      29% -15px,
      60% -10%;
    background-size:
      auto,
      auto 617px,
      auto,
      1920px,
      160%;
  }

  .image-box.excessive-image {
    background-position: 50% 29%;
    order: -1;
    width: 100%;
    min-height: 400px;
    margin-bottom: 0;
    left: 0;
  }

  .content-wrapper._0bpadding {
    padding-bottom: 0;
  }

  .image-box.excessive-image2 {
    background-position: 50%;
    order: 1;
    width: 100%;
    min-height: 400px;
    margin-bottom: 0;
    left: 0;
  }

  .hero.hero-banner.inside.default.birthmarks {
    background-position:
      0 0,
      0 0,
      0 0,
      -20vw 19%,
      -107% 16%,
      0 0;
    background-size: auto, auto, auto, cover, 120%, auto;
  }

  .image-box.birthmarks-image {
    background-position: 50% 42%;
    order: 1;
    width: 100%;
    height: 400px;
    margin-bottom: 0;
    left: 0;
  }

  .hero.hero-banner.inside.default.rhinophyma {
    background-position:
      0 0,
      0 0,
      0 0,
      -21vw 19%,
      70% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      cover,
      auto 500px,
      auto;
  }

  .image-box.rhino-image-box {
    background-position: 50% 30%;
    order: -1;
    width: 100%;
    height: 500px;
    margin-bottom: 0;
    left: 0;
  }

  .image-box.rosacea-image-box {
    width: 100%;
    margin-bottom: 20px;
    left: 0;
  }

  .image-box.rhino-image-2 {
    background-position: 50% 30%;
    order: -1;
    width: 100%;
    height: 500px;
    margin-bottom: 0;
    left: 0;
  }

  .hero.hero-banner.inside.default.vitiligo {
    background-position:
      0 0,
      0 0,
      0 0,
      -14vw 19%,
      70%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      cover,
      auto 500px,
      auto;
  }

  .image-box.vitiligo-image {
    background-position: 50% 37%;
    order: 1;
    width: 100%;
    height: 500px;
    left: 0;
  }

  .quote-box.vitiligo-box {
    width: 40%;
    height: 210px;
  }

  .hero.hero-banner.inside.default.laser-and-tech {
    background-position:
      0 0,
      0 0,
      0 0,
      -49vw 19%,
      50% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      150%,
      auto 460px,
      auto;
  }

  .image-box.laser-image-box {
    background-position: 50% 30%;
    order: 1;
    width: 100%;
    height: 500px;
    margin-bottom: 0;
    left: 0;
  }

  .hero.hero-banner.inside.default.advanced-technologies {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/laser-vectra-hero.jpg), linear-gradient(#0000, #0000);
    background-position:
      0 0,
      0 0,
      0 0,
      0 0,
      40%,
      100% 40%,
      0 0;
    background-repeat:
      repeat, repeat, repeat, repeat, no-repeat, no-repeat, repeat;
    background-size:
      auto,
      auto,
      auto,
      auto,
      auto 110%,
      auto 500px,
      auto;
    background-attachment:
      scroll, scroll, scroll, scroll, scroll, scroll, scroll;
  }

  .hero.hero-banner.inside.default.advanced-technologies {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      linear-gradient(90deg, #000 35%, #fff0 55%),
      url(../images/laser-vectra-hero.jpg), url(), linear-gradient(#0000, #0000);
    background-position:
      0 0,
      0 0,
      0 0,
      0 0,
      40%,
      100% 40%,
      0 0;
    background-repeat:
      repeat, repeat, repeat, repeat, no-repeat, no-repeat, repeat;
    background-size:
      auto,
      auto,
      auto,
      auto,
      auto 110%,
      auto 500px,
      auto;
    background-attachment:
      scroll, scroll, scroll, scroll, scroll, scroll, scroll;
  }

  .image-box.advance-laser {
    order: 1;
    width: 100%;
    height: 388px;
    margin-bottom: 0;
    left: 0;
  }

  .technology-box-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 49%;
    height: 270px;
    margin-bottom: 0;
  }

  .hero.hero-banner.inside.default.stretch-marks {
    background-position:
      0 0,
      0 0,
      0 0,
      -14vw 19%,
      40%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 55vw,
      auto 420px,
      auto;
  }

  .image-box.stretch-image-box {
    order: -1;
    width: 100%;
    height: 400px;
    margin-bottom: 30px;
    left: 0;
  }

  .hero.hero-banner.inside.default.melasma {
    background-position:
      0 0,
      0 0,
      0 0,
      70% 19%,
      50% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto,
      auto 400px,
      auto;
  }

  .image-box.melasma-image-box {
    background-position: 50% 31%;
    order: 1;
    width: 100%;
    height: 400px;
    margin-bottom: 0;
    left: 0;
  }

  .hero.hero-banner.inside.default.fillers {
    background-position:
      0 0,
      0 0,
      0 0,
      70% 19%,
      30% 90%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto,
      auto 380px,
      auto;
  }

  .image-box.filler-image-box {
    background-position: 50% 25%;
    background-size: 100%;
    order: 1;
    width: 100%;
    height: 500px;
    margin-bottom: 0;
    left: 0;
  }

  .hero.hero-banner.inside.default.aesthetic-treatments {
    background-position:
      0 0,
      0 0,
      0 0,
      70% 19%,
      40% 90%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto,
      auto 400px,
      auto;
  }

  .image-box.aesthetic-image-box {
    background-position: 0 22%;
    order: 1;
    width: 100%;
    height: 400px;
    margin-bottom: 0;
    left: 0;
  }

  .quote-box.treatment-box {
    width: 30%;
    height: 282px;
    margin-right: 10px;
    margin-bottom: 20px;
  }

  .hero.hero-banner.inside.default.men {
    background-position:
      0 0,
      0 0,
      0 0,
      -7vw 19%,
      -147% 63%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 55vw,
      auto 380%,
      auto;
  }

  .image-box.mens-image-box,
  .image-box.stem-cell-image-box {
    background-position: 50% 31%;
    order: 1;
    width: 100%;
    height: 400px;
    margin-bottom: 30px;
    left: 0;
  }

  .hero.hero-banner.inside.default.stem-cell {
    background-position:
      0 0,
      0 0,
      0 0,
      -7vw 19%,
      142% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 55vw,
      80%,
      auto;
  }

  .hero.hero-banner.inside.default.cosmetic-skin-lesions {
    background-position:
      0 0,
      0 0,
      0 0,
      -14vw 19%,
      70% 30%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      cover,
      auto 400px,
      auto;
  }

  .image-box.cosmetic-image-box {
    order: 1;
    width: 100%;
    height: 450px;
    margin-bottom: 0;
    left: 0;
  }

  .quote-box.treatment-box.size {
    width: 48%;
  }

  .hero.hero-banner.inside.default.privacy-policy {
    background-position:
      0 0,
      0 0,
      0 0,
      -7vw 19%,
      40% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      cover,
      auto 440px,
      auto;
  }

  .slider-wrapper._100 {
    width: 100%;
    padding: 5px;
  }

  .logo-hero-wrap {
    justify-content: center;
  }

  .career-box {
    width: 48%;
  }
}

@media screen and (max-width: 768px) {
  .submit-button.submit.news {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .career-box {
    width: 45%;
  }

  ._15-sec-wrap {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .vectra-info-box {
    width: 42%;
    height: 160px;
    margin-bottom: 10px;
    padding: 11px;
    font-size: 14px;
  }

  .footer-info-box.brand {
    flex-flow: row;
    display: block;
  }

  .vm-box,
  .vm-box._0-10-margin {
    width: 100%;
    margin-bottom: 30px;
  }

  .content-box.image-background.overlay-bg.team {
    width: 100%;
    margin-bottom: 0;
  }

  .content-box.image-background.overlay-bg.gallery {
    width: 100%;
  }

  .faq-box {
    width: 100%;
    height: auto;
    min-height: auto;
  }

  .content-wrapper.faq {
    margin-bottom: 20px;
  }

  .list-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .career-box:not(:last-child) {
    margin-bottom: 20px;
  }
  .image-box.ai-face-image-box {
    height: 400px;
  }
  .services-greybox:not(:last-child) {
    margin-bottom: 20px;
  }
  .relservices .slider-box {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 500px) {
  h1 {
    font-size: 25px;
    line-height: 34px;
  }

  h2 {
    margin-bottom: 20px;
    font-size: 23px;
    line-height: 33px;
  }

  h3 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 26px;
  }

  p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 21px;
  }

  .relservices .slider-box {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }

  .services-greybox:not(:last-child) {
    margin-bottom: 20px;
  }

  .career-box {
    width: 100%;
  }

  .container {
    width: 96%;
  }

  .cosmetic-box {
    width: 100%;
    height: auto;
  }

  .gold-button.nav {
    justify-content: space-between;
    align-items: center;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 15px;
  }

  .book-icon.nav {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    margin-left: 3px;
  }

  .gold-button {
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 20px;
    font-size: 14px;
  }

  .hero {
    min-height: 480px;
  }

  .hero-header-wrapper {
    min-height: auto;
    padding-bottom: 0;
    overflow: hidden;
  }

  .hero-banner-header {
    margin-bottom: 20px;
    font-size: 2.9em;
    line-height: 1.1em;
  }

  .hero-content {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
  }

  .content-wrapper.queensland-wrapper {
    padding-top: 0;
  }

  .newsletter-field-wrapper {
    min-width: 286px;
    height: 46px;
  }

  .submit-button.submit.news {
    font-size: 14px;
    height: 50px;
    display: flex;
    padding: 0 10px;
  }

  .newsletter-field {
    font-size: 11px;
    line-height: 17px;
    width: 100%;
  }

  .vectra-banner-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
  }

  .text-span-2 {
    font-size: 18px;
  }

  .vectra-promotion.promotion-info-2 {
    line-height: 30px;
  }

  .flex-wrapper.right-flex {
    padding-top: 30px;
  }

  .image-box.skeen-image-1 {
    order: 1;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 350px;
    position: relative;
    bottom: -26%;
    left: auto;
    margin-top: 20px;
  }

  .vectra-info-box {
    width: 45%;
    height: 210px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .content-wrapper.queensland-wrapper {
    margin-top: -70px;
  }

  .footer-info-flex.f-logo-bow {
    display: block;
  }

  .footer-info-box.company {
    width: 100%;
    display: block;
  }

  .footer-link {
    white-space: nowrap;
    font-size: 14px;
  }

  .footer-info-box.custodian-box {
    width: 100%;
  }

  .info-footer {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    line-height: 23px;
    display: block;
  }

  .footer-logo.w--current {
    margin-bottom: 20px;
  }

  .footer-logo img {
    max-width: 161px;
  }

  .social-box {
    margin: 20px 0;
  }

  .copyright-box {
    justify-content: space-between;
    align-items: flex-start;
  }

  .copyright {
    width: 100%;
    margin-bottom: 10px;
  }

  .vectra-image-wrapper {
    justify-content: space-between;
    align-items: stretch;
    margin-top: 27px;
  }

  .vectra-1 {
    width: 48%;
    height: 165px;
    margin-bottom: 0;
  }

  .vectra-2 {
    width: 48%;
    height: 165px;
  }

  .service-box {
    width: 100%;
  }

  .hero.hero-banner.inside.default.mission-and-vision {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/doctor-hand-shake.jpeg),
      linear-gradient(#0000, #0000);
    background-position:
      0 0,
      0 0,
      0px 12px,
      4% 2%,
      50% 0px,
      12px 0;
    min-height: auto;
    background-attachment: scroll, scroll, scroll, scroll, scroll, scroll;
  }

  .gold-button.about {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 16px;
  }

  .gold-button.submit {
    font-size: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .gold-button-wrapper p {
    margin: auto;
  }

  .image-box.l1.about {
    background-position: 70%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 230px;
    margin-top: 0;
  }

  .content-wrapper.skeen-wrapper.min {
    padding-bottom: 20px;
  }

  .image-box.l1.vectra-360 {
    background-size: contain;
    height: 200px;
    margin-top: 30px;
  }

  .image-box.l1.about-2 {
    background-position: 56%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 230px;
  }

  .content-wrapper {
    padding-bottom: 20px;
    padding-top: 20px;
  }

  .hero.hero-banner.inside.default.mission-and-vision {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/doctor-hand-shake.jpeg),
      linear-gradient(#0000, #0000);
    background-position:
      0 0,
      0 0,
      0 0,
      63% 19%,
      50% 0,
      0 0;
    min-height: auto;
  }

  .sub-navigation-sub-title {
    font-size: 16px;
    line-height: 25px;
  }

  .services-inner-wrap {
    flex-flow: column;
  }

  .services-inner-wrap .slider-box {
    width: 100%;
  }

  .image-box.ai-face-image-box {
    width: 100%;
    height: 300px;
    position: relative;
    left: 0;
    margin-bottom: 30px;
  }

  .vm-box._0-10-margin {
    width: 100%;
    margin-bottom: 10px;
  }

  .flex-wrapper {
    flex-flow: column;
  }

  .vm-content._2 {
    height: 104px;
    margin-bottom: 10px;
  }

  .content-box.image-background.overlay-bg.gallery {
    min-height: 250px;
    margin-top: 0;
    padding-bottom: 30px;
    padding-left: 30px;
  }

  .content-box.image-background.overlay-bg.team {
    min-height: 250px;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-left: 30px;
  }

  .hero.hero-banner.inside.default.contact-us {
    background-image:
      linear-gradient(#0000, #0000), linear-gradient(#000000d9 4%, #0000 17%),
      linear-gradient(
        86deg,
        #000000e0,
        #000000cf 14%,
        #00000073 57%,
        #fff0 84%
      ),
      url(../images/hero-left-img.png), url(../images/skeen-doctor-banner.jpeg),
      linear-gradient(#0000, #0000);
    background-position:
      0 0,
      0 0,
      0 0,
      -90vw 19%,
      65% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      cover,
      auto 400px,
      auto;
    min-height: 100%;
  }

  .faq-heading {
    font-size: 29px;
    line-height: 34px;
  }

  .career-form-content {
    width: 100%;
    padding: 20px 10px;
  }

  .career-form-box.reg-form {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .career-form-box {
    width: 100%;
    padding: 20px;
  }

  .image-box.services.categories.skin-cancer-management {
    height: 300px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .hero.hero-banner.inside.default.skin-cancer-management {
    background-position:
      0 0,
      0 0,
      0 0,
      -100vw 19%,
      70%,
      0 0;
    min-height: auto;
  }

  .list-spacing.left,
  .list-spacing.left2 {
    flex-flow: column;
  }

  .hero.hero-banner.inside.default.medical-services {
    background-position:
      0 0,
      0 0,
      0 0,
      -91vw 19%,
      70% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      cover,
      auto 430px,
      auto;
  }

  .image-box.services.categories.laser-and-technology,
  .image-box.services.categories.cosmetic-services {
    height: 300px;
    margin-bottom: 10px;
  }

  .image-box.services.categories.vectra-image-box {
    background-position: 50%;
    height: 300px;
    margin-bottom: 10px;
  }

  .quote-box.ai-box {
    width: 100%;
    height: auto;
  }

  .hero.hero-banner.inside.default.cosmetic-services {
    background-position:
      0 0,
      0 0,
      0 0,
      80% 0,
      63% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 150vw,
      auto 430px,
      auto;
  }

  .image-box.lip-image-box,
  .image-box.skin-cancer-image-box {
    width: 100%;
    height: 300px;
    position: static;
    margin-bottom: 20px;
  }

  .content-wrapper.light {
    padding-bottom: 40px;
  }

  .hero.hero-banner.inside.default.skin-cancer-diagnosis-and-management {
    background-position:
      0 0,
      0 0,
      0 0,
      -214vw 19%,
      85%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      1400px,
      auto 380px,
      auto;
    min-height: auto;
  }

  .services-accordion .accordion-body {
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .accordion-button {
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 15px;
    line-height: 20px;
  }

  .hero.hero-banner.inside.default.skin-cancer-surgery {
    background-position:
      0 0,
      0 0,
      0 0,
      -232vw 19%,
      64%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      1450px,
      auto 480px,
      auto;
    min-height: auto;
  }

  .children-flex {
    flex-flow: wrap;
  }

  .list-condition {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 21px;
  }

  .image-box.children-derma {
    width: 100%;
    height: 320px;
    position: static;
  }

  .hero.hero-banner.inside.default.children-dermatology {
    background-position:
      0 0,
      0 0,
      0 0,
      80% 0,
      72% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      850px,
      auto 500px,
      auto;
    min-height: auto;
  }

  .sub-navigation-header {
    padding-top: 40px;
    padding-bottom: 40px;
    position: static;
    top: 70px;
  }

  .hero.hero-banner.inside.default.acne {
    background-position:
      0 0,
      0 0,
      0 0,
      70% 20%,
      60% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      810px,
      auto 430px,
      auto;
    min-height: auto;
  }

  .image-box.acne-image-box-1,
  .image-box.acne-image-box-2 {
    width: 100%;
    height: 300px;
    margin-bottom: 0;
    position: static;
  }

  .hero.hero-banner.inside.default.eczema-and-dermatitis {
    background-position:
      0 0,
      0 0,
      0 0,
      70% 0,
      10% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto,
      auto 430px,
      auto;
    min-height: auto;
  }

  .hero-separator {
    margin-top: 10px;
    left: -3px;
  }

  .quote-box.approach-box {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }

  .hero.hero-banner.inside.default.psoriasis {
    background-position:
      0 0,
      0 0,
      0 0,
      70% 19%,
      80% 10%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      800px,
      auto 410px,
      auto;
    min-height: auto;
  }

  .image-box.psoriasis-image {
    background-position: 20% 0;
    background-size: 230%;
    width: 100%;
    height: 300px;
    margin-bottom: 0;
    position: static;
  }

  .hero.hero-banner.inside.default.scar-revision {
    background-position:
      0 0,
      0 0,
      0 0,
      70% 19%,
      65% 100%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 500px,
      auto 420px,
      auto;
    min-height: auto;
  }

  .image-box.scars-image {
    background-position: -100px -120px;
    background-size: 140%;
    width: 100%;
    min-height: 300px;
    margin-bottom: 0;
    position: static;
  }

  .quote-box.variety-bo,
  .quote-box.vitiligo-box {
    width: 100%;
    height: auto;
  }

  .image-box.scar-revision-box {
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
  }

  .hero.hero-banner.inside.default.patch-testing {
    background-position:
      0 0,
      0 0,
      0 0,
      70% 19%,
      70%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      850px,
      auto 410px,
      auto;
    min-height: auto;
  }

  .image-box.patch-image,
  .image-box.rhino-image-box {
    order: 1;
    width: 100%;
    height: 300px;
    position: static;
    margin-bottom: 20px;
  }

  .accordion-title {
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 15px;
    line-height: 20px;
  }

  .services-accordion .accordion-button {
    padding: 15px 15px;
  }

  .image-box.excessive-image {
    order: 1;
    width: 100%;
    min-height: 300px;
    position: static;
  }

  .image-box.excessive-image2 {
    background-position: 68%;
    order: 1;
    width: 100%;
    min-height: 300px;
    position: static;
  }

  .hero.hero-banner.inside.default.birthmarks {
    background-position:
      0 0,
      0 0,
      0 0,
      64% 19%,
      32% 0,
      0 0;
    background-size: auto, auto, auto, auto, 260%, auto;
    min-height: auto;
  }

  .image-box.birthmarks-image {
    width: 100%;
    height: 300px;
    margin-bottom: 0;
    position: static;
  }

  .image-box.rosacea-image-box {
    background-position: 40% 75%;
    background-size: 119%;
    width: 100%;
    height: 250px;
    position: static;
  }

  .hero.hero-banner.inside.default.rhinophyma {
    background-position:
      0 0,
      0 0,
      0 0,
      70% 0,
      73% 10%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto,
      auto 380px,
      auto;
    min-height: auto;
  }

  .image-box.vitiligo-image {
    width: 100%;
    height: 300px;
    min-height: 300px;
    margin-bottom: 0;
    position: static;
  }

  .hero.hero-banner.inside.default.vitiligo {
    background-position:
      0 0,
      0 0,
      0 0,
      70% 19%,
      70%,
      0 0;
    background-size: auto, auto, auto, 800px, auto, auto;
    min-height: auto;
  }

  .hero.hero-banner.inside.default.laser-and-tech {
    background-position:
      0 0,
      0 0,
      0 0,
      70% 19%,
      58% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      290%,
      auto 430px,
      auto;
    min-height: auto;
  }

  .image-box.laser-image-box {
    width: 100%;
    height: 300px;
    margin-bottom: 0;
    position: static;
  }

  .content-filler-wrapper {
    margin-bottom: 0;
  }

  .hero.hero-banner.inside.default.advanced-technologies {
    background-position:
      0 0,
      0 0,
      0 0,
      0 0,
      60%,
      100% 40%,
      0 0;
    min-height: auto;
  }

  .image-box.advance-laser {
    height: 260px;
  }

  .technology-box-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }

  .technolog-image-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .technology-image {
    width: 100%;
    max-height: 300px;
  }

  .hero.hero-banner.inside.default.stretch-marks {
    background-position:
      0 0,
      0 0,
      0 0,
      64% 0,
      67% -50%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto,
      auto 410px,
      auto;
    min-height: auto;
  }

  .image-box.stretch-image-box {
    order: 1;
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
    position: static;
  }

  .rhino-list {
    width: 100%;
  }

  .hero.hero-banner.inside.default.melasma {
    background-position:
      0 0,
      0 0,
      0 0,
      69% 19%,
      70% 4%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto,
      auto 380px,
      auto;
    min-height: auto;
  }

  .image-box.melasma-image-box,
  .image-box.filler-image-box {
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
    position: static;
  }

  .hero.hero-banner.inside.default.fillers {
    background-position:
      0 0,
      0 0,
      0 0,
      70% 19%,
      65% 90%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto,
      auto 420px,
      auto;
    min-height: auto;
  }

  .hero.hero-banner.inside.default.aesthetic-treatments {
    background-position:
      0 0,
      0 0,
      0 0,
      66% 19%,
      60% 90%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto,
      auto 380px,
      auto;
    min-height: auto;
  }

  .image-box.aesthetic-image-box {
    background-position: 50%;
    width: 100%;
    height: 300px;
    margin-bottom: 0;
    position: static;
  }

  .quote-box,
  .quote-box.treatment-box {
    width: 100%;
    height: auto;
  }

  .hero.hero-banner.inside.default.men {
    background-position:
      0 0,
      0 0,
      0 0,
      -70vw 19%,
      -20% 70%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 120vw,
      auto 300%,
      auto;
    min-height: auto;
  }

  .image-box.mens-image-box.height {
    height: 260px;
  }

  .hero.hero-banner.inside.default.stem-cell {
    background-position:
      0 0,
      0 0,
      0 0,
      -100vw 19%,
      50%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      auto 130vw,
      200%,
      auto;
    min-height: auto;
  }

  .image-box.stem-cell-image-box {
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
    position: static;
  }

  .hero.hero-banner.inside.default.cosmetic-skin-lesions {
    background-position:
      0 0,
      0 0,
      0 0,
      -91vw 19%,
      80% 100%,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      cover,
      auto 360px,
      auto;
    min-height: auto;
  }

  .image-box.cosmetic-image-box {
    width: 100%;
    height: 300px;
    margin-bottom: 0;
    position: static;
  }

  .quote-box.treatment-box.size {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 190px;
    margin-right: 0;
  }

  .hero.hero-banner.inside.default.privacy-policy {
    background-position:
      0 0,
      0 0,
      0 0,
      -90vw 19%,
      65% 0,
      0 0;
    background-size:
      auto,
      auto,
      auto,
      cover,
      auto 400px,
      auto;
    min-height: 100%;
  }

  .cart-cta {
    margin-left: 3px;
  }

  .gold-button.nav {
    min-width: 105px;
  }

  .brand img {
    max-width: 140px;
  }

  .nav-link,
  .dropdown-link {
    font-size: 15px;
  }

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

  .nav-container {
    width: 100%;
    min-height: 71px;
    padding: 0px 0;
  }

  div#navbarNavDropdown {
    top: 71px;
  }

  .sub-droplink {
    font-size: 12px;
  }

  .off {
    font-size: 20px;
    line-height: 1;
  }

  .mid-content.first-consult-info {
    font-size: 20px;
    line-height: 32px;
  }

  .mid-box {
    text-align: left;
  }

  .displaimer {
    font-size: 10px;
    text-align: center;
  }

  p.compre-content,
  .black-content-info {
    text-align: left;
  }

  .choose-heading {
    text-align: center;
  }

  .operating-box {
    flex-direction: column;
  }

  .hhds-logo {
    width: 100%;
    margin: auto;
  }

  .vectra-info {
    margin-top: 30px;
  }

  .t-1,
  .t-2 {
    font-size: 30px;
    text-wrap: wrap;
    line-height: normal;
    text-align: center;
  }

  .btop {
    margin-top: 35px;
  }

  .not-mobile {
    display: none !important;
  }

  .home .hero.hero-banner {
    height: 80vh;
    justify-content: center;
    align-items: center;
  }

  .homeskin-bg p {
    font-size: 18px;
  }

  .operation-heading.fontmont br {
    display: none;
  }

  .font-75 {
    font-size: 35px;
  }

  .hero-content-box {
    text-align: center;
    align-items: center;
    margin-top: -30px;
    margin-bottom: 20px;
  }

  .inside .hero-content-box {
    text-align: left;
    align-items: center;
  }

  .font-35 {
    font-size: 20px !important;
    line-height: 1.3;
  }

  .font-41 {
    font-size: 28px;
  }

  .home-tag {
    font-size: 15px;
    line-height: 1;
    color: #000;
  }

  .slider-image-box.service-new5 {
    background-size: cover;
  }

  .vectra-box:not(:last-child) {
    margin-bottom: 30px;
  }

  .logo-hero-wrap img {
    max-height: 60px;
  }

  .hero-header-wrapper {
    height: 100%;
  }

  .logo-hero-wrap {
    justify-content: center;
    display: flex;
    gap: 5px !important;
    margin-bottom: 10px;
    margin-top: 30px;
  }

  .content-vid {
    min-height: auto;
  }

  .homeskin-bg {
    min-height: 30vh;
  }

  .homeskin-bg p {
    font-size: 15px;
  }

  .homeskin-bg h2 {
    font-size: 20px;
    line-height: 1.3;
  }

  .career-box {
    width: 100%;
  }

  .pagesub-title {
    font-size: 20px;
    line-height: normal;
  }

  .content-ul {
    font-size: 15px;
  }
  .basic-ul {
    font-size: 15px;
  }
  .slider-content {
    font-size: 14px;
    line-height: 1.3;
  }
  .faq-box:not(:last-child) {
    margin-bottom: 20px;
  }

  .dr-fullcont {
    font-size: 10px;
    line-height: 1.2;
  }

  p.dr-quote.text-center {
    font-size: 20px;
    font-weight: 700;
  }
}