/*primary colors*/
/*primary*/
/*success*/
/*dark*/
/*secondary colors*/
/*white*/
/*blue*/
/*danger*/
/*danger*/
/*info*/
/*info*/
/*warning*/
/*warning*/
/*brown*/
.block-order {
  display: flex;
}
.block-order .block-order-1 {
  order: 1;
}
.block-order .block-order-2 {
  order: 2;
}

.block-symptoms-causes {
  border: 2px solid #00bf7d;
  border-radius: 10px;
  padding: 55px 95px;
}

.block-space {
  padding: 0px 95px;
}

.accordion-border-none .accordion-item {
  border-bottom: 0px !important;
}

.legend-center-heading {
  float: inherit;
  width: auto;
  text-align: center;
  padding: 0rem 1rem;
}

.box-outside-bg {
  position: relative;
  display: flex;
  justify-content: center;
}
.box-outside-bg .box-outside-item {
  position: absolute;
  bottom: 0;
  top: 35px;
}
.box-outside-bg .box-outside-item p {
  margin-bottom: 0px;
}

figure.pectus-media {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
figure.pectus-media video,
figure.pectus-media iframe {
  width: 100%;
  /* height: 300px; */
  min-height: auto;
  border-radius: 5px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  figure.pectus-media video,
  figure.pectus-media iframe {
    height: 200px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  figure.pectus-media video,
  figure.pectus-media iframe {
    height: 250px;
  }
}
@media (min-width: 1400px) {
  figure.pectus-media video,
  figure.pectus-media iframe {
    height: 300px;
  }
}
figure.pectus-media video.cryo-media,
figure.pectus-media iframe.cryo-media {
  height: 334px;
  min-height: auto;
}
figure.pectus-media figcaption {
  text-align: center;
  font-size: 14px;
  font-family: "Lato-Regular";
  color: #00bf7d;
  padding: 5px 5px 4px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px 0px 5px 5px;
}

.media-section {
  display: flex;
  justify-content: center;
}
.media-section .media-item {
  flex: 0 0 auto;
  min-width: 600px;
  width: 54.3%;
}

@media (max-width: 991.98px) {
  .block-order {
    display: flex;
  }
  .block-order .block-order-1 {
    order: 2;
  }
  .block-order .block-order-2 {
    order: 1;
  }
  .block-symptoms-causes {
    border: 0px solid transparent;
    border-radius: 0px;
    padding: 0;
  }
  .block-space {
    padding: 0rem;
  }
  .legend-center-heading {
    float: left;
    width: 100%;
    padding: 0;
    text-align: left;
  }
  .box-outside-bg {
    position: relative;
    display: flex;
    justify-content: flex-start;
  }
  .box-outside-bg .box-outside-item {
    position: inherit;
    bottom: 0;
    top: 0;
  }
  figure.pectus-media {
    margin-bottom: 32px;
  }
  figure.pectus-media video,
  figure.pectus-media iframe {
    width: 450px;
    height: 250px;
    border-radius: 5px 5px 5px 5px;
  }
  figure.pectus-media video.cryo-media,
  figure.pectus-media iframe.cryo-media {
    height: 250px;
  }
  figure.pectus-media figcaption {
    font-family: "Lato-ExtraBold";
  }
  .media-section .media-item {
    min-width: 100%;
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  figure.pectus-media video,
  figure.pectus-media iframe {
    width: 280px;
    height: 166px;
    border-radius: 5px 5px 0 0;
    background-color: #000;
  }
  figure.pectus-media video.cryo-media,
  figure.pectus-media iframe.cryo-media {
    width: 280px;
    height: 166px;
  }
  figure.pectus-media figcaption {
    width: 280px;
    background-color: #000;
    font-family: "Lato-ExtraBold";
    padding: 5px;
  }
}