.hs-featured-bg {
    position: relative;
    background-color: #ccc;
    background-position: bottom left;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 7px 15px -5px rgb(0 0 0 / 25%);
    -moz-box-shadow: inset 0 7px 15px -5px rgba(0,0,0,.25);
    box-shadow: inset 0 7px 15px -5px rgb(0 0 0 / 25%);
    padding-top: 20px;
}
.hs-featured-bg .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.hs-featured-bg .inner-column {
    background: #fff;
    padding: 15px 15px 65px 15px;
    -webkit-box-shadow: 6px 6px 8px 0 rgb(0 0 0 / 25%);
    -moz-box-shadow: 6px 6px 8px 0 rgba(0,0,0,.25);
    box-shadow: 6px 6px 8px 0 rgba(0,0,0,.25);
    position: relative;
    text-align: center;
      height: 100%;
}
.hs-featured-bg .inner-column figure {
    margin: 0;
    display: block;
    padding: 0;
}
.hs-featured-bg .inner-column figure img {
    width: 100%;
}
.hs-featured-bg .inner-column h2 {
    line-height: 31px;
    margin: 22px 30px 9px;
}
.hs-featured-bg .inner-column p {
    line-height: 20px;
    margin: 0 0 10px;
}
.hs-featured-bg .inner-column .feature-button-wrapper a {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: 700;
    background: #e3002b;
    text-transform: uppercase;
    border-radius: 0;
    color: #fff;
    border-bottom: solid 1px #fff;
    -webkit-box-shadow: 0 4px 0 0 rgb(0 0 0);
    -moz-box-shadow: 0 4px 0 0 rgba(0,0,0,1);
    box-shadow: 0 4px 0 0 rgb(0 0 0);
    padding: 7px 37px 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    min-width: 235px;
}
.hs-featured-bg .inner-column .feature-button-wrapper {
    bottom: 23px;
    left: 0;
    position: absolute;
    right: 0;
}
.hs-featured-bg .inner-column .feature-button-wrapper a:hover {
    color: #fff;
    background: #ab001f;
}


@media (min-width: 1200px) {
  .hs-featured-bg .hidden-lg {
      display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hs-featured-bg .hidden-md {
      display: none;
  }
}

@media only screen and (max-width: 992px) { 
  .hs-featured-bg {
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 25px;
  }
  .hs-featured-bg .row {
      display: block;
  }
  .hs-featured-bg .content-wrapper {
      padding-left: 25px;
      padding-right: 25px;
  }
  .hs-featured-bg .inner-column .feature-button-wrapper {
      position: initial;
  }
  .hs-featured-bg .inner-column {
      margin-bottom: 30px;
  }
  .hs-featured-bg .inner-column .feature-button-wrapper a {
      padding: 6px 24px 5px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hs-featured-bg .hidden-sm {
      display: none;
  }
}

@media only screen and (max-width: 767px) { 
  .hs-featured-bg .content-wrapper {
      padding-left: 15px;
      padding-right: 15px;
  }
  .hs-featured-bg {
      padding-left: 0;
      padding-right: 0;
  }
  .hs-featured-bg .hidden-xs {
      display: none;
  }
  .hs-featured-bg .inner-column h2 {
      margin-left: 0;
      margin-right: 0;
  }
  .hs-featured-bg .inner-column {
      padding-bottom: 28px;
  }
}


