.main-promotions .slider-top .cover-img {
      padding: 1rem;
      background-size: 100% 100%;
      border-radius: .1rem;
}

.main-promotions .promotion ul {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: .1rem;
}

.main-promotions #pop_promotion .body-contents table td {
      border: 1px solid #ccc;
      padding: 5px;
      color: #ff0000;
}

.main-promotions #pop_promotion .body-subtitle {
      color: var(--txt-yellow);
      margin: .1rem;
      font-size: 18px;
}

.main-promotions #pop_promotion .popup-body {
      height: calc(100vh - 250px);
      overflow-y: scroll;
      background: var(--txt);
}

html:not(.ismobile) .main-promotions #pop_promotion .popup-body::-webkit-scrollbar {
      width: 0;
      height: 0;
}

.main-promotions #pop_promotion pop-main {
      width: 90%;
      max-width: 900px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: fixed;
      z-index: 1;
}

.main-promotions #pop_promotion .body-contents {
      padding: 0 .2rem .2rem .2rem;
}

.main-promotions .promo_group_body h5 {
      font-size: 20px;
      padding: 0.1rem 0;
      color: var(--txt-yellow);
}

.main-promotions .promo_group_body a img {
      border-radius: .1rem;
}

.main-promotions .promotion li {
      width: 100%;
      float: left;
      padding: .2rem 0
}

.btn-default {
      margin: 0 .2rem;
}


/* Horizontal scrollable navigation */
#buttonNav {
      display: flex !important;
      flex-direction: row;
      align-items: center;
      gap: 5px;
      overflow-x: auto;
      overflow-y: hidden;
      white-space: nowrap;
      scrollbar-width: none;
      -ms-overflow-style: none;
      padding: 10px 0;
      margin: 0 -10px;
      justify-content: start;
}

#buttonNav::-webkit-scrollbar {
      display: none;
}

.btn.btn-promotion {
      flex-shrink: 0;
      min-width: 120px;
      text-align: center;
      overflow: hidden;
      border-radius: 10px;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      transition: transform .3s, -webkit-transform .3s;
      display: block;
      box-sizing: border-box;
      border: 1px #ffbe6b solid;
      border-radius: 0.15rem;
      margin: 0 5px;
}

@media(max-width: 640px) {
      .main-promotions .promotion ul {
            display: block;
      }

      .main.main-promotions .slider-top {
            display: none;
      }

      .main.main-promotions {
            margin-top: 1rem;
      }

      .main-promotions .promotion li {
            padding: 0;
      }

      .main-promotions .promo_group_body h5 {
            font-size: 18px;
      }

      #buttonNav {
            gap: 3px;
            padding: 8px 0;
            margin: 0 0.05rem;
      }

      .btn.btn-promotion {
            min-width: 100px;
            padding: 0px 12px;
            margin: 0 3px;
            font-size: 14px;
      }
}