@media screen and (min-width: 1440px) {
  .nav-menu {
    width: 100%;
    margin-left: auto;
    justify-content: center;
  }
  .hero-header-wrapper {
    min-height: 85.5vh;
  }
  .hero-content-box {
    width: 85%;
  }
  .nav-drop {
    width: auto;
  }
  .provider-box.provider3-1 {
    width: 90%;
  }
  .image-box.skeen-image-1 {
    height: 650px;
  }

  .slider-content.service-slider-content {
    height: 95px;
  }

  .slider-content-box.services-heading {
    height: 230px;
  }
  .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: #0c0a09fa;
  }
  .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: 20px;
  }
  .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;
  }
}

@media screen and (max-width: 768px) {
  .submit-button.submit.news {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  ._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;
  }
}

@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;
  }
  .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;
  }
  .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;
  }
  .footer-info-flex.f-logo-bow {
    display: block;
  }
  .footer-info-box.company {
    width: 100%;
    display: block;
  }
  .footer-link {
    white-space: nowrap;
    font-family: Roboto, sans-serif;
    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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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: 115px;
  }

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