@media all and (min-width: 481px) and (max-width: 768px) {
  :root {
    --h4: 3;
    --h4fs: 4vw;
    --h6: 5;
    --h6fs: 3vw;
  }
  /*body {
    background-color: white !important;
}
*/
  #bc_news .page-title {
    font-size: 8vw !important;
  }

  #exp_archive > div:nth-child(1) > div:nth-child(1) {
    display: flex;
    flex-direction: column !important;
  }

  #exp_archive .sticky-top {
    top: 5vh !important;
  }

  #exp_filter {
    width: 100% !important;
    margin-top: -90px !important;
    top: 5vh !important;
  }



  #exp_container {
    width: 100% !important;
    margin-top: 33px !important;
    justify-content: center;
  }

    #exp_container > .item {
      flex-basis: 46% !important;
      margin-bottom: 15px !important;
    }

      #exp_container > .item > div:nth-child(1) > a > img:nth-child(2) {
        height: 230px !important;
      }
  /*#exp_container > .item > div:nth-child(1) > a > div:nth-child(3) > h4:nth-child(1) {
                word-break: break-word !important; 
            }*/


  .card-body {
    height: calc(1.5 * var(--h6fs) * var(--h6) + 1.1666 * var(--h4fs) * var(--h4) + 10px + 48px) !important;
    max-height: calc(1.5 * var(--h6fs) * var(--h6) + 1.1666 * var(--h4fs) * var(--h4) + 10px + 48px) !important;
    min-height: calc(1.5 * var(--h6fs) * var(--h6) + 1.1666 * var(--h4fs) * var(--h4) + 10px + 48px) !important;
  }

  #exp_container > .item > div:nth-child(1) > a:nth-child(1) > div:nth-child(3) > h4:nth-child(1) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--h4); /* number of lines to show */
    line-clamp: var(--h4);
    -webkit-box-orient: vertical;
    height: calc(1.1666 * var(--h4fs) * var(--h4)) !important;
    margin-bottom: 0px !important;
    font-size: var(--h4fs) !important;
    line-height: 1.1666 !important;
    word-break: break-word !important;
    margin-bottom: 10px !important;
  }

  #exp_container > .item > div:nth-child(1) > a:nth-child(1) > div:nth-child(3) > h6:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--h6); /* number of lines to show */
    line-clamp: var(--h6);
    -webkit-box-orient: vertical;
    font-size: var(--h6fs) !important;
    line-height: 1.5 !important;
    height: calc(1.5 * var(--h6fs) * var(--h6)) !important;
    margin-bottom: 0px !important;
  }

  #exp_container > div {
    height: calc(60px + 20px + 5vw * 1.1666 * 2 + 15px + 10px + 200px + 10px + 4vw * 1.1666 + 10px);
    max-height: calc(60px + 20px + 5vw * 1.1666 * 2 + 15px + 10px + 200px + 10px + 4vw * 1.1666 + 10px);
    min-height: calc(60px + 20px + 5vw * 1.1666 * 2 + 15px + 10px + 200px + 10px + 4vw * 1.1666 + 10px);
    border-radius: 4px !important;
  }

  .image-card > a {
    justify-content: start !important;
    align-items: start !important;
    display: flex;
    flex-direction: column-reverse !important;
    height: 100% !important;
  }

    .image-card > a > img {
      margin-top: 10px !important;
      /*            margin-top: 70px;
*/ width: 50%;
      max-height: 200px !important;
      min-height: 200px !important;
      height: 200px !important;
      /*max-height: 30% !important;
            min-height: 30% !important;
            height: 30% !important;*/
      border-radius: 4px !important;
      flex: 1;
      z-index: 2;
    }

  .image-card-title {
    width: 100%;
    margin-top: 80px !important;
    /*        margin-bottom: 10px !important;
*/ border-radius: 4px !important;
    height: calc(1.1666 * 5vw * 2 + 15px) !important;
    font-size: 4vw !important;
  }

  .image-card-description {
    position: absolute;
    bottom: 0px !important;
    left: 0;
    width: 100%;
    /* opacity: 0.6; */
    display: flex;
    flex-flow: column;
    border-radius: 4px;
    height: 100% !important;
    /*        height: calc(70px + 150px + 1.2 * 1.333rem * 2) !important;
*/ /*        height: fit-content !important;
*/ /*        height: calc(100% - (1.2 * 1.333rem * 2 + 20px) + 1px);
*/
  }

  .image-card-description-inner {
    opacity: 1.0;
    /*        padding-top: 200px !important;
*/
    /*padding-top: calc(150px + 101.5px) !important;
*/ border-radius: 4px;
    padding-top: 10px !important;
    justify-content: start !important;
    height: 100% !important;
    background: rgba(76, 115, 48, 1);
  }

  #exp_container .image-card-description-inner-top {
    height: 60px !important;
    flex-direction: row !important;
    margin: 0px !important;
  }

  #main_container .image-card-description-inner-top > h6 {
    text-align: left !important;
    font-size: 1rem !important;
  }



  .image-card-description-inner-middle {
    padding-top: 15px !important;
    /*        visibility: hidden !important;
*/ height: 100% !important;
    /* height: calc(150px + 1.2 * 1.333rem * 2 + 20px) !important;
        max-height: calc(150px + 1.2 * 1.333rem * 2 + 20px) !important;*/
    margin: 0px !important;
    justify-content: end;
  }

  .image-card-description-inner-middle-inside {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
  }

  .image-card-description-inner-middle-inside > h5:nth-child(1) {
    display: none !important;
  }

  .image-card-description-inner-middle-inside > h6:nth-child(2) {
    display: none !important;
  }

  #exp_container .image-card-description-inner-middle-inside > h5:nth-child(3) {
    font-size: 3.5vw !important;
    line-height: 1.1666;
    font-weight: 700;
    padding: 0px 5px 0px 5px !important;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: end;
    margin: 0px !important;
    /*        display: none !important;
*/
  }

    #exp_container .image-card-description-inner-middle-inside > h5:nth-child(3) > u {
      text-decoration: none !important;
    }

  .image-card-description-inner-top > h6:nth-child(1) {
    flex-basis: 40%;
  }

  .image-card-description-inner-top-middle {
    flex: 1;
    flex-grow: 1;
    /* padding: 5px; */
    /* text-align: right; */
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    margin-top: 0px !important;
  }

  #exp_container .image-card-description-inner-top-middle > label {
    padding: 0px !important;
    background: transparent !important;
    width: 100% !important;
    height: 100% !important;
  }

  .label > img {
    object-fit: contain !important;
    object-position: right;
    border: none;
    outline: none;
    background-color: rgba(76, 115, 48, 0.93);
    border-radius: 0px !important;
    width: 100% !important;
    height: 100% !important;
  }
}