#tab {
  border-bottom: 5px #e97887 solid;
  margin-bottom: 15px; }
  #tab li {
    display: inline-block; }
    #tab li a {
      display: block;
      padding: 10px 30px;
      border: 1px #c7d2e6 solid;
      border-bottom: none;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      background-color: #f0f0ee;
      color: #595757;
      margin-right: 5px;
      margin-bottom: -3px; }
      @media only screen and (max-width: 768px) {
        #tab li a {
          padding-left: 15px;
          padding-right: 15px; } }
    #tab li a.active {
      background-color: #e97887;
      color: #fff;
      border-color: #e97887;
      padding: 13px 30px; }

#postList {
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  #postList .box {
    background-image: url(/hair_thinning/img/bg_box.gif);
    padding: 20px;
    border: 2px #c4cfe1 solid;
    width: 49%;
    margin-bottom: 15px; }
    @media only screen and (max-width: 768px) {
      #postList .box {
        width: 100%; } }
    #postList .box h2 {
      position: relative; }
      #postList .box h2 span {
        display: inline-block;
        background-image: url(/gallery/img/icon_camera.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 5px 0 5px 30px; }
      #postList .box h2 a {
        display: inline-block;
        background-color: #e97887;
        color: #fff;
        font-weight: normal;
        font-size: 13px;
        padding: 5px 20px 5px 30px;
        border-radius: 15px;
        position: absolute;
        right: 0; }
        #postList .box h2 a:before {
          content: "";
          display: block;
          width: 6px;
          height: 6px;
          border-right: 1px #fff solid;
          border-bottom: 1px #fff solid;
          transform: rotate(-45deg);
          position: absolute;
          left: 18px;
          top: 38%; }
    #postList .box .photos {
      margin-top: 15px; }
      #postList .box .photos figure {
        max-width: 145px;
        border: 1px #ccc solid; }
        #postList .box .photos figure img {
          width: 100%; }
      #postList .box .photos figure:nth-child(1) {
        position: relative; }
        #postList .box .photos figure:nth-child(1):before {
          content: "";
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4px 0 4px 5px;
          border-color: transparent transparent transparent #e97887;
          position: absolute;
          top: 55%;
          right: -15px; }
    #postList .box .treatment {
      margin-top: 10px; }
      #postList .box .treatment .label {
        float: left;
        background-color: #595758;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px; }
      #postList .box .treatment .link {
        padding-left: 80px;
        line-height: 150%; }
        #postList .box .treatment .link a {
          color: #1a1abf;
          text-decoration: underline;
          line-height: 150%;
          display: inline-block;
          margin-right: 10px; }

@media screen and (min-width: 769px) {
  .modaal-container {
    max-width: 769px !important; } }
.modaal-inner-wrapper {
  padding: 0 25px !important; }

.modaal-container {
  height: 100vh !important; }
  @media screen and (max-width: 768px) {
    .modaal-container {
      min-height: 600px !important; } }

.modaal-inner-wrapper {
  padding: 25px 25px !important; }

@media screen and (max-width: 768px) {
  .modaal-close {
    background-color: rgba(0, 0, 0, 0.25) !important; } }