.promotion-hilight {
  padding: 7% 0 3% 0;
}
.promotion-hilight .card {
  border: none;
}
.promotion-hilight .card .card-img-top {
  border-radius: 10px;
  border-radius: 10px;
  height: 19rem;
  object-fit: cover;
  object-position: center;
}
.promotion-hilight .card .card-body .title  {
  font-size: 1.05vw;
  font-weight: 500;
}
.promotion-hilight .card .card-body .date {
  font-size: 0.84vw;
  font-weight: 400;
  padding: 2% 0;
}

.promotion-all .card {
  margin: 0;
}
.promotion-all .card a,
.promotion-hilight .card a {
  text-decoration: none;
  color: black;
}



.promotion-hilight .card:hover,
.promotion-all .card:hover {
  transform: scale(1.05);
  transition: 0.3s ease-in-out;
}


/* PROMOTION DETAIL */
.promotion-detail {
  padding: 6% 0 3% 0;
}
.promotion-detail .title {
  font-size: 1.57vw;
  font-weight: 500;
  color: #353535;
  padding: 2% 0;
}
.promotion-detail .bar {
  display: flex;
  justify-content: space-between;
  border-top: 1px #d9d9d9 solid;
  border-bottom: 1px #d9d9d9 solid;
  padding: 0.5rem 0;
}
.promotion-detail .bar .date {
  font-size: 0.84vw;
  color: #353535;
}
.promotion-detail .bar .date .icon {
  margin-right: 5%;
}
.promotion-detail .bar a,
.promotion-detail .bar i {
  text-decoration: none;
  font-size: 1.5vw;
  color: #353535;
}
.promotion-detail .share {
  display: flex;
  justify-content: space-around;
}
.promotion-detail .share a i:hover {
  color: #edc006;
  transition: 0.3s ease-in-out;
}
.promotion-detail .detail {
  padding: 3% 0;
  border-bottom: 1px #d9d9d9 solid;
}
.promotion-detail .other .promotion-all{
  padding: 0 0 5% 0;
}
.promotion-detail .other .promotion-all .card-img-top {
  height: 10rem;
}
.back {
  text-align: center;
}
.back a:hover {
  color: #edc006;
  transition: 0.3s ease-in-out;
}
.back a {
  text-decoration: none;
  text-align: center;
  font-size: 0.94vw;
  color: black;
}

@media (max-width: 991px) {
  .show-pc {
    display: none;
  }
  .show-mobile {
    display: block;
  }
  .promotion-all .card .card-body .title h2,
  .promotion-all .card .card-body .title,
  .promotion-hilight .card .card-body .title {
    font-size: 20px;
  }
  .promotion-all .card {
    margin: 0 0 9% 0;
  }
  .promotion-hilight {
    padding: 80px 0 0 0;
    margin: 0 0 8% 0;
    border-bottom: 1px #d9d9d9 solid;
  }
  .promotion-hilight .card {
    border: none;
    margin: 0;
  }
  .promotion-hilight .card .card-body .date {
    font-size: 16px;
  }
  .promotion-all .card .card-img-top,
  .promotion-hilight .card .card-img-top  {
    height: 13rem;
    object-fit: cover;
    object-position: top;
  }
  .promotion-detail .other .promotion-all .card-img-top {
    height: 13rem;
  } 
 .pagination {
    justify-content: center;
    padding: 0;
  }
 .page-link {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
 .pagination a,
 .pagination i {
    text-decoration: none;
    color: #7D7D7D;

    font-size: 18px;
  }

  /* PROMOTION DETAIL */
  .promotion-detail {
    padding: 57px 0 33px 0;
  }
  .promotion-detail .title {
    font-size: 20px;
  }
  .promotion-detail .bar .date,
  .promotion-detail .bar a,
  .promotion-detail .bar i,
  .promotion-detail .back a {
    font-size: 16px;
  }

  .back a {
    font-size: 18px;
  }
}