.ourstory-intro-right .modal-content .subtitle,
.ourstory-intro-left .modal-content .subtitle {
  height: auto;
  display: block;
}
.modal-dialog {
  max-width: 800px;
}

.modal-header {
  border: none;
}

.ourstory-banner,
.ourquality-banner {
  position: relative;
}
.ourstory-banner .text,
.ourquality-banner .text {
font-size: 42px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 3%;
}

.BG-beige-ourstory {
  background-color: #ffe6d4;
  height: 100%;
}
.BG-grey-ourstory {
  background-color: #f2f2f2;
  height: 100%;
}
.BG-beige-ourstory.h550 {
  background-color: #ffe6d4;
  height: 28.65vw;
}
.BG-grey-ourstory.h550 {
  background-color: #f2f2f2;
  height: 28.65vw;
}
.BG-beige-ourstory.h330 {
  background-color: #ffe6d4;
  height: 330px;
}
.BG-grey-ourstory.h330 {
  background-color: #f2f2f2;
  height: 330px;
}
.BG-beige-ourstory.h370 {
  background-color: #ffe6d4;
  height: 370px;
}
.BG-grey-ourstory.h370 {
  background-color: #f2f2f2;
  height: 370px;
}
.BG-beige-ourstory-center {
  background-color: #ffe6d4;
  height: 100%;
}
.BG-grey-ourstory-center {
  background-color: #f2f2f2;
  height: 100%;
}
.BG-beige-ourstory-end {
  background-color: #ffe6d4;
  height: 100%;
}

.BG-beige-ourstory-top {
  background-color: #ffe6d4;
  height: 31.25vw;
  padding: 1.5vw 0;
}
.BG-grey-ourstory-top {
  background-color: #f2f2f2;
  height: 31.25vw;
  padding: 1.5vw 0;
}

.ourstory-intro-right {
  padding: 2vw 16vw 2vw 3vw;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ourstory-intro-left {
  padding: 2vw 3vw 2vw 16vw;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ourstory-intro-right-top .subtitle,
.ourstory-intro-left-top .subtitle,
.ourstory-intro-right .subtitle,
.ourstory-intro-end-right .subtitle,
.ourstory-intro-left .subtitle {
  font-size: 1.37vw;
}
.ourstory-intro-right-top .subtitle span,
.ourstory-intro-left-top .subtitle span,
.ourstory-intro-end-right .subtitle span,
.ourstory-intro-right .subtitle span,
.ourstory-intro-left .subtitle span {
  font-size: 1.37vw;
  font-weight: 400;
}
.ourstory-intro-right .subtitle,
.ourstory-intro-left .subtitle {
  height: 16.5vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 3%;
}
.title-s {
  font-size: 1.57vw;
  font-weight: 500;
  padding-bottom: 2vw;
}
.title-s0 {
  font-size: 1.57vw;
  font-weight: 500;
  padding-bottom: 2%;
}
.ourshop-fullimg img {
  width: 100%;
}
.story-context {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.story-context .img {
  width: 46vw;
}
.story-context .img img {
  width: 100%;
}

.story-text {
  /* font-size: 1.37vw; */
}
.story-text span {
  /* font-size: 1.37vw; */
  font-weight: 400;
}
.story-text.bottom8 {
  padding-bottom: 2vw;
}
.story-text-big .title {
  /* font-size: 1.57vw; */
  font-weight: 500;
  margin-bottom: 2vw;
  text-align: center;
}
.story-text-big .text {
  /* font-size: 1.57vw; */
  text-align: center;
}
.story-text-big .text span {
  /* font-size: 1.57vw; */
  font-weight: 400;
}
.margin-bt2 {
  margin-bottom: 2%;
}

.story-text.med {
  /* font-size: 1.25vw; */
  text-align: center;
}
.story-text.med span {
  /* font-size: 1.42vw; */
  text-align: center;
  font-weight: 400;
}
.story-end-box {
  display: flex;
  padding: 1rem 0 0 0;
}
.story-end-box .quote {
  width: 1.2vw;
}
.story-end {
  font-size: 1.37vw;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 0 1rem;
}

.story-logo {
  display: flex;
  justify-content: center;
  padding: 4% 0;
}
.story-logo .box {
  display: flex;
  align-items: center;
  padding: 0 3%;
}
.story-logo .box .icon {
  width: 6vw;
  margin-right: 1rem;
}
.story-logo .box .icon img {
  width: 100%;
}
.story-logo .box .text {
  font-size: 1vw;
  font-weight: 400;
  width: 100%;
}
.ourstory-img-padding {
  width: 52%;
  margin: 2rem 0 0 0;
}

.ourstory .backtoourshop {
  text-align: center;
  padding: 3vw 0 0 0;
}
.ourquality .backtoourshop {
  text-align: center;
  padding: 0;
}
.backtoourshop a {
  font-size: 1.37vw;
  font-weight: 400;
  color: #2e368f;
}


@media (max-width: 991px) {

  .BG-beige-ourstory.center330,
  .BG-grey-ourstory.center330 {
    height: 330px;
    padding: 1rem 0;
  }
  .BG-beige-ourstory.center350,
  .BG-grey-ourstory.center350 {
    height: 350px;
    padding: 1rem 0;
  }
  .BG-beige-ourstory.center370,
  .BG-grey-ourstory.center370 {
    height: 370px;
    padding: 1rem 0;
  }
  .BG-beige-ourstory-nocenter,
  .BG-grey-ourstory-nocenter {
    padding: 1rem 0;
  }
  .BG-beige-ourquality.center,
  .BG-grey-ourquality.center {
    height: 330px;
    padding: 1rem 0;
  }
  .BG-beige-ourstory.noheight,
  .BG-grey-ourstory.noheight {
    padding: 1rem 0;
  }
  .BG-grey-ourq {
    display: flex;
    justify-content: center;
    height: 370px;
    background-color: #f2f2f2;
    padding: 1rem 0;
  }
  .BG-beige-ourq {
    display: flex;
    justify-content: center;
    height: 330px;
    background-color: #ffe5d4;
    padding: 1rem 0;
  }
  .BG-beige-ourquality.center {
    background-color: #ffe5d4;
  }
  .BG-grey-ourquality.center {
    background-color: #f2f2f2;
  }
  .story-text {
    padding: 15px;
}
  .story-text,
  .story-text span,
  .ourstory-intro-right .subtitle,
  .ourstory-intro-left .subtitle,
  .ourstory-intro-right .subtitle span,
  .ourstory-intro-left .subtitle span {
  /*   font-size: 14px; */

  }
  .ourstory-intro-right .subtitle,
  .ourstory-intro-left .subtitle {
    height: auto;
    overflow: unset;
    -webkit-line-clamp: unset;
  }
  .title-s,
  .title-s0 {
    font-size: 20px;
    text-align: center;
    padding-bottom: 1rem;
  }
  .story-text.big,
  .story-text.big span {
    font-size: 16px;
    text-align: center;
    padding: 0;
  }

  .bottom8,
  .story-text.bottom8 {
    padding-bottom: 1rem;
  }
/*   .story-context {
    padding: 2rem 0 0 0;
  } */

  .ourstory-intro-right,
  .ourstory-intro-left {
    padding: 1rem 0.75rem;
  }

  .ourstory-intro-img.object-right {
    background-color: #e5eff5;
  }
  .ourstory-intro-img.object-left {
    background-color: white;
  }
  .ourstory-img-padding {
    width: 100%;
    margin: 0rem 0 0 0;
  }

  .story-end {
    font-size: 14px;
    justify-content: center;
    padding: 0.25rem;
  }
  .story-end-box {
    justify-content: center;
    margin-top: 1rem;
  }
  .story-end-box .quote {
    width: 10px;
  }

  .story-logo {
    display: flex;
    justify-content: center;
    padding: 1rem;
  }
  .story-logo .box {
    flex-direction: column;
  }
  .story-logo .box .icon {
    width: 40px;
    margin-right: 0;
    margin-bottom: 0.25rem;
  }
  .story-logo .box .text {
    font-size: 12px;
    text-align: center;
  }
  .story-text.med,
  .story-text.med span {
    font-size: 14px;
  }
  .backtoourshop a {
    font-size: 15px;
  }
  .backtoourshop {
    padding: 1rem 0;
  }
}