/* WLS-T8 - Oct 21, 2020 */
/* This code is for inclusion to the saddlebackleather.com our story page */
.wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .wrapper:not(:last-child) {
    margin-bottom: 30px; }

.two-col {
  width: 48%; }

.negative-top-margin {
  margin-top: -120px; }

.section-heading-holder {
  width: 48%;
  margin-bottom: 33px; }
  .section-heading-holder.reverse {
    margin-left: auto;
    text-align: right; }
    .section-heading-holder.reverse .section-heading {
      margin-right: 64px; }

.image-holder {
  width: 100%;
  text-align: center; }
  .image-holder img {
    width: 100%; }

.float-image-right {
  float: right;
  margin-left: 30px;
  margin-bottom: 30px;
  width: 48%; }
  .float-image-right img {
    max-width: 100%; }

.float-image-left {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  width: 48%; }
  .float-image-left img {
    max-width: 100%; }

@media screen and (max-width: 1199px) {
  .section-heading-holder.reverse .section-heading {
    margin-right: 20px; }
  .negative-top-margin {
    margin-top: -107px; } }

@media screen and (max-width: 991px) {
  .reverse-col .two-col {
    width: 100%; }
    .reverse-col .two-col:nth-child(odd) {
      order: 1; }
    .reverse-col .two-col:nth-child(even) {
      order: 2; }
  .two-col {
    width: 100%; }
    .two-col:nth-child(odd) {
      order: 2; }
    .two-col:nth-child(even) {
      order: 1; }
  .section-heading-holder {
    width: 100%; }
  .negative-top-margin {
    margin-top: initial; }
  .img-bot-margin {
    margin-bottom: 30px; }
  .img-top-margin {
    margin-top: 30px; }
  .float-image-right {
    float: initial;
    margin-left: initial;
    width: 100%; }
  .float-image-left {
    float: initial;
    margin-right: initial;
    width: 100%; } }

@media screen and (max-width: 767px) {
  .wrapper:not(:last-child) {
    margin-bottom: 20px; }
  .section-heading-holder {
    margin-bottom: 25px; }
    .section-heading-holder.reverse .section-heading {
      margin-right: 0; }
  .img-bot-margin {
    margin-bottom: 20px; }
  .img-top-margin {
    margin-top: 20px; }
  .float-image-left,
  .float-image-right {
    margin-bottom: 20px; } }

.main {
  background-color: #e6dfcc; }
  .main .section {
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    background-color: #fff; }
    @media screen and (min-width: 576px) {
      .main .section {
        max-width: 540px; } }
    @media screen and (min-width: 768px) {
      .main .section {
        max-width: 720px; } }
    @media screen and (min-width: 992px) {
      .main .section {
        max-width: 960px; } }
    @media screen and (min-width: 1200px) {
      .main .section {
        max-width: 1245px; } }
    @media screen and (max-width: 991px) {
      .main .section {
        padding-top: 25px;
        padding-bottom: 25px; } }
  .main .heading-section {
    padding-top: 115px;
    padding-bottom: 75px; }
    .main .heading-section .text-holder {
      max-width: 850px;
      margin: 0 auto; }
    @media screen and (max-width: 1199px) {
      .main .heading-section {
        padding-top: 100px;
        padding-bottom: 75px; } }
    @media screen and (max-width: 991px) {
      .main .heading-section {
        padding-top: 80px;
        padding-bottom: 30px; } }
  .main .special-thanks-section {
    position: relative;
    min-height: 1250px;
    background-image: url("https://saddlebackleather.com/product_images/uploaded_images/image17.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%; }
    .main .special-thanks-section .bg-wrapper {
      display: none; }
    @media screen and (max-width: 1199px) {
      .main .special-thanks-section {
        min-height: 1060px; }
        .main .special-thanks-section .bg-wrapper {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 1;
          display: initial;
          background-color: #ffffffd9; }
        .main .special-thanks-section .section-heading-holder,
        .main .special-thanks-section .wrapper {
          position: relative;
          z-index: 2; } }
    @media screen and (max-width: 991px) {
      .main .special-thanks-section {
        min-height: 820px; } }
    @media screen and (max-width: 767px) {
      .main .special-thanks-section {
        min-height: 680px; } }