@media screen and (min-width: 1440px) {
  .nav-menu {
    width: 70%;
  }
  .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(/assets/images/hero-left-img.png),
      url(/assets/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(/assets/images/hero-left-img.png),
      url(/assets/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(/assets/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(/assets/images/hero-left-img.png),
      url(/assets/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(/assets/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(/assets/images/hero-left-img.png),
      url(/assets/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(/assets/images/hero-left-img.png),
      url(/assets/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(/assets/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(/assets/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(/assets/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(/assets/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%;
  }
}
