#features .margin-top-60 {
    margin-top: 30px;
  }

#features #features .margin-top-120 {
  margin-top: 30px;
}

#features .margin-bottom-120 {
  margin-bottom: 30px;
}

@media screen and (min-width:768px) {

  #features .margin-top-60 {
    margin-top: 60px;
  }


  #features .margin-top-120 {
    margin-top: 60px;
  }

  #features .margin-bottom-120 {
    margin-bottom: 60px;
  }
}

@media screen and (min-width:1200px) {
  #features .margin-top-120 {
    margin-top: 90px;
  }

  #features .margin-bottom-120 {
    margin-bottom: 90px;
  }
}

@media screen and (min-width:1920px) {
  #features .margin-top-120 {
    margin-top: 120px;
  }

  #features .margin-bottom-120 {
    margin-bottom: 120px;
  }
}

#features .section-header-wrapper {
    display: none;
}

.overview-logo img {
  max-height: 65px;
}

.hero-wrapper > img {
  margin-bottom: 0 !important;
}

/*.section-knob img,
.section-knob .img-responsive {
  max-width: none;
}*/

.bg-grey {
  background: #F5F5F5;
  width: 100vw;
  height: 40px;
}

.section-galleryimage {
  background: url('/inline/products/23168/pebble-bg-white.jpg') no-repeat;
  background-size: cover;
  height: calc(100vw * 1197 / 2560);
}

.section-xmarksthespot {
  background: url('/inline/products/23168/45_deg-bg.jpg') no-repeat;
  background-size: cover;
  height: calc(100vw * 1078 / 2560);
}

.section-smallbutmighty {
  background: url('/inline/products/23168/smal-but-mighty.jpg') no-repeat;
  background-size: cover;
  height: calc(100vw * 1028 / 2560);
}

.section-nodeskspace {
  background: url('/inline/products/23168/leftandright.jpg') no-repeat;
  background-size: cover;
  height: calc(100vw * 1383 / 2560);
}

.section-matchyourstyle {
  background: url('/inline/products/23168/bg-texture.jpg');
}

@media (min-width: 768px) {
  .section-knob .container-fluid {
    padding: 0 !important;
  }
  /*hero image adjustments*/
  .hero-wrapper {
    width: 100% !important;
  }
  .product-hero-container {
    padding-top: 0px !important;
  }
  .product-hero-container h1 {
    margin-top: 60px;
  }
}

@media (min-width: 992px) {
  .markthespot-text {
    height: calc(100vw * 1078 / 2560);
  }
  .smallbutmighty-text {
    height: calc(100vw * 1028 / 2560);
  }
  .section-knob img {
    width: 100%;
  }
  .section-smallbutmighty h4 {
    margin-top: 0 !important;
  }
  .section-smallbutmighty .row > div:first-of-type {
    min-width: 400px !important;
  }
}

@media(min-width:1200px) {
  .markthespot-text {
    min-width: 300px;
    margin-left: 6vw;
    margin-top: 3vw;
  }
  .knob-text {
    max-width: 400px;
  }
  .section-matchyourstyle > div {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    left: 0 !important;
  }
  .section-nodeskspace .row > div:first-of-type  {
    min-width: 450px !important;
  }
  .section-nodeskspace .row > div:first-of-type h4{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media(min-width: 1500px) {
  .smallbutmighty-text {
    margin-top: 5vw;
  }
}

@media(min-width: 1600px) {
  .nodeskspace-text {
    margin-top: 3vw;
  }
}

@media(max-width: 767px) {
  .knob-text {
    padding: 0 40px !important;
  }
  .section-matchyourstyle > div {
    padding: 0 55px !important;
  }
  .features-contents .smallbutmighty-text {
    padding-left: 5% !important;
  }
  .features-contents .nodeskspace-text {
    padding-left: 5% !important;
  }
  .features-contents .markthespot-text {
    padding-left: 5% !important;
  }
}

@media(max-width: 768px) {
  .logo-text {
    text-align: center !important;
  }
}

@media(max-width: 991px) {
  .overview-logo img {
    margin-bottom: 40px;
  }
  .section-xmarksthespot img {
    margin-top: 30px;
  }
  .section-xmarksthespot {
    padding-top: calc(100vw * 1078 / 2560);
    height: auto !important;
    background-size: 100% auto !important;
    margin-bottom: 30px !important;
    text-align: left;
  }
  .features-contents .section-xmarksthespot {
    padding-top: calc(100% * 1078 / 2560) !important;
  }
  .section-smallbutmighty {
    padding-top: calc(100vw * 1028 / 2560);
    height: auto !important;
    background-size: 100% auto !important;
    margin-bottom: 50px;
  }
  .features-contents .section-smallbutmighty {
    padding-top: calc(100% * 1028 / 2560) !important;
  }
  .features-contents .section-galleryimage {
    padding-top: calc(100% * 1197 / 2560) !important;
  }
  .features-contents .bg-grey {
    width: 100% !important;
  }
  #features .section-knob .row > div:first-of-type > img {
    max-height: 42vw;
    margin-left: 0 !important;
  }

  .features-contents .section-knob .row > div:first-of-type > img {
    max-height: 400px;
    margin-left: 0 !important;
  }

  .knob-text {
    margin-bottom: 30px;
  }
  .flex-container {
    display: flex;
    flex-direction: column;
  }
  .flex-container .container-fluid {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .flex-container > .flex-item-1 {
    order: 2;
  }
  .flex-container > .flex-item-2 {
    order: 1;
  }
}

@media(max-width: 1199px) {
  .section-nodeskspace {
    padding-top: calc(100vw * 1386 / 2560);
    height: auto !important;
    background-size: 100% auto !important;
    margin-bottom: 30px;
  }
  .features-contents .section-nodeskspace {
    padding-top: calc(100% * 1386 / 2560);
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .markthespot-text {
    min-width: 330px;
    display: flex;
    align-items: center;
    margin-left: 0;
    margin-top: 0;
  }
}

@media(min-width:1200px) and (max-width:1599px) {
  .nodeskspace-text {
    min-width: 35vw;
    margin-top: 0;
    margin-left: -3vw !important;
  }
}


/*product hero container min-height*/

@media screen and (min-width: 768px) {
  .product-hero-container {
    min-height: 512px;
  }
}

@media screen and (min-width: 992px) {
  .product-hero-container {
    min-height: 663px;
  }
}

@media screen and (min-width: 1200px) {
  .product-hero-container {
    min-height: 800px;
  }
}


/*jp hero icon css*/
.storepage_2 .product-hero-container .hero-icon1 {
  display: flex;
  margin-left:auto;
  margin-right:auto;
  width: 167px;
  gap: 5px;
}
.storepage_2 .product-hero-container .hero-icon1 img {
  width:100%;
  height:auto;
  max-width:none;
}
@media screen and (min-width:768px) {
  .storepage_2 .product-hero-container .hero-icon1 {
    position: absolute;
    right: 44%;
    top: 60px;
    width: 118px;
    height: 130px;
    z-index: 2;
  }
}
@media screen and (min-width:992px) {
  .storepage_2 .product-hero-container .hero-icon1 {
    right: 51%;
    width: 167px;
    height: 184px;
  }
}

@media screen and (max-width:767px) {
  .storepage_2 .product-hero-container .hero-icon1 {
    justify-content: center;
    width: 220px;
  }
  .storepage_2 .product-hero-container .hero-icon1 img{
  width: min(calc(100% / 2 - 10px), 150px);
 }
}