body .db-market-layout .character-table {
   position: relative;
   width: 100%;
   height: 250px;
   margin: 0 auto;
   background-image: url('../img/equipamentos.png') !important;
   background-position: center center !important;
   background-size: 100% 250px !important;
   background-repeat: no-repeat !important;
   border: none !important;
   box-sizing: border-box;
   overflow: hidden;
}

body .db-market-layout .character-table .items-column-esquerda,
body .db-market-layout .character-table .items-column-direita {
   position: absolute;
   top: 14px;
   bottom: 14px;
   width: 34%;
   max-width: 210px;
   min-width: 118px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   z-index: 2;
}

body .db-market-layout .character-table .items-column-esquerda {
   left: 12px;
}

body .db-market-layout .character-table .items-column-direita {
   right: 12px;
}

body .db-market-layout .character-table .item {
   display: flex;
   align-items: center;
   gap: 6px;
   min-height: 36px;
   width: 100%;
   max-width: 100%;
}

body .db-market-layout .character-table .items-column-direita .item {
   justify-content: flex-end;
}

body .db-market-layout .character-table .item img {
   width: 26px;
   height: 26px;
   object-fit: contain;
   border: none !important;
   padding: 0;
   background: transparent !important;
   flex: 0 0 55px;
}

body .db-market-layout .character-table .item-name {
   font-size: 10px;
   font-weight: 700;
   max-width: calc(100% - 34px);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   display: inline-block;
   color: #000000;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
   line-height: 1.1;
}

body .db-market-layout .character-table .items-column-direita .item-name {
   text-align: right;
}

body .db-market-layout .character-table .item-name:hover {
   text-decoration: none;
}

body .db-market-layout .character-table .character {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 110px;
   height: 220px;
   display: flex;
   align-items: flex-end;
   justify-content: center;
   z-index: 1;
   pointer-events: none;
}

body .db-market-layout .character-table .character img {
   width: 100%;
   max-height: 100%;
   object-fit: contain;
   border-radius: 0;
}

@media (max-width: 1200px) {
   .character-table {
      zoom: 75%;
   }
}

.gt-button-wrapper .gt-theme-btn {
   width: 50%;
}

@media (max-width: 1024px) {
   .character-table,
   .character-table .item-name {
      zoom: 80%;
   }

   .gt-button-wrapper .gt-theme-btn {
      width: 48%;
   }
}

@media (max-width: 768px) {
   .character-table {
      zoom: 60%;
   }

   .gt-button-wrapper .gt-theme-btn {
      width: 100%;
   }
}

@media (max-width: 480px) {
   .character-table {
      zoom: 50%;
   }
}

@media (max-width: 360px) {
   .character-table {
      zoom: 40%;
   }
}
