.category {
  margin-bottom: 100px; }
  .category .card-wrapper, .category .row-wrapper {
    padding: 10px; }
  .category .category-wrapper {
    margin-top: 50px; }
  .category .card {
    width: 100%;
    display: block;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    cursor: pointer; }
    .category .card .sqr {
      width: 10px;
      height: 10px;
      background-color: #E46400; }
    .category .card .caption {
      opacity: 0;
      color: white;
      padding: 35px 20px 20px 20px;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(47, 47, 47, 0.6);
      transition: all ease-in-out .35s;
      display: flex;
      justify-content: flex-end;
      flex-direction: column; }
      .category .card .caption h3 {
        margin: 0;
        color: white;
        margin-top: 10px; }
      .category .card .caption p {
        margin: 0;
        margin-top: 5px;
        color: white;
        display: block;
        display: -webkit-box;
        max-width: 200px;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
    .category .card:hover .caption {
      opacity: 1; }
  .category .text-wrapper {
    padding: 0px 10px;
    color: #2F2F2F; }
    .category .text-wrapper:before, .category .text-wrapper:after {
      content: "";
      height: 156px;
      width: 2px;
      background-color: #c8a994;
      display: block;
      margin-left: 25px; }
    .category .text-wrapper p {
      margin: 30px 0 10px 0; }
    .category .text-wrapper h1 {
      margin: 0 0 30px 0; }

@media (max-width: 991px) {
  .category {
    margin-bottom: 50px; }
    .category .card-wrapper, .category .row-wrapper {
      padding: 0px; }
    .category .card-wrapper {
      padding: 12.5px 25px; }
    .category .category-wrapper {
      margin-top: 25px; }
    .category .text-wrapper {
      text-align: center;
      padding: 10px; }
      .category .text-wrapper:before, .category .text-wrapper:after {
        margin: 0 auto;
        height: 50px; }
    .category .card {
      width: 140px;
      padding-bottom: 140px;
      display: inline-block; }
    .category .caption.hidden-xs {
      display: none !important; }
    .category .caption {
      width: calc(100% - 165px);
      padding: 0 0 0 25px;
      display: inline-block !important;
      vertical-align: top; }
      .category .caption h3 {
        margin: 0; }
      .category .caption p {
        margin: 0;
        margin-top: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; } }