* {
  font-family: inherit;
  font-size: 1em;
}
.form-check-input:checked{
	background-color: #cb7fc7;
    border-color: #cb7fc7;
	
}
.btn:hover {
    color: #cb7fc7;
}
.btn-daftar:hover {
    color: #cb7fc7!important;
}


.btn-primary:hover {
    color: #f5cf81;
    background-color: #cb7fc7;
    border-color: #cb7fc7;
}

.btn-primary:focus {
    color: #f5cf81;
    background-color: #cb7fc7;
    border-color: #cb7fc7;
}

.btn-primary {
    color: #040404;
    background-color: #cb7fc7;
    border-color: #cb7fc7;
}


body {
  display: none;
}

/* semua a */
a,
a:hover {
  text-decoration: none;
  color: inherit;
}
/* semua p */
p {
  margin: 0;
}
/* semua h1-h6 */
h1 {
  font-size: 2em;
}
h1.h1-kecil {
  /* font-size: 24px; */
  font-size: 1.5em;
  font-weight: 600;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.25em;
}
h4 {
  font-size: 1.12em;
}
h5 {
  font-size: 0.83em;
}
h6 {
  font-size: 0.75em;
}
.fw-5 {
  font-weight: 500;
}
.fw-6 {
  font-weight: 600;
}

/* semua btn */
.btn:focus,
.btn:active {
  outline: none !important;
  box-shadow: none;
}
/* semua btn accordion */
.accordion-button:not(.collapsed) {
  color: black;
  background-color: #fff;
}
/* semua hr */
hr {
  opacity: 0.1;
}
hr.bold {
  height: 5px;
}

.date {
  color: #808080;
}

/* arrow input number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
/* textarea */
textarea {
  resize: none;
}
/* login, verif, daftar */
.alert-login-daftar {
  background: #fff9fa;
  border: 1px solid #ffd5d9;
  box-sizing: border-box;
  border-radius: 3px;
}
.login-form button,
.verif-form button,
.daftar-form button {
  width: 100%;
}
.login-form button,
.daftar-form button {
  border: 1px solid #cb7fc7;
  font-weight: 600;
}
.login-form a,
.daftar-form a,
.verifikasi a {
  color: #cb7fc7;
}
/* ----------- daftar ----------- */
.daftar .modal-dialog {
  overflow-y: initial !important;
}
.daftar .modal-body {
  height: 80vh;
  overflow-y: auto;
}
.daftar .modal-body::-webkit-scrollbar {
  width: 11px;
}
.daftar .modal-body::-webkit-scrollbar-track {
  background: #f7f7f7;
}
.daftar .modal-body::-webkit-scrollbar-thumb {
  background: #cb7fc7;
  border-radius: 25px;
}
/* color button masuk, verif */
.orange-btn { 
  background-color: #ffffff;
  color: #cb7fc7;
  font-weight: 600;
  border:solid 1.5px #cb7fc7;
}

/* garis login form */
.login-form hr {
  width: 100%;
}

/* verif page */
.verif-form input {
  /* width: 40px; */
  height: 44px;
  text-align: center;
  margin: 0 2px;
}
.resend {
  display: none;
}

.daftar-form hr {
  width: 30%;
}

/* -------------- Home Page -------------- */

.top-header {
  background-color: #f7f7f7;
}
/* navbar */


nav {
  background-color: #cb7fc7;
  box-shadow: 2px 1px 19px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 1px 19px 0px rgba(0,0,0,0.75);
}
.navbar-mobile {
  background: #ffffff;
  box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
  height: auto;
}
.btn-kategori {
  font-weight: 600;
  color: #fff;
}
/* dropdown menu kategori navbar */
.dd-menu-kategori {
  box-shadow: 0px 8px 36px rgba(51, 51, 51, 0.16);
  border-radius: 8px;
}
.dd-menu-kategori a {
  margin: 3px 0;
  font-weight: 600;
}
.search-produk {
  width: 50%;
}
.search-produk button {
  margin-left: -40px;
  padding: 0;
  height: 30px;
}
/* Hide times button search */
::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.pencarian-populer {
  width: 41%;
  border-radius: 8px;
  display: none;
  box-shadow: 0px 8px 36px rgba(51, 51, 51, 0.16);
}
.cart {
  font-size: 1em;
  width: 300px;
}
.cart-logged {
  width: 450px;
  /* width: max-content; */
  max-height: 300px;
  /* left: -100px; */
  font-weight: 600;
}
.notifikasi-nav .dropdown-menu {
  width: 400px;
  max-height: 300px;
  left: -200px;
}
.notifikasi-nav .dropdown-menu .content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notifikasi-nav .dropdown-menu .time {
  color: #808080;
}
.harga {
  color: #2f80ed;
}
.btn-profile {
  font-weight: 600;
  color: #fff;
}
.profile-logged {
  width: 205px;
  max-height: 300px;
  left: -40px;
}
.profile-logged img {
  width: 36px;
  border-radius: 50%;
}
.profile-logged a:hover {
  background-color: #f7f7f7;
}
/* btn masuk daftar navbar */
.btn-masuk-home {
  color: #fff;
  border: 1px solid #fff;
  font-weight: 600;
  border-radius: 8px;
}
.btn-daftar {
   border: 1px solid #fff;
   color:#fff;
  font-weight: 600;
  border-radius: 8px;
}
.btn-daftar-daftar {
  background: #ffffff;color: #cb7fc7;
    font-weight: 600;
  border-radius: 8px;
  padding: 8px 16px;
}

/* chat */
.chat-head p {
  color: #000;
  font-weight: 600;
  color: #000;
  font-size: 20px;
}
.chat-box {
  box-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
  border-radius: 8px;
  width: 50%;
  padding: 0;
  position: fixed;
  bottom: 0;
  right: 30px;
  z-index: 100;
  display: none;
  width: 600px;
  height: 400px;
}
.chat-box .inbox-chat {
  height: 282px;
  overflow: auto;
}
.chat-box .inbox-chat .foto-profile {
  width: 40px;
  height: auto;
}
.chat-box .inbox-chat .nama-toko {
  font-weight: 500;
}
.chat-box .inbox-chat .pesan {
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.chat-box .inbox-chat .date {
  font-size: 12px;
}

.chat-box .messages {
  width: 318px;
  height: 343px;
}
.chat-box .messages .chat-room {
  overflow: auto;
  max-height: 221px;
}
.chat-box .messages .time {
  color: #808080;
  font-size: 12px;
}
.chat-box .messages .time.outgoing {
  margin-left: auto;
  width: fit-content;
}
.chat-box .messages .produk {
  background: #f7f7f7;
  border-radius: 3px;
  padding: 6px;
  cursor: pointer;
}
.chat-box .messages .foto-produk {
  width: 45px;
  height: 45px;
  border-radius: 3px;
}
.chat-box .messages .nama-produk {
  font-weight: 500;
  font-size: 12px;
}
.chat-box .messages .harga {
  color: black;
  font-size: 12px;
}
.chat-box .messages .message {
  margin-bottom: 6px;
  padding: 6px 12px;
  border-radius: 25px;
  width: fit-content;
  max-width: 200px;
  display: flex;
  font-size: 12px;
}
.chat-box .messages .message .nama-produk {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.chat-box .messages .message.outgoing {
  background: #ffffff;color: #000;
  color: #000;
  margin-left: auto;
}
.chat-box .messages .message.incoming {
  background: #f7f7f7;
}

.template-chat {
  display: flex;
  overflow-x: auto;
}
.template-chat::-webkit-scrollbar {
  height: 10px;
}
.template-chat::-webkit-scrollbar-thumb {
  background: #f1f1f1;
}
.template-chat .item {
  min-width: fit-content;
  border: 1px #ffffff solid;

  border-radius: 3px;
  padding: 2px;
  margin: 0 4px;
  font-weight: 600;
  font-size: 10px;
  cursor: pointer;
}
.inputAttachmentMenu {
  display: none;
  bottom: 30%;
  background: #ffffff;
  width: fit-content;
  box-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
  border-radius: 10px;
}
#attachProduk .list-produk {
  border: 1px solid #cb7fc7;
  max-height: 401px;
  overflow: auto;
}
#attachProduk .list-produk::-webkit-scrollbar {
  width: 5px;
}
#attachProduk .list-produk::-webkit-scrollbar-track {
  background: #f7f7f7;
}
#attachProduk .list-produk::-webkit-scrollbar-thumb {
  background: #cb7fc7;
  border-radius: 25px;
}
#attachProduk .produk {
  padding: 12px;
  border-bottom: 1px solid #cb7fc7;
}
#attachProduk .foto-produk {
  width: 42px;
  height: auto;
}
#attachProduk .nama-produk {
  font-weight: 400;
}
#attachProduk .harga {
  font-weight: 600;
}
#attachProduk .jumlah-dipilih {
  font-size: 14px;
  color: #808080;
}
.open-chat {
  background: #ffffff;color: #000;
  color: #000;
  box-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
  border-radius: 8px 8px 0 0;
  border: none;
  position: fixed;
  bottom: 0px;
  right: 60px;
  z-index: 100;
  padding: 9px 20px;
  display: block;
}
.open-chat .notif {
  background-color: #cb7fc7;
  border-radius: 50%;
  padding: 0 7px;
}

/* main foot */
.main-foot .ingin-jual,
.main-foot .belanja,
.main-foot .head-info {
  font-weight: 600;
}
.main-foot .btn-daftar-sekarang {
  background: #ffffff;color: #000;
  color: #000;
  border-radius: 8px;
  font-weight: 600;
}
.main-foot .pembayaran img {
  object-fit: scale-down;
  margin-right: 20px;
}
/* ----- banner carousel ----- */
/* nav button */
.banner-carousel img {
  width: 966px;
  height: auto;
}
.banner-gabung-umkm img {
  width: 300px;
  height: 100%;
}
.banner-gabung-umkm img:hover {
  cursor: pointer;
}
.banner-carousel .owl-prev,
.banner-carousel .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block !important;
  background-color: white !important;
  border-radius: 50% !important;
}
.banner-carousel .owl-prev {
  left: -20px;
}
.banner-carousel .owl-next {
  right: -20px;
}
/* dots */
.banner-carousel .owl-dots {
  position: absolute;
  left: 0;
  bottom: 1px;
}
.banner-carousel .owl-dot:hover span {
  padding: 0;
  background: white !important;
}
.banner-carousel .active span {
  width: 30px !important;
  background: white !important;
}
.banner img {
  width: 100% !important;
  border-radius: 10px;
}

.home-kategori h3 {
  font-weight: 600;
}
.home-kategori img {
  border-radius: 10px;
}

/* produk */
.head-produk h1 {
  font-weight: 600;
}
.head-produk a {
  color: #000;
}
/* carousel produk */
.produk-carousel .owl-prev,
.produk-carousel .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block !important;
  background-color: white !important;
  border-radius: 50% !important;
}
.produk-carousel .owl-prev {
  left: -15px;
}
.produk-carousel .owl-next {
  right: -15px;
}
.owl-next.disabled,
.owl-prev.disabled {
  display: none !important;
}

.produk-carousel .item {
  border: 1px solid #cb7fc7;
  border-radius: 10px;
  font-size: 0.9em;
}
.produk-carousel .item .thumbnail {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
}
.info-produk {
  padding: 10px;
}
.produk-carousel .item .title {
  font-weight: 500;
  font-size: 1em;
}
.produk-carousel .item .price {
  font-weight: 600;
  font-size: 1.25em;
  padding: 6px 0;
}
.produk-carousel .item .total,
.produk-carousel .item .loc {
  font-size: 0.8em;
  color: #808080;
}
.produk-carousel .title {
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 2.75rem;
}

.fa-star.checked,
.fa-star-o.yellow {
  color: #000;
}
.bbi-mobile {
  display: none;
}

/* ------------ pencarian result ------------ */
.filter {
  width: 22%;
}
.filter .filter-reset {
  color: #000;
  font-weight: normal;
}
.filter .sub-filter button {
  font-weight: 600;
  font-size: 1em;
}
.filter .accordion-header button:focus {
  outline: none !important;
  box-shadow: none;
}
.filter .accordion-button,
.filter .accordion-collapse {
  border: none;
  color: #000;
  padding: 0;
}
.filter .accordion-body {
  border: none;
  padding: 0;
}
.filter .orange-btn {
  background-color: #ffffff;
color: #000;
  font-weight: 600;
}
.filter .lihat-semua-btn {
  color: #2f80ed;
  font-weight: 600;
}
.filter .penilaian a {
  color: #000;
  font-weight: normal;
}
.lihat-semua-popup {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #fff;
  width: 761px;
  max-height: 517px;
  box-shadow: 0px 8px 36px rgba(51, 51, 51, 0.16);
  border-radius: 5px;
  z-index: 10;
}
.lihat-semua-popup .list {
  max-height: 442px;
  overflow: auto;
}
.lihat-semua-popup .huruf-depan {
  font-weight: 600;
  padding: 0;
}
.lihat-semua-popup .list::-webkit-scrollbar {
  width: 5px;
}
.lihat-semua-popup .list::-webkit-scrollbar-thumb {
  background: #cb7fc7;
  border-radius: 10px;
}
.searched {
  font-weight: bold;
  color: #000;
}
.table-produk .card {
  border-radius: 10px;
  font-size: 0.8em;
}
.table-produk .price {
  font-weight: 600;
  font-size: 1.2em;
  margin-bottom: 20px;
}
.table-produk .card-text {
  color: #808080;
}
.table-produk .item {
  position: relative;
}
.table-produk .item a {
  display: block;
}
.table-produk .item #btn-wish {
  position: absolute;
  right: 8%;
  bottom: 8%;
}

.pagination a,
.pagination a:hover {
  color: inherit;
}
.pagination > .active > a {
  color: #000;
  background-color: #ffffff !important;
  border: solid 1px #ffffff !important;
}

/* ------------- Detail produk ------------- */
.detail-produk .kategori-detail a {
  color: #808080;
}
.detail-produk .kategori-detail a.active {
  color: unset;
}
.thumbnail-foto-produk img {
  max-width: 79px;
  height: auto;
  padding: 0 3px;
}
.foto-produk-slider .owl-prev,
.foto-produk-slider .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block !important;
  background-color: white !important;
  border-radius: 50% !important;
}
.foto-produk-slider .owl-prev {
  left: -20px;
}
.foto-produk-slider .owl-next {
  right: -20px;
}
.bagikan-link {
  position: absolute;
  background-color: #cb7fc7;
  display: none;
  box-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
  border-radius: 5px;
}
.detail-produk #linkProduk {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.info-detail-produk .title {
  font-weight: 600;
}
.info-detail-produk .price {
  font-weight: bolder;
  font-size: 1.8em;
}
.info-detail-produk .price-team {
  font-weight: bolder;
  color: #f2994a;
  font-size: 1.8em;
}
.info-detail-produk .target-beli {
  color: #2f80ed;
  background: #f7f7f7;
  border-radius: 3px;
}
.info-detail-produk .diskon {
  background: #eb5757;
  border-radius: 3px;
  color: #000;
  padding: 1px 5px;
}

/* dropdown lokasi pengiriman */
[class^="select2"] {
  /* border: none !important;
  padding: 0 !important; */
}
span#select2-select_page-container.select2-selection__rendered {
  font-weight: 600;
  color: #000;
}
input.select2-search__field {
  /* width: 200px !important; */
  height: 32px;
  border: 1px solid #cb7fc7 !important;
  border-radius: 8px;
}
ul#select2-select_page-results.select2-results__options {
  box-shadow: 0px 8px 36px rgba(51, 51, 51, 0.16);
  padding: 0 8px !important;
  width: 200px !important;
  background-color: #cb7fc7;
}

/* variasi */
.detail-produk .variasi .form-check {
  padding: 0;
  margin: 0;
}
.detail-produk .variasi .btn {
  border: 1px solid #cb7fc7 !important;
  border-radius: 8px;
  background-color: #fff;
  color: #000;
}
.btn-variasi:checked + .btn-primary,
.btn-variasi:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #cb7fc7;
}
.detail-produk .variasi-alert {
  display: none;
  color: #eb5757;
  background: #ffecee;
  border-radius: 3px;
}
.qty {
  width: 65px !important;
  font-weight: bold;
  background-color: #fff;
}
/*  */
.fa-heart.checked {
  color: #eb5757;
}
.detail-produk .modal-wishlist,
.detail-produk .modal-unwishlist {
  display: none;
  position: fixed;
  bottom: 10%;
  width: 400px;
  background: rgba(55, 55, 55, 0.9);
  border-radius: 8px;
  color: #000;
}

.detail-produk .modal-wishlist .btn {
  color: #000;
}
.detail-produk .button-order .btn {
  border: 1px solid #000 !important;
  border-radius: 8px;
  background-color: #fff;
  color: #000 ;
  font-weight: 600;
  padding: 10px 16px;
}

.detail-produk .tambah-keranjang {
  background: #ffffff !important;
  color: #000;
}
.detail-produk .ringkasan-toko {
  background: #f7f7f7;
  border-radius: 10px;
}
.detail-produk .ringkasan-toko .foto-profil {
  border-radius: 50%;
  width: 50px;
}
.detail-produk .ringkasan-toko .nama-toko {
  color: #000;
}
.detail-produk .ringkasan-toko .btn {
  border: 1px solid #000 !important;
  border-radius: 8px;
  background-color: #fff;
  color: #000;
  font-weight: 600;
  padding: 12px 17px;
}

/* daftar-pembelian-kelompok */
.daftar-pembelian-kelompok {
  top: 80px;
  z-index: -1;
}
.daftar-pembelian-kelompok .sisa-barang {
  color: #eb5757;
}
.daftar-pembelian-kelompok .foto-profil {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

#modalKeranjangTeam .orange-btn {
  background-color: #ffffff;
  color: #000;
}

.ulasan-produk .filter-ulasan .nav li a {
  border: 1px solid #ffffff;
  margin: 0 10px;
  border-radius: 3px;
  padding: 2px 10px;
}
.ulasan-produk .filter-ulasan .nav li a.active {
  background-color: #ffe4b6;
  color: #000;
}
.ulasan-produk .num-rate {
  font-size: 350%;
}
.ulasan-produk .foto-ulasan {
  width: 100px;
  height: auto;
}

/* ------------------ keranjang ------------------ */
.keranjang .item {
  border-radius: 8px;
}
.head-keranjang {
  background: #f7f7f7;
  border-radius: 8px;
}
.keranjang .foto-produk {
  width: 100px;
  height: auto;
  border-radius: 8px;
}
.keranjang .nama-produk:hover {
  cursor: pointer;
}
.keranjang .nama-toko:hover {
  cursor: pointer;
}
.lokasi {
  color: #808080;
  font-size: 0.9em;
}
.keranjang .price {
  color: #2f80ed;
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 15px;
}
.keranjang .total {
  top: 80px;
  border-radius: 8px;
  box-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
}
.keranjang .total button {
  width: 100%;
  background: #ffffff;color: #000;
  color: #000;
  border-radius: 8px;
  font-weight: bold;
  border-color:#000;
}
/* keranjang team */
.keranjang-team .accordion-item {
  background-color: #f7f7f7;
  border: 1px solid #cb7fc7;
  margin-bottom: 24px;
  border-radius: 8px;
}
.keranjang-team .accordion-button:not(.collapsed) {
  background-color: #f7f7f7;
  border-bottom: 1px solid #cb7fc7;
}
.keranjang-team .accordion-header button {
  padding: 0;
}
.keranjang-team .accordion-header button:focus {
  outline: none !important;
  box-shadow: none;
}
.keranjang-team .accordion-button,
.keranjang-team .accordion-collapse {
  border: none;
  color: #000;
  padding: 0;
}
.keranjang-team .accordion-body {
  border: none;
  padding: 0;
}
.keranjang-team .price {
  margin-top: 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #2f80ed;
}
.keranjang-team small {
  font-size: 0.75em;
}
.keranjang-team .nama-kelompok,
.checkout-team .nama-kelompok {
  color: #bb752b;
  background: #fff2d1;
  border-radius: 3px;
  padding: 3px 6px;
  font-weight: 600;
}
.keranjang-team .sisa-waktu,
.keranjang-team .sisa-target,
.checkout-team .sisa-waktu,
.checkout-team .sisa-target {
  color: #731b25;
  background: #f9d7da;
  padding: 3px 6px;
  font-weight: 600;
  border-radius: 3px;
}

/* ------------ checkout ------------ */
.alamat-pengiriman,
.checkout .produk,
.checkout .pakai-voucher,
.checkout .detail-pesanan,
.checkout-team .point-diperoleh {
  background: #ffffff;
  border: 1px solid #cb7fc7;
  border-radius: 8px;
}
.alamat-pengiriman .label-alamat {
  background: #f7f7f7;
}
.alamat-pengiriman .btn-tambah-catatan {
  color: #000;
}

.btn-ubah {
  color: #000;
  font-weight: 600;
    border-color:#000;
}
.checkout .produk .alert-jasa-kirim {
  background: #f7f7f7;
  border: 1px solid #cb7fc7;
  box-sizing: border-box;
  border-radius: 8px;
}
.checkout .price {
  color: #000;
  font-weight: bold;
  font-size: 1.5em;
}
.checkout .foto-produk {
  width: auto;
  border-radius: 8px;
  height: 124px;
}
.checkout .total {
  color: #808080;
}
.checkout .sticky-top {
  top: 100px;
  z-index: -1;
}
.checkout .btn-pakai {
  background: #fff3e3;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  border-radius: 8px;
  color: #000;
  padding: 12px;
}
.checkout .btn-pakai.terpakai {
  background: #ffffff;
  color: #373737;
  border: 1px solid #ffffff;
  /* padding: 20px; */
}
.checkout .btn-pakai.terpakai .teks-voucher {
  text-align: left;
}
.checkout .btn-pakai.terpakai .teks-voucher small {
  color: #b3b3b3;
}
.checkout .orange-btn {
  background: #ffffff;color: #000;
  border-radius: 8px;
  border-color: #cb7fc7;
}
.checkout .input-kode-promo {
  background-color: #f7f7f7;
}
.checkout .alert-pilih-voucher {
  background: #219653;
  border-radius: 3px;
  color: #000;
  padding: 12px;
}
.checkout .voucher {
  cursor: pointer;
}
.checkout .voucher .tempat-voucher {
  font-size: 0.87em;
}
.checkout .voucher .berakhir-voucher {
  font-size: 0.75em;
}
.checkout .voucher .detail-voucher {
  font-size: 0.75em;
  color: #000;
}
.checkout .voucher .check-img {
  display: none;
}

/* selected */
.checkout .voucher.selected {
  background: #d4eddc;
  border: 1px solid #12562b;
  border-radius: 5px;
}
.checkout .voucher.selected .nama-voucher,
.checkout .voucher.selected .detail-voucher {
  color: #12562b;
}
.checkout .voucher.selected .check-img {
  display: block;
}
/* disabled */
.checkout .voucher.disabled {
  background: #f7f7f7;
  color: #b3b3b3;
}
.checkout .voucher .detail-voucher.disabled {
  color: unset;
}
.checkout .voucher.disabled .keterangan {
  font-size: 0.75em;
  background: #fff2d1;
  color: black;
}
.checkout .voucher.disabled .check-img {
  display: none;
}

/* checkout team */
.checkout-team .target-pembelian {
  color: #731b25;
  background: #f9d7da;
  border-radius: 3px;
  font-weight: bold;
  padding: 3px 6px;
}
.checkout-team .potensi-point,
.keranjang-team .potensi-point {
  font-weight: bold;
  color: #219653;
  background: #f7f7f7;
  border-radius: 3px;
  padding: 3px 6px;
}
.checkout-team .point-diperoleh .green {
  color: #219653;
  font-size: 1.2em;
}
.form-switch input[type="radio"]:checked {
  background-color: #cb7fc7;
}
.metode-pengiriman-modal a {
  background: #f7f7f7;
}
.metode-pengiriman-modal .nama-metode {
  font-weight: 500;
}
.metode-pengiriman-modal .estimasi {
  color: #808080;
}
.metode-pengiriman-modal .biaya {
  color: #2f80ed;
  font-weight: 600;
}

/* ----------- profile mitra ----------- */
.profile-mitra {
  padding: 0 75px;
}
.banner-profile-mitra {
  height: 300px;
  overflow: hidden;
}
.profile-mitra .head {
  border: 1px solid #cb7fc7;
  border-top: none;
  border-radius: 0px 0px 8px 8px;
}
.profile-mitra .foto-profil {
  margin-top: -40px;
  width: 150px;
  height: 150px;
}
.profile-mitra .status-mitra {
  font-weight: 600;
  font-size: 12px;
  border-radius: 20px;
  align-items: center;
  padding: 6px;
}
.profile-mitra .status-mitra.penjual {
  background: #ffecec;
}
.profile-mitra .status-mitra.pemerintah {
  background: #e3e4ff;
}
.gray {
  color: #808080;
}
.profile-mitra .head button {
  border: 1px solid #cb7fc7;
  border-radius: 8px;
  font-weight: bold;
}
.profile-mitra .head .btn-ikuti {
  background-color: #cb7fc7 !important;
}
.profile-mitra .head li {
  font-weight: 600;
  color: #b3b3b3;
}
.profile-mitra .head li a {
}
.profile-mitra .head li .active {
  border-bottom: 5px solid #ffffff;
  color: #000;
}
.profile-mitra .deskripsi {
  border: 1px solid #cb7fc7;
  border-radius: 8px;
}
.profile-mitra .produk .etalase {
  width: 20%;
}
.profile-mitra .produk .etalase .active {
  color: #000;
  font-weight: 600;
}
/* .profile-mitra .filter-ulasan li .active {
  border-bottom: 5px solid #ffffff;
  font-weight: 600;
} */
.profile-mitra .galeri-foto-pembeli a img {
  filter: brightness(60%);
}
.profile-mitra .galeri-foto-pembeli a p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  color: #000;
}

.profile-mitra .filter-ulasan .foto-ulasan {
  width: 80px;
  border-radius: 8px;
  margin-right: 10px;
}
.profile-mitra .filter-ulasan .balasan-penjual {
  background: #f7f7f7;
  border-radius: 8px;
}
.profile-mitra .filter-ulasan .balasan-penjual .penjual {
  background: #ffffff;color: #000;
  padding: 2px 10px;
}
.profile-mitra .sort-star {
  border: none;
}
.select-sort-by {
  font-weight: 600;
}
.filter-ulasan .select-sort-by {
  border: none;
}
.filter-ulasan .fa-thumbs-up {
  color: #808080;
}

.fa-thumbs-up {
  color: #219653 !important;
}
.select-sort-by option:checked {
  font-weight: 600;
}
/* ----------- syarat dan ketentuan ----------- */
.syarat-dan-ketentuan .nav {
  width: 25%;
}
.syarat-dan-ketentuan h1 {
  color: #000;
  font-weight: 500;
}
.syarat-dan-ketentuan .nav .active {
  background: #fff2d1;
  color: #bb752b;
  font-weight: 500;
}
.syarat-dan-ketentuan .num {
  width: 30px;
}

/* ----------- faq ----------- */
.faq-nav .vl {
  border-left: 1px solid white;
  height: 47px;
}
.faq-nav .navbar-nav h1 {
  color: #000;
}
.faq .nav.faq-menu {
  width: 25%;
}
.faq h1 {
  color: #000;
}
.faq .faq-menu a.active {
  background: #fff2d1;
  color: #bb752b;
  font-weight: 600;
}
.faq .num {
  width: 30px;
}
.faq .nav li .active {
  font-weight: bold;
  border-bottom: 5px solid #ffffff;
}
.faq .nomor {
  width: 35px !important;
}
.artikel-membantu {
  background: #f7f7f7;
  border-radius: 5px;
}
.artikel-membantu button {
  background: #ffffff;
  box-shadow: 0px 1px 18px rgba(51, 51, 51, 0.2);
  border-radius: 5px;
}
/* cari bantuan */
.cari-bantuan .target-pencarian {
  font-weight: 600;
  font-size: 25px;
}
.cari-bantuan .artikel-tidak-ditemukan {
  background: #ffffff;
  box-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
  border-radius: 8px;
}
.cari-bantuan .artikel-tidak-ditemukan .head {
  font-weight: 600;
  font-size: 20px;
}
.cari-bantuan .judul-faq {
  font-weight: 600;
  font-size: 18px;
}
.cari-bantuan .isi-faq {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.faq .table {
  background-color: #f7f7f7;
}
.faq .table td {
  text-align: center;
  vertical-align: middle;
}
/* ----------- profile ----------- */
.profile button,
.profile select {
  font-size: 0.9em;
}
.profile label {
  font-weight: 600;
  color: #808080;
}
.profile .form-check-label {
  color: #000;
  font-weight: normal;
}
.profile .input-perusahaan,
.profile .input-instansi {
  display: none;
}
.left-navigation {
  width: 22%;
}
.left-navigation .active {
  color: #000;
  font-weight: 600;
}
.camera-icon {
  left: 0;
  text-align: center;
  width: 100%;
  background: rgba(55, 55, 55, 0.5);
  bottom: 0;
  padding: 8px 0;
  position: absolute;
}
.profile-picture-container > div {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  height: 150px;
  width: 150px;
  border-radius: 50%;
}

.keterangan-pp {
  color: #808080;
}
.status-verif {
  border-radius: 20px;
  padding: 3px 10px;
  margin: 0 10px;
  font-weight: normal;
  font-size: 0.75em;
}
.status-verif.belum {
  color: #731b25;
  background: #f9d7da;
}
.status-verif.sudah {
  color: #12562b;
  background-color: #d4eddc;
}
.profile .btn-verif {
  background-color: #cb7fc7;
  color: #000;
}
.btn-simpan {
  background: #ffffff;color: #000;
  border-radius: 8px;
  font-weight: 600;
  padding: 12px 20px;
}
.modal-simpan {
  display: none;
  text-align: center;
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: fit-content;
  padding: 5px 10px;
  background: rgba(55, 55, 55, 0.9);
  border-radius: 8px;
  color: #000;
}
.modal-simpan.modal-salin {
  padding: 5px 10px;
  left: 80%;
  color: #12562b;
  background: #d4eddc;
  border-radius: 3px;
}
/* ----------- alamat ----------- */

.jenis-alamat {
  background: #f7f7f7;
  border-radius: 5px;
  font-size: 0.9em;
}
.alamat .btn-tambah-alamat {
  border: 1px solid #cb7fc7;
  background-color: #cb7fc7;
  border-radius: 8px;
  font-weight: 600;
  padding: 12px 20px;
}
.alamat .white-btn {
  border: 1px solid #cb7fc7;
  border-radius: 3px;
  padding: 3px 6px;
}
.alamat .utama {
  color: #000;
  background: #ffffff;color: #000;
  border-radius: 5px;
  padding: 2px 12px;
  font-weight: bold;
  font-size: 0.9em;
}
/* ----------- rekening ----------- */
.rekening .orange-btn {
  border: 1px solid #cb7fc7;
  background-color: #cb7fc7;
  border-radius: 8px;
  font-weight: 600;
  padding: 12px 20px;
}
.rekening .white-btn {
  border: 1px solid #cb7fc7;
  border-radius: 3px;
}
.rekening .utama {
  color: #000;
  background: #ffffff;color: #000;
  border-radius: 5px;
  padding: 2px 12px;
  font-weight: bold;
  font-size: 0.9em;
}
.rekening .norek {
  margin-top: 10px;
  font-size: 1.6em;
  font-weight: bold;
}
/* ----------- ubah password ----------- */
.ubah-password label {
  color: #808080;
  font-weight: 600;
}
.ubah-password .reset-password {
  color: #000;
}

/* ------------ pesanan saya ------------ */
.pesanan-saya .nav a {
  width: 144px;
  padding: 12px 16px;
  text-align: center;
}
.pesanan-saya .nav .active {
  background-color: #cb7fc7;
  border-radius: 8px;
  color: #fff!important;
  font-weight: 600;
}
.pesanan-saya .tab-content .btn {
  padding: 8px 22px;
}
.pesanan-saya .white-btn {
  border: 1px solid #cb7fc7;
  border-radius: 8px;
  font-weight: 600;
}
.pesanan-saya .orange-btn {
  border: 1px solid #cb7fc7;
  background-color: #cb7fc7;
  border-radius: 8px;
  font-weight: 600;
}

.pesanan-saya.team .foto-produk {
  width: 50px;
  height: auto;
  border-radius: 8px;
}
.pesanan-saya.team .nama-toko {
  color: #000;
}

.upload-foto-video {
  border: 1px dashed #cb7fc7;
  color: #b3b3b3;
  padding: 60px;
  cursor: pointer;
}

/* ------------ detail pesanan ------------ */
.detail-pesanan .status-bar .status {
  z-index: 10;
}
.detail-pesanan .status-bar .icon {
  background: #b3b3b3;
  border-radius: 50%;
}
.detail-pesanan .status-bar .icon.checked {
  background-color: #cb7fc7;
}
.detail-pesanan .status-bar .line {
  margin: 0 -50px;
  background: #cb7fc7;
  width: 191px;
  height: 5px;
}
.detail-pesanan .status-bar .line.checked {
  background: #ffffff;color: #000;
}
.detail-pesanan .status-pembayaran {
  color: #eb5757;
  background: #f9d7da;
  border-radius: 3px;
  padding: 3px 10px;
  font-weight: 600;
}
.detail-pesanan .status-pembayaran.diterima {
  color: #219653;
  background: #d4eddc;
}
.status-pesanan {
  background: #f7f7f7;
  border-radius: 3px;
  padding: 3px 10px;
  font-weight: 600;
}
.detail-pesanan .jam {
  background: #fff2d1;
  border-radius: 6px;
}
.detail-pesanan .btn {
  border-radius: 8px;
  font-weight: 600;
  padding: 12px 20px;
  color:#fff!important;
}
.detail-pesanan .orange-btn {
  border: 1px solid #cb7fc7;
  background-color: #cb7fc7;
}
.detail-pesanan .white-btn {
  border: 1px solid #cb7fc7;
}
.detail-pesanan .foto-produk {
  width: 116px;
  height: auto;
  border-radius: 8px;
}
.detail-pesanan .riwayat-pengiriman {
  color: #b3b3b3;
}
.detail-pesanan .riwayat-pengiriman .active {
  color: black;
}

.detail-pesanan.team .nama-produk {
  color: #000;
}
.detail-pesanan.team .jenis-harga,
.detail-pesanan.team .status-target {
  font-size: 0.75em;
  border-radius: 3px;
  padding: 3px 6px;
}
.detail-pesanan.team .jenis-harga.kelompok {
  background: #fff2d1;
  color: #bb752b;
}
.detail-pesanan.team .jenis-harga.mandiri {
  color: #2f80ed;
  background: #e3f8ff;
}
.detail-pesanan.team .status-target {
  color: #219653;
  background: #f7f7f7;
}
.detail-pesanan.team .dibatalkan .status-pesanan,
.detail-pesanan.team .dibatalkan .jenis-harga,
.detail-pesanan.team .dibatalkan .status-target {
  color: #b3b3b3;
  background: #f7f7f7;
}
.detail-pesanan.team .total-pembayaran {
  color: #000;
}
/* ------------ notifikasi ------------ */
.notifikasi .date {
  color: #808080;
  font-size: 0.87em;
}
.notifikasi .notif-img {
  width: 100px;
  height: 100px;
}
.notifikasi h3 {
  font-weight: 600;
}
.notifikasi.promo .info {
  font-size: 14px;
}
.notifikasi.promo .tag {
  font-weight: 600;
  font-size: 12px;
  background: #fff2d1;
  border-radius: 20px;
  padding: 6px 12px;
}
.notifikasi.promo .tag.mitra-pemerintah {
  background: #e3e4ff;
}
.notifikasi.promo .tag.mitra-penjual {
  background: #ffecec;
}
/* ------------ wishlist ------------ */
.wishlist .btn-buat-wishlist {
  background: #ffffff;color: #000;
  border-radius: 8px;
  font-weight: 600;
  padding: 12px 20px;
}
.wishlist .lebihdari2 img {
  width: 100%;
}
.wishlist .lebihdari1 .col {
  width: 34%;
}
/* ------------ wishlist items ------------ */
.wishlist-items .card {
  border-radius: 10px;
  font-size: 0.9em;
}
.wishlist-items .price {
  font-weight: 600;
  font-size: 1.3em;
  margin-bottom: 20px;
}
.wishlist-items .card-text {
  color: #808080;
}
.wishlist-items .table-produk .item #btn-wish {
  position: absolute;
  right: 10%;
  bottom: 17%;
}
/* ------------ mitra favorit ------------ */
.btn-follow {
  background: #ffffff;color: #000;
}

/* ------------ ulasan ------------ */
.ulasan .nav li .active {
  border-bottom: 5px solid #ffffff;
}
.ulasan .nav li .jumlah-menunggu-ulasan {
  color: #000;
  background: #ffffff;color: #000;
  border-radius: 50%;
  padding: 3px 10px;
}
.ulasan .orange-btn {
  padding: 12px 20px;
}
.ulasan .white-btn {
  padding: 12px 20px;
  font-weight: 600;
}
.stars label {
  font-size: 36px;
  margin: 0 5px;
  color: #ccc;
}
#star-1:hover ~ .content .stars .star-1,
#star-1:checked ~ .content .stars .star-1,
#star-2:hover ~ .content .stars .star-1,
#star-2:hover ~ .content .stars .star-2,
#star-2:checked ~ .content .stars .star-1,
#star-2:checked ~ .content .stars .star-2,
#star-3:hover ~ .content .stars .star-1,
#star-3:hover ~ .content .stars .star-2,
#star-3:hover ~ .content .stars .star-3,
#star-3:checked ~ .content .stars .star-1,
#star-3:checked ~ .content .stars .star-2,
#star-3:checked ~ .content .stars .star-3,
#star-4:hover ~ .content .stars .star-1,
#star-4:hover ~ .content .stars .star-2,
#star-4:hover ~ .content .stars .star-3,
#star-4:hover ~ .content .stars .star-4,
#star-4:checked ~ .content .stars .star-1,
#star-4:checked ~ .content .stars .star-2,
#star-4:checked ~ .content .stars .star-3,
#star-4:checked ~ .content .stars .star-4,
#star-5:hover ~ .content .stars .star-1,
#star-5:hover ~ .content .stars .star-2,
#star-5:hover ~ .content .stars .star-3,
#star-5:hover ~ .content .stars .star-4,
#star-5:hover ~ .content .stars .star-5,
#star-5:checked ~ .content .stars .star-1,
#star-5:checked ~ .content .stars .star-2,
#star-5:checked ~ .content .stars .star-3,
#star-5:checked ~ .content .stars .star-4,
#star-5:checked ~ .content .stars .star-5 {
  color: #fd4;
}

.keterangan-rating span {
  font-size: 17px;
  font-weight: 400;
}
.keterangan-rating .text::before {
  content: "";
}
#star-1:checked ~ .keterangan-rating .text::before {
  content: "Sangat Buruk";
}
#star-2:checked ~ .keterangan-rating .text::before {
  content: "Buruk";
}
#star-3:checked ~ .keterangan-rating .text::before {
  content: "Cukup";
}
#star-4:checked ~ .keterangan-rating .text::before {
  content: "Baik";
}
#star-5:checked ~ .keterangan-rating .text::before {
  content: "Sangat Baik";
}
.ulasan .rating input[type="radio"] {
  display: none;
}

.ulasan .preview-foto {
  float: left;
  width: 100px;
  height: 100px;
  margin: 10px;
}
.ulasan .foto-produk {
  width: 100px;
  height: 100px;
  border-radius: 8px;
}
.ulasan .ditampilkan {
  font-size: 12px;
}
.ulasan .date {
  font-size: 12px;
  color: #808080;
}

/* ------------ kurir bangsa ------------ */
.lacak-kiriman {
  background: linear-gradient(108.17deg, #fbd962 12.36%, #f39200 87.64%);
  height: 644px;
}
.lacak-kiriman .navigation .btn {
  font-weight: 600;
  border-radius: 5px;
  color: #f7f7f7;
  background: rgba(255, 255, 255, 0.1);
  padding: 12px;
}
.lacak-kiriman .navigation .active {
  background: #ffffff;
  color: #373737;
}
.peta {
  height: 300px;
  width: auto;
  background-image: url(../images/indonesia-map.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.lacak-kiriman .header {
  color: #000;
  text-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
  font-size: 1.5em;
}
/* modal alamat */
.modal-body #map {
  width: 100%;
  height: 300px;
}
.alamat-map {
  position: absolute;
  z-index: 1;
  width: 90%;
  left: 20px;
  bottom: 0px;
  background: #ffffff;
  border: 1px solid #cb7fc7;
  box-sizing: border-box;
  box-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
  border-radius: 8px;
  overflow: hidden;
  display: none;
}
.modal-body .geocoder {
  position: absolute;
  z-index: 1;
  width: 90%;
  left: 20px;
  top: 10px;
}
.modal-body .mapboxgl-ctrl-geocoder {
  min-width: 100%;
}
.modal-body .mapboxgl-ctrl-bottom-right,
.modal-body .mapboxgl-ctrl-logo {
  display: none !important;
}
/* map drop point */

.drop-point #map {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.drop-point .cari-drop-point {
  display: none;
  position: absolute;
  z-index: 1;
  background: #ffffff;
  box-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
  border-radius: 8px;
  width: 401px;
  height: auto;
  left: 28px;
  top: 28px;
}

.drop-point .drop-point-list {
  display: none;
  background: #ffffff;
  box-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
  border-radius: 8px;
  position: absolute;
  z-index: 1;
  width: 401px;
  height: auto;
  left: 28px;
  top: 210px;
}
.drop-point .drop-point-list .nama-tempat {
  font-weight: 600;
}
.drop-point .drop-point-list .alamat {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.drop-point .drop-point-list .jarak,
.drop-point .detail-info .deskripsi .jarak {
  color: #12562b;
  font-size: 12px;
  font-weight: 600;
  background: #d4eddc;
  border: 1px solid #12562b;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 0 8px;
}

.drop-point .detail-info {
  display: none;
  background: #ffffff;
  box-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
  border-radius: 8px;
  position: absolute;
  z-index: 1;
  width: 401px;
  height: auto;
  left: 28px;
  top: 210px;
}
.drop-point .detail-info .deskripsi {
  background: #f7f7f7;
  border-radius: 5px;
  padding: 6px;
}
.drop-point .detail-info .deskripsi .nama-tempat {
  font-weight: 600;
}
.drop-point .detail-info .deskripsi .alamat,
.drop-point .detail-info .deskripsi .telp,
.drop-point .detail-info .hours {
  font-size: 14px;
  color: #808080;
}
.drop-point .detail-info .back {
  font-weight: 600;
  width: fit-content;
  cursor: pointer;
}
.drop-point .mapboxgl-marker {
  display: none !important;
}
.drop-point .mapboxgl-ctrl-geocoder {
  min-width: 100%;
}

/* ------------ lacak kiriman barang ------------ */
.search-lacak-barang {
  background: #f7f7f7;
}
.search-lacak-barang button {
  background: #ffffff;color: #000;
  font-weight: bold;
}
.lacak-kiriman-barang .status-bar .status {
  z-index: 10;
}
.lacak-kiriman-barang .status-bar .icon {
  background: #b3b3b3;
  border-radius: 50%;
}
.lacak-kiriman-barang .status-bar .icon.checked {
  background-color: #cb7fc7;
}
.lacak-kiriman-barang .status-bar .line {
  margin: 0 -50px;
  background: #cb7fc7;
  width: 260px;
  height: 5px;
}
.lacak-kiriman-barang .status-bar .line.checked {
  background: #ffffff;color: #000;
}
.lacak-kiriman-barang .informasi-pengiriman .title,
.lacak-kiriman-barang .informasi-pengiriman .history {
  color: #808080;
}
.lacak-kiriman-barang .informasi-pengiriman .history .active,
.lacak-kiriman-barang .informasi-pengiriman .history .header {
  color: black;
}

/* ------------ tarif kiriman ------------ */
.tarif-form {
  background: #ffffff;
  box-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
  border-radius: 8px;
}
.tarif-form .checkbox-input label {
  font-weight: normal;
}
.tarif-form label {
  font-weight: 600;
}
.tarif-form input {
  background: #f7f7f7;
}
.tarif-kiriman-barang thead {
  background-color: #cb7fc7;
}

/* ----------- komplain ----------- */
.komplain .status-komplain {
  background: #f7f7f7;
  border-radius: 3px;
  font-weight: 600;
}
.komplain .status-komplain.berlangsung {
  background: #fff2d1;
  color: #f2994a;
}
.komplain .status-komplain.selesai {
  background: #d4eddc;
  color: #219653;
}

/* ----------- detail komplain ----------- */
.detail-komplain .status-komplain {
  background: #f7f7f7;
  border-radius: 3px;
}
.detail-komplain .diskusi-komplain .time {
  color: #b3b3b3;
}
.detail-komplain .orange-btn {
  background: #ffffff;color: #000;
}
.detail-komplain .solusi .nomor {
  background-color: #f7f7f7;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 4px;
  text-align: center;
}
.detail-komplain .solusi .nomor.checked {
  background: #ffffff;color: #000;
}
.detail-komplain .solusi .jenis-alamat {
  background: #f7f7f7;
  border-radius: 5px;
}
.detail-komplain .diskusi-komplain .foto-lampiran {
  width: 80px;
  height: 80px;
  border-radius: 3px;
  margin-right: 12px;
}
.detail-komplain .diskusi-komplain .chat-room {
  background: #f7f7f7;
  border-radius: 10px;
}
/* ------------- Pembayaran ------------- */
.pembayaran .waktu-batas-pembayaran {
  background: #2f80ed;
  border-radius: 3px;
  color: #000;
}
.pembayaran .virtual-account,
.pembayaran .total-pembayaran {
  background: #f7f7f7;
  border-radius: 5px;
  font-size: 1.5em;
}
.pembayaran .btn-salin,
.pembayaran .btn-lihat-detail {
  color: #2f80ed;
  font-size: 0.9em;
  font-weight: 600;
}
.pembayaran .nomor {
  background: #ffffff;color: #000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 4px;
  text-align: center;
}
.detail-card {
  background: #f7f7f7;
  border-radius: 5px;
}

.pembayaran .detail-pembayaran {
  top: 100px;
  background: #ffffff;
  box-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
}
.pembayaran .total {
  color: #808080;
}
.pembayaran .price {
  color: #000;
  font-weight: bold;
  font-size: 1.4em;
}
.pembayaran .modal img {
  border-radius: 8px;
}
.pembayaran .modal .jumlahxharga {
  color: #b3b3b3;
  font-size: 1.1em;
  font-weight: 700;
}
.pembayaran .modal .ongkir {
  color: #b3b3b3;
  font-weight: bold;
}
.pembayaran .modal .line-tebal {
  background: #f7f7f7;
  height: 20px;
  margin: 20px 0;
}
.pembayaran .modal .line {
  background: #f7f7f7;
  height: 10px;
  margin: 20px 0;
}
.pembayaran .accordion-button {
  color: black;
  background-color: unset;
  border: none;
}
.pembayaran .accordion-collapse {
  border: none;
}

.waktu-bayar-habis {
  background-color: #f7f7f7;
}
.btn-ulangi {
  background: #ffffff;color: #000;
  border-radius: 8px;
  font-weight: 600;
  padding: 12px 20px;
}
.pembayaran .orange-btn {
  background-color: #cb7fc7;
  font-weight: 600;
  padding: 12px;
  width: 136px;
}
.pembayaran .white-btn {
  font-weight: 600;
  width: 136px;
  padding: 12px;
}

/* ----------------- status pembelian kelompok ----------------- */
.status-pembelian-kelompok .orange-btn,
.status-pembelian-kelompok .white-btn {
  padding: 12px;
}
.daftar-anggota .foto-profil {
  width: 48px;
  height: auto;
  border-radius: 50%;
  margin-right: 12px;
}
.daftar-produk .foto-produk {
  width: 62px;
  height: auto;
  border-radius: 8px;
}
.daftar-produk .foto-profil {
  width: 24px;
  height: auto;
  border-radius: 50%;
  margin-right: 6px;
}
.daftar-produk table thead,
.join-kelompok table thead {
  background-color: #f7f7f7;
  border-radius: 3px;
}
.daftar-produk table td,
.join-kelompok table td {
  vertical-align: middle;
  border-bottom: 1px #cb7fc7 solid;
}
.informasi-pembatalan .accordion-header button {
  font-size: 1em;
  font-weight: 600;
}
.informasi-pembatalan .nomor {
  width: 40px;
  font-weight: 600;
}

/* --------------- join kelompok --------------- */
.join-kelompok .foto-produk {
  width: 100px;
  height: auto;
  border-radius: 8px;
}
.join-kelompok table th {
  font-weight: 600;
}
.join-kelompok .daftar-produk .price,
#tambahKeranjang .price {
  font-size: 1.3em;
  font-weight: bold;
  color: #2f80ed;
}
.join-kelompok .daftar-produk .price.team,
#tambahKeranjang .price.team {
  color: #f2994a;
}
#tambahKeranjang small {
  font-size: 0.75em;
}
#tambahKeranjang .info {
  background: #f7f7f7;
  border-radius: 3px;
  font-size: 0.9em;
}

/* ----------- status pembayaran kelompok  -----------*/
.status-pembayaran-kelompok .nama-produk {
  font-weight: 500;
}
.status-pembayaran-kelompok .sisa-waktu {
  color: #eb5757;
}

/* ------------ footer ------------ */
.footer {
  background-color: #f7f7f7;
}
.footer h3 {
  font-weight: 700;
  margin-bottom: 24px;
}
.footer p {
  margin: 10px 0;
}

/* Modals */
.list-ktgr-modal {
  padding: 0px !important;
}

.modal-list-ktgr {
  top: 50px !important;
}

/* ------------------- responsive -------------------*/
/*  */
@media only screen and (max-width: 768px) {
  body {
    font-size: calc(8px + 1vw);
  }

  /* Home */
  .btn {
    /* font-size: 3vw; */
  }
  .form-control {
    /* font-size: 3vw; */
  }
  .pencarian-populer {
    margin-left: -12px;
    z-index: 100;
    width: 100%;
    border-radius: 8px;
    display: none;
    box-shadow: 0px 8px 36px rgba(51, 51, 51, 0.16);
  }
  .keranjang .foto-produk {
    width: 50px;
    border-radius: 8px;
    height: auto;
  }
  .search-produk,
  .btn-masuk-home,
  .btn-daftar {
    width: 100%;
  }
  .chat-box {
    box-shadow: 0px 1px 8px rgba(51, 51, 51, 0.2);
    border-radius: 8px;
    padding: 0;
    position: fixed;
    bottom: 0;
    right: 100px;
    z-index: 100;
    display: none;
  }
  .bbi {
    border-radius: 0;
    padding: 10px;
    display: none;
  }
  .bbi-mobile {
    display: block;
  }
  .profile-mitra .produk .etalase {
    width: 100%;
  }
  .syarat-dan-ketentuan .nav {
    width: 100%;
  }
  .faq .nav {
    width: 100%;
  }
  .banner-gabung-umkm img {
    height: 200px;
  }
  .banner-carousel img {
    height: auto;
  }
  .produk-carousel .item .price {
    font-weight: 600;
    font-size: 1.2em;
    padding: 6px 0;
  }
}
/* Tambahan Backend */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  left: 100%;
  top: 0;
  margin-top: -6px;
  margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus > .dropdown-menu {
  display: block;
}

/* Tambahan bootstrap */
.table-produk .card-title {
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
}

/*------Tampilan Mobile--------*/

/* Header */

@media screen and (max-width: 301px) {
  .produk-carousel .item {
    min-height: 10.9rem !important;
  }
}

@media screen and (max-width: 319.5px) {
  .offcanvas-header .btn-close {
    float: right;
  }

  .offcanvas-body {
    padding: 0px !important;
  }
.offcanvas-body .nav {
background-color: #fff;
}
  .offcanvas-body .nav-link {
    color: black;
    background-color: #fff;
    border-bottom: 1px solid #cb7fc7;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .offcanvas-start.show {
    width: 75%;
  }

  .canvas-sidebar-dashboard {
    max-width: 75% !important;
  }

  .offcanvas-header {
    background-color: #cb7fc7;
  }

  .dis-none {
    display: none;
  }

  .no-img-list {
    padding-left: 49px;
  }

  .banner-carousel img {
    width: 100% !important;
  }
  .banner-carousel img {
    width: 100% !important;
  }

  .info-produk {
    padding: 5px;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .row.text-center {
    padding-left: 7px;
    padding-right: 7px;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 {
    padding-left: 2px;
    padding-right: 2px;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 .img-fluid.mb-3 {
    height: 60px;
    object-fit: cover;
    object-position: -20% 0;
    width: 120px;
    border-radius: 5px;
    margin-bottom: 7px !important;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 h3 {
    font-size: 9px;
    line-height: 15px;
  }

  .container-fluid.px-md-5.banner.my-3.my-md-5 {
    margin-bottom: 5px !important;
  }

  .container-fluid.px-md-5.banner.my-3.my-md-5 .row.py-2.text-center .col-md-9.col-sm-12.col-12 {
    padding-right: 14px;
    padding-left: 13px;
  }

  .produk-carousel .item .price {
    font-weight: 600;
    font-size: 0.8em !important;
    padding: 6px 0;
  }

  .container-fluid.bbi-mobile.my-4.my-md-5 {
    margin-top: 1rem !important;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 {
    margin-bottom: 0px !important;
    margin-top: 25px;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 h1 {
    font-size: 14px !important;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 a {
    margin-bottom: 0.5rem;
  }

  .produk-carousel .item .title {
    min-height: 23px;
    font-size: 0.8em !important;
  }

  .produk-carousel .item {
    min-height: 11.5rem;
  }

  /* Footer */
  .main-foot.container-fluid {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .btn.btn-daftar-sekarang.mt-3 {
    font-size: 14px;
  }

  .main-foot.container-fluid .text-center.text-md-start.my-5.px-3 {
    text-align: left !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .main-foot.container-fluid .text-center.text-md-start.my-5.px-3 .img-fluid {
    width: 40px;
  }

  .adv-kartara {
    margin-bottom: 0px !important;
  }

  .mob-produk {
    padding-left: 0.9rem !important;
    padding-right: 1rem !important;
  }

  .mob-mitra {
    padding: 0px;
  }

  .mob-untung {
    padding: 0px;
  }

  .mob-untung p {
    display: none;
  }

  h2.belanja.mb-3 {
    padding: 0px;
    text-align: left;
    font-size: 14px;
  }

  p.head-info.my-3 {
    margin-top: 45px !important;
    text-align: left;
    display: block !important;
    font-size: 9px;
    padding-right: 10px;
  }

  .col.mob-mitra {
    margin-top: 10px;
  }

  .mob-untung img {
    width: 40px;
    float: left;
  }

  .my-4.text-md-start.text-center.px-3 {
    text-align: left !important;
  }

  .my-4.text-md-start.text-center.px-3 h3.fw-bold {
    padding: 0px;
  }

  .mob-img-pembayaran {
    padding-right: 0px;
    padding-left: 0px;
    justify-content: left !important;
  }

  .main-foot .pembayaran img {
    object-fit: scale-down;
    margin-right: 10px;
    margin-bottom: 9px;
    height: 15px;
  }

  .mob-img-pengiriman {
    padding: 0px;
  }

  .main-foot .mob-img-pengiriman img {
    object-fit: scale-down;
    width: 25%;
  }

  .info-footer {
    text-align: left;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    padding-left: 20px;
  }

  .foot-ikutikami {
    padding-bottom: 85px !important;
    text-align: left !important;
    padding: 0px;
    margin: 0px !important;
    padding-left: 7px;
  }

  .info-footer p a img {
    width: 100px !important;
  }

  .mob-text-ikutikami a img {
    width: 20px !important;
  }

  .btn.btn-kategori.d-md-none {
    padding: 0px;
  }

  .d-flex.search-produk.py-md-0 input#search-produk.form-control {
    font-size: 10px;
    height: 35px;
    margin-top: 4px;
  }

  .d-flex.search-produk.py-md-0 .btn.bg-light.border.h-auto.px-3.p-2 {
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 35px !important;
    margin-top: 4px;
    font-size: 13px;
  }

  .footer h3 {
    font-weight: 700;
    margin-bottom: 15px;
  }

  .mob-text-copyright {
    padding: 0px;
    font-size: 10px;
  }

  .mob-text-ikutikami {
    padding: 0px;
    margin-top: 10px;
  }

  .mob-text-ikutikami span {
    margin-left: 0px !important;
  }

  .mob-bot-nav {
    color: black;
  }

  .mob-produk .rating-rateyo.p-0.jq-ry-container {
    margin-top: 3px;
    width: auto !important;
  }

  .info-produk .d-flex span {
    margin-top: 3px;
    margin-left: 1px;
  }

  .mob-produk .rating-rateyo.p-0.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    width: 10px !important;
    height: 10px !important;
  }

  .mob-produk .rating-rateyo.p-0.jq-ry-container .jq-ry-rated-group.jq-ry-group svg {
    width: 10px !important;
    height: 10px !important;
  }

  /* Profil */
  .mob-menu-prof.profile-picture-container {
    padding-left: 4px;
  }

  .mob-menu-prof.profile-picture-container > div {
    width: 50px !important;
    height: 50px !important;
    margin-top: 5px;
  }

  .profile-picture-container > div {
    width: 80px !important;
    height: 80px !important;
  }

  .img-circle.profile-picture-container {
    padding-top: 5px;
  }

  .mob-profil-info {
    padding-top: 12px;
  }

  h1.h1-kecil {
    font-size: 1rem !important;
  }

  .container-fluid.px-md-5.profile input.form-control {
    font-size: 0.8rem;
  }

  .container-fluid.px-md-5.profile .input-group-text {
    font-size: 0.8rem;
  }

  .container-fluid.px-md-5.profile p {
    font-size: 9px;
  }

  .container-fluid.px-md-5.profile .row.my-4 {
    margin-top: 0rem !important;
  }

  .mob-profil-info-box {
  }
  .mob-info-nama {
    font-size: 13px;
    color: black !important;
  }

  .mob-blm-verif {
    color: red !important;
    font-size: 10px;
  }

  .mob-blm-verif img {
    width: 12px;
    height: 12px;
    margin-top: -3px;
  }

  .info-points img {
    width: 25px;
  }

  .info-points span.mob-info-number {
    float: right;
    font-weight: 600;
    text-align: center;
  }

  .info-points span {
    padding-left: 5px;
    font-size: 12px;
    padding-top: 3px;
  }

  .mob-info-items {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }

  .mob-info-items img {
    width: 25px;
  }

  .mob-info-items span.mob-info-number {
    float: right;
    font-weight: 600;
  }

  .mob-info-items span {
    padding-left: 5px;
    font-size: 12px;
  }

  .mob-info-logout {
    background-color: #b3b3b3 !important;
    border-radius: 0px !important;
  }

  .mob-info-no-img {
    padding-left: 37px;
  }

  .prof-tgl-lahir .col-4 {
    width: 100% !important;
    margin-bottom: 5px;
    font-size: 0.8rem;
  }

  .prof-tgl-lahir.input-group {
    width: auto !important;
  }

  .container-fluid.px-md-5.profile {
    font-size: 0.8rem !important;
  }

  .container-fluid.px-md-5.profile .prof-title {
    padding: 0px !important;
  }

  .menu-prof-pic {
    float: left;
    padding-left: 12px;
    padding-bottom: 6px;
  }

  .container-fluid.px-md-5.profile .row.my-2.tipe-akun .row.input-group {
    padding-left: 12px;
  }

  .container-fluid.px-md-5.profile .col-4.form-check.form-check-inline {
    margin: 0px !important;
    width: 100%;
  }

  .container-fluid.px-md-5.profile .btn.btn-simpan {
    width: 100%;
  }

  /* Ubah Password */
  .btn-save-pass {
    width: 100%;
    font-size: 1em;
  }

  .save-pass {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Wishlist */
  .box-wishlist-items {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  input#search-produk-wishlist.form-control {
    height: 30px;
    font-size: 12px;
  }

  #form-search-wishlist span.input-group-text {
    height: 30px;
  }

  #form-search-wishlist span.input-group-text button {
    font-size: 12px;
  }

  /* Wishlist */
  .mob-urut-wishlist {
    float: right;
    padding-top: 15px;
  }

  .urutkan-wish p {
    float: right;
  }

  .container-fluid.px-5.box-wishlist-items {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }

  .wish-item-box {
    padding: 0px !important;
  }

  .table-produk.my-2.row.row-cols-2.row-cols-lg-4.g-2.g-lg-4 {
    margin-left: 0px !important;
  }

  .table-produk.my-2.row.row-cols-2.row-cols-lg-4.g-2.g-lg-4 .col.item {
    padding-bottom: 5px;
  }

  .mb-search-wish {
    padding-left: 8px !important;
    padding-right: 7px !important;
  }

  .mb-urut-wish {
    padding-left: 8px !important;
    padding-right: 7px !important;
  }

  .wishlist-items .table-produk .item #btn-wish {
    position: absolute;
    right: 10%;
    bottom: 41px;
  }

  .btn-beli-wish {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .col.item p.loc {
    padding-right: 11px;
  }

  .btn-beli-wish button {
    font-size: 3.5vw;
  }

  select.form-select.select-sort-by {
    font-size: 3.5vw;
  }

  .wishlist-items.container.bg-body.p-3.rounded-3 {
    padding: 0.5rem !important;
  }

  .table-produk.my-2.row.row-cols-2.row-cols-lg-4.g-2.g-lg-4 .col.item .card-body {
    padding: 0.5rem 0.5rem !important;
  }

  /* Keranjang */
  .total-harga-keranjang {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  /* Furnitur */
  .side-accor {
    font-size: calc(8px + 1vw);
    height: 45px;
  }

  .nav-link.no-img-list {
    height: 45px;
    padding: 16px 20px 16px 49px !important;
  }

  #flush-collapse514 .accordion-body {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  #flush-collapse515 .accordion-body {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .accordion-body .nav-link.no-img-list {
    height: auto !important;
    padding: 12px 0px 12px 44px !important;
  }
}

/* Mobile Small */
@media (min-width: 319.5px) and (max-width: 374.5px) {
  .offcanvas-header .btn-close {
    float: right;
  }

  .offcanvas-body {
    padding: 0px !important;
  }
.offcanvas-body .nav {
background-color: #fff;
}
  .offcanvas-body .nav-link {
    color: black;
    background-color: #fff;
    border-bottom: 1px solid #cb7fc7;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .offcanvas-start.show {
    width: 75%;
  }

  .canvas-sidebar-dashboard {
    max-width: 75% !important;
  }

  .offcanvas-header {
    background-color: #cb7fc7;
  }

  .dis-none {
    display: none;
  }

  .no-img-list {
    padding-left: 49px;
  }

  .banner-carousel img {
    width: 100% !important;
  }
  .banner-carousel img {
    width: 100% !important;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .row.text-center {
    padding-left: 4px;
    padding-right: 4px;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 {
    padding-left: 6px;
    padding-right: 6px;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 .img-fluid.mb-3 {
    height: 70px;
    object-fit: cover;
    object-position: -20% 0;
    width: 120px;
    border-radius: 5px;
    margin-bottom: 7px !important;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 h3 {
    font-size: 9.5px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 15px;
  }

  .container-fluid.px-md-5.banner.my-3.my-md-5 {
    margin-bottom: 5px !important;
  }

  .container-fluid.px-md-5.banner.my-3.my-md-5 .row.py-2.text-center .col-md-9.col-sm-12.col-12 {
    padding-right: 14px;
    padding-left: 13px;
  }

  .produk-carousel .item .price {
    font-weight: 600;
    font-size: 0.9em !important;
    padding: 6px 0;
  }

  .container-fluid.bbi-mobile.my-4.my-md-5 {
    margin-top: 1rem !important;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 {
    margin-bottom: 0px !important;
    margin-top: 25px;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 h1 {
    font-size: 14px !important;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 a {
    margin-bottom: 0.5rem;
  }

  .produk-carousel .item .title {
    min-height: 30px;
  }

  .produk-carousel .item {
    min-height: 13.8rem;
  }

  .mob-produk .rating-rateyo.p-0.jq-ry-container {
    margin-top: 3px;
    width: auto !important;
  }

  .info-produk .d-flex span {
    margin-top: 4px;
  }

  .mob-produk .rating-rateyo.p-0.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    width: 12px !important;
    height: 12px !important;
  }

  .mob-produk .rating-rateyo.p-0.jq-ry-container .jq-ry-rated-group.jq-ry-group svg {
    width: 12px !important;
    height: 12px !important;
  }

  /* Footer */
  .main-foot.container-fluid {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .main-foot.container-fluid .text-center.text-md-start.my-5.px-3 {
    text-align: left !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .main-foot.container-fluid .text-center.text-md-start.my-5.px-3 .img-fluid {
    width: 50px;
  }

  .mob-produk {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .mob-mitra {
    padding: 0px;
  }

  .mob-untung {
    padding: 0px;
    padding-right: 10px;
  }

  .mob-untung p {
    display: none;
  }

  h2.belanja.mb-3 {
    padding: 0px;
    text-align: left;
    font-size: 14px;
  }

  p.head-info.my-3 {
    margin-top: 60px !important;
    text-align: left;
    display: block !important;
    font-size: 10px;
  }

  .col.mob-mitra {
    margin-top: 10px;
  }

  .btn.btn-daftar-sekarang.mt-3 {
    font-size: 14px;
  }

  .mob-untung img {
    width: 50px;
    float: left;
  }

  h2.belanja.mb-3 {
    padding: 0px;
    text-align: left;
  }

  .my-4.text-md-start.text-center.px-3 {
    text-align: left !important;
  }

  .my-4.text-md-start.text-center.px-3 h3.fw-bold {
    padding: 0px;
  }

  .mob-img-pembayaran {
    padding-right: 0px;
    padding-left: 0px;
    justify-content: left !important;
  }

  .main-foot .pembayaran img {
    object-fit: scale-down;
    margin-right: 15px;
    margin-bottom: 10px;
    height: 15px;
  }
  .mob-img-pengiriman {
    padding: 0px;
  }

  .main-foot .mob-img-pengiriman img {
    object-fit: scale-down;
    width: 25%;
  }

  .main-foot .mob-img-pengiriman img {
    object-fit: scale-down;
    width: 25%;
  }

  .info-footer {
    text-align: left;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    padding-left: 20px;
  }

  .foot-ikutikami {
    padding-bottom: 85px !important;
    text-align: left !important;
    padding: 0px;
    margin: 0px !important;
    padding-left: 7px;
  }

  .info-footer p a img {
    width: 100px !important;
  }

  .mob-text-ikutikami a img {
    width: 20px !important;
  }

  .btn.btn-kategori.d-md-none {
    padding: 0px;
  }

  .d-flex.search-produk.py-md-0 input#search-produk.form-control {
    font-size: 10px;
    height: 35px;
    margin-top: 4px;
  }

  .d-flex.search-produk.py-md-0 .btn.bg-light.border.h-auto.px-3.p-2 {
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 35px !important;
    margin-top: 4px;
    font-size: 13px;
  }

  .footer h3 {
    font-weight: 700;
    margin-bottom: 15px;
  }

  .mob-text-copyright {
    padding: 0px;
    font-size: 10px;
  }

  .mob-text-ikutikami {
    padding: 0px;
    margin-top: 10px;
  }

  .mob-text-ikutikami span {
    margin-left: 0px !important;
  }

  .mob-bot-nav {
    color: black;
  }

  .btn.btn-kategori.d-md-none {
    padding: 5px;
  }

  .d-flex.search-produk.py-md-0 input#search-produk.form-control {
    font-size: 12px;
    height: 35px;
  }

  .d-flex.search-produk.py-md-0 .btn.bg-light.border.h-auto.px-3.p-2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 35px !important;
    font-size: 13px;
  }

  /* Profil */
  .prof-tgl-lahir.input-group {
    width: auto !important;
  }

  .mob-menu-prof.profile-picture-container {
    padding-left: 4px;
  }

  .mob-menu-prof.profile-picture-container > div {
    width: 60px !important;
    height: 60px !important;
    margin-top: 5px;
  }

  .profile-picture-container > div {
    width: 80px !important;
    height: 80px !important;
  }

  .img-circle.profile-picture-container {
    padding-top: 5px;
  }

  .mob-profil-info {
    padding-top: 12px;
  }

  h1.h1-kecil {
    font-size: 1rem !important;
  }

  .container-fluid.px-md-5.profile input.form-control {
    font-size: 0.8rem;
  }

  .container-fluid.px-md-5.profile .input-group-text {
    font-size: 0.8rem;
  }

  .container-fluid.px-md-5.profile p {
    font-size: 9px;
  }

  .container-fluid.px-md-5.profile .row.my-4 {
    margin-top: 0rem !important;
  }

  .mob-profil-info-box {
  }
  .mob-info-nama {
    font-size: 13px;
    color: black !important;
  }

  .mob-blm-verif {
    color: red !important;
    font-size: 10px;
  }

  .mob-blm-verif img {
    width: 12px;
    height: 12px;
    margin-top: -3px;
  }

  .info-points img {
    width: 25px;
  }

  .info-points span.mob-info-number {
    float: right;
    font-weight: 600;
    text-align: center;
  }

  .info-points span {
    padding-left: 5px;
    font-size: 12px;
    padding-top: 3px;
  }

  .mob-info-items {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }

  .mob-info-items img {
    width: 25px;
  }

  .mob-info-items span.mob-info-number {
    float: right;
    font-weight: 600;
  }

  .mob-info-items span {
    padding-left: 5px;
    font-size: 12px;
  }

  .mob-info-logout {
    background-color: #b3b3b3 !important;
    border-radius: 0px !important;
  }

  .mob-info-no-img {
    padding-left: 37px;
  }

  .prof-tgl-lahir .col-4 {
    width: 100% !important;
    margin-bottom: 5px;
    font-size: 0.8rem;
  }

  .prof-tgl-lahir.input-group {
    width: auto !important;
  }

  .container-fluid.px-md-5.profile {
    font-size: 0.8rem !important;
  }

  .container-fluid.px-md-5.profile .prof-title {
    padding: 0px !important;
  }

  .menu-prof-pic {
    float: left;
    padding-left: 12px;
    padding-bottom: 6px;
  }

  .container-fluid.px-md-5.profile .row.my-2.tipe-akun .row.input-group {
    padding-left: 12px;
  }

  .container-fluid.px-md-5.profile .col-4.form-check.form-check-inline {
    margin: 0px !important;
    width: 100%;
  }

  .container-fluid.px-md-5.profile .btn.btn-simpan {
    width: 100%;
  }

  /* Ubah Password */
  .btn-save-pass {
    width: 100%;
    font-size: 1.2em;
  }

  .save-pass {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Wishlist */
  .mob-urut-wishlist {
    float: right;
    padding-top: 15px;
  }

  .urutkan-wish p {
    float: right;
  }

  .container-fluid.px-5.box-wishlist-items {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }

  .wish-item-box {
    padding: 0px !important;
  }

  .table-produk.my-2.row.row-cols-2.row-cols-lg-4.g-2.g-lg-4 {
    margin-left: 0px !important;
  }

  .table-produk.my-2.row.row-cols-2.row-cols-lg-4.g-2.g-lg-4 .col.item {
    padding-bottom: 5px;
  }

  .mb-search-wish {
    padding-left: 8px !important;
    padding-right: 7px !important;
  }

  .mb-urut-wish {
    padding-left: 8px !important;
    padding-right: 7px !important;
  }

  .wishlist-items .table-produk .item #btn-wish {
    position: absolute;
    right: 10%;
    bottom: 39px;
  }

  .btn-beli-wish {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .col.item p.loc {
    padding-right: 25px;
  }

  .btn-beli-wish button {
    font-size: 3.5vw;
  }

  input#search-produk-wishlist.form-control {
    font-size: 3.5vw;
  }

  select.form-select.select-sort-by {
    font-size: 3vw;
  }

  .wishlist-items.container.bg-body.p-3.rounded-3 {
    padding: 0.5rem !important;
  }

  .table-produk.my-2.row.row-cols-2.row-cols-lg-4.g-2.g-lg-4 .col.item .card-body {
    padding: 0.5rem 0.5rem !important;
  }

  .side-accor {
    font-size: calc(8px + 1vw);
    height: 50px;
  }

  .nav-link.no-img-list {
    height: 45px;
    padding: 16px 20px 16px 49px !important;
  }

  /* Furnitur */
}

/* Mobile Medium */
@media (min-width: 374.5px) and (max-width: 424.5px) {
  .offcanvas-header .btn-close {
    float: right;
  }

  .offcanvas-body {
    padding: 0px !important;
  }
.offcanvas-body .nav {
background-color: #fff;
}
  .offcanvas-body .nav-link {
    color: black;
    background-color: #fff;
    border-bottom: 1px solid #cb7fc7;
    padding-top: 13px;
    padding-bottom: 13px;
    height: 49px;
  }

  .offcanvas-start.show {
    width: 75%;
  }

  .canvas-sidebar-dashboard {
    max-width: 75% !important;
  }

  .offcanvas-header {
    background-color: #fff;
  }

  .dis-none {
    display: none;
  }

  .no-img-list {
    padding-left: 49px;
  }

  .banner-carousel img {
    width: 100% !important;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .row.text-center {
    padding-left: 4px;
    padding-right: 4px;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 {
    padding-left: 6px;
    padding-right: 6px;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 .img-fluid.mb-3 {
    height: 85px;
    object-fit: cover;
    object-position: -20% 0;
    width: 130px;
    border-radius: 5px;
    margin-bottom: 7px !important;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 h3 {
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 15px;
  }

  .container-fluid.px-md-5.banner.my-3.my-md-5 {
    margin-bottom: 5px !important;
  }

  .container-fluid.px-md-5.banner.my-3.my-md-5 .row.py-2.text-center .col-md-9.col-sm-12.col-12 {
    padding-right: 14px;
    padding-left: 13px;
  }

  .container-fluid.bbi-mobile.my-4.my-md-5 {
    margin-top: 1rem !important;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 {
    margin-bottom: 0px !important;
    margin-top: 25px;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 h1 {
    font-size: 16px !important;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 a {
    margin-bottom: 0.5rem;
  }

  .produk-carousel .item .title {
    min-height: 32px;
  }

  .produk-carousel .item {
    min-height: 15.15rem;
  }

  .mob-produk .rating-rateyo.p-0.jq-ry-container {
    margin-top: 3px;
    width: auto !important;
  }

  .info-produk .d-flex span {
    margin-top: 3.75px;
    margin-left: 2px;
  }

  .mob-produk .rating-rateyo.p-0.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    width: 12px !important;
    height: 12px !important;
  }

  .mob-produk .rating-rateyo.p-0.jq-ry-container .jq-ry-rated-group.jq-ry-group svg {
    width: 12px !important;
    height: 12px !important;
  }

  /* Footer */
  .main-foot.container-fluid {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .main-foot.container-fluid .text-center.text-md-start.my-5.px-3 {
    text-align: left !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .main-foot.container-fluid .text-center.text-md-start.my-5.px-3 .img-fluid {
    width: 55px;
  }

  .mob-produk {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .mob-mitra {
    padding: 0px;
  }

  .mob-untung {
    padding: 0px;
    padding-right: 10px;
  }

  .col.mob-mitra {
    margin-top: 10px;
  }

  .mob-untung img {
    width: 55px;
    float: left;
  }

  .mob-untung p {
    padding-right: 10px;
  }

  h2.belanja.mb-3 {
    padding: 0px;
    text-align: left;
  }

  p.head-info.my-3 {
    margin-top: 65px !important;
    text-align: left;
  }

  .my-4.text-md-start.text-center.px-3 {
    text-align: left !important;
  }

  .my-4.text-md-start.text-center.px-3 h3.fw-bold {
    padding: 0px;
  }

  .mob-img-pembayaran {
    padding-right: 0px;
    padding-left: 0px;
    justify-content: left !important;
  }

  .main-foot .pembayaran img {
    object-fit: scale-down;
    margin-right: 20px;
    margin-bottom: 9px;
    height: 20px;
  }

  .mob-img-pengiriman {
    padding: 0px;
  }

  .main-foot .mob-img-pengiriman img {
    object-fit: scale-down;
    width: 15%;
  }

  .info-footer,
  .info-footer-download {
    text-align: left;
  }

  .info-footer-download img {
    width: 115px;
  }

  .mob-bot-nav {
    color: black;
  }

  .foot-ikutikami {
    padding-bottom: 85px !important;
    text-align: left !important;
    padding: 0px;
    margin: 0px !important;
  }

  .mob-text-copyright {
    padding: 0px;
  }

  .mob-text-ikutikami {
    padding: 0px;
    margin-top: 10px;
  }

  .mob-text-ikutikami span {
    margin-left: 0px !important;
  }

  .main-foot .mob-img-pengiriman img {
    object-fit: scale-down;
    width: 25%;
  }

  .info-footer {
    text-align: left;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    padding-left: 20px;
  }

  .foot-ikutikami {
    padding-bottom: 85px !important;
    text-align: left !important;
    padding: 0px;
    margin: 0px !important;
    padding-left: 7px;
  }

  .info-footer p a img {
    width: 100px !important;
  }

  .mob-text-ikutikami a img {
    width: 20px !important;
  }

  .btn.btn-kategori.d-md-none {
    padding: 0px;
  }

  .d-flex.search-produk.py-md-0 input#search-produk.form-control {
    font-size: 12px;
    height: 35px;
    margin-top: 4px;
  }

  .d-flex.search-produk.py-md-0 .btn.bg-light.border.h-auto.px-3.p-2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 35px !important;
    margin-top: 4px;
    font-size: 14px;
  }

  .footer h3 {
    font-weight: 700;
    margin-bottom: 15px;
  }

  .mob-text-ikutikami {
    padding: 0px;
    margin-top: 10px;
  }

  .mob-text-ikutikami span {
    margin-left: 0px !important;
  }

  .mob-untung p {
    padding-right: 10px;
    display: none;
  }

  p.head-info.my-3 {
    margin-top: 65px !important;
    text-align: left;
    display: block !important;
  }

  /* Profil */
  .profile-picture-container > div {
    width: 68px !important;
    height: 68px !important;
  }

  .mob-menu-prof.profile-picture-container {
    padding-left: 4px;
  }

  .mob-menu-prof.profile-picture-container > div {
    width: 65px !important;
    height: 65px !important;
  }

  .img-circle.profile-picture-container {
    padding-top: 5px;
  }

  .mob-profil-info {
    padding-top: 15px;
  }

  .mob-profil-info-box {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .mob-info-nama {
    font-size: 16px;
    color: black !important;
  }

  .mob-blm-verif {
    color: red !important;
    font-size: 11px;
  }

  .mob-blm-verif img {
    width: 15px;
    height: 15px;
    margin-top: -3px;
  }

  .info-points img {
    width: 25px;
  }

  .info-points span.mob-info-number {
    float: right;
    font-weight: 600;
  }

  .info-points span {
    padding-left: 5px;
    font-size: 14px;
  }

  .mob-info-items {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .mob-info-items img {
    width: 25px;
  }

  .mob-info-items span.mob-info-number {
    float: right;
    font-weight: 600;
  }

  .mob-info-items span {
    padding-left: 5px;
    font-size: 14px;
  }

  .mob-info-logout {
    background-color: #b3b3b3 !important;
    border-radius: 0px !important;
  }

  .mob-info-no-img {
    padding-left: 40px;
  }

  /* Ubah Password */
  .btn-save-pass {
    width: 100%;
    font-size: 1.3em;
  }

  .save-pass {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Profile */
  .profile-picture-container > div {
    width: 90px !important;
    height: 90px !important;
  }

  .img-circle.profile-picture-container {
    padding-top: 5px;
  }

  .mob-profil-info {
    padding-top: 12px;
  }

  h1.h1-kecil {
    font-size: 1rem !important;
  }

  .container-fluid.px-md-5.profile input.form-control {
    font-size: 0.9rem;
  }

  .container-fluid.px-md-5.profile .input-group-text {
    font-size: 0.9rem;
  }

  .container-fluid.px-md-5.profile p {
    font-size: 11px;
  }

  .container-fluid.px-md-5.profile .row.my-4 {
    margin-top: 0rem !important;
  }

  .mob-profil-info-box {
  }
  .mob-info-nama {
    font-size: 13px;
    color: black !important;
  }

  .mob-blm-verif {
    color: red !important;
    font-size: 10px;
  }

  .mob-blm-verif img {
    width: 12px;
    height: 12px;
    margin-top: -3px;
  }

  .info-points img {
    width: 25px;
  }

  .info-points span.mob-info-number {
    float: right;
    font-weight: 600;
    text-align: center;
  }

  .info-points span {
    padding-left: 5px;
    font-size: 12px;
    padding-top: 3px;
  }

  .mob-info-items {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }

  .mob-info-items img {
    width: 25px;
  }

  .mob-info-items span.mob-info-number {
    float: right;
    font-weight: 600;
  }

  .mob-info-items span {
    padding-left: 5px;
    font-size: 12px;
  }

  .mob-info-logout {
    background-color: #b3b3b3 !important;
    border-radius: 0px !important;
  }

  .mob-info-no-img {
    padding-left: 37px;
  }

  .prof-tgl-lahir .col-4 {
    width: 100% !important;
    margin-bottom: 5px;
    font-size: 0.8rem;
  }

  .prof-tgl-lahir.input-group {
    width: auto !important;
  }

  .container-fluid.px-md-5.profile {
    font-size: 0.8rem !important;
  }

  .container-fluid.px-md-5.profile .prof-title {
    padding: 0px !important;
  }

  .menu-prof-pic {
    float: left;
    padding-left: 12px;
    padding-bottom: 6px;
  }

  .container-fluid.px-md-5.profile .row.my-2.tipe-akun .row.input-group {
    padding-left: 12px;
  }

  .container-fluid.px-md-5.profile .col-4.form-check.form-check-inline {
    margin: 0px !important;
  }

  .container-fluid.px-md-5.profile .btn.btn-simpan {
    width: 100%;
  }

  .row.my-2.jenis-kelamin,
  .row.my-2.tgl-lahir,
  .row.my-2.tipe-akun {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }

  .row.my-2.input-perusahaan,
  .row.my-2.input-instansi {
    margin-top: 0px !important;
  }

  /* Wishlist */
  .mob-urut-wishlist {
    float: right;
    padding-top: 15px;
  }

  .urutkan-wish p {
    float: right;
  }

  .container-fluid.px-5.box-wishlist-items {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }

  .wish-item-box {
    padding: 0px !important;
  }

  .table-produk.my-2.row.row-cols-2.row-cols-lg-4.g-2.g-lg-4 {
    margin-left: 0px !important;
  }

  .table-produk.my-2.row.row-cols-2.row-cols-lg-4.g-2.g-lg-4 .col.item {
    padding-bottom: 5px;
  }

  .mb-search-wish {
    padding-left: 8px !important;
    padding-right: 7px !important;
  }

  .mb-urut-wish {
    padding-left: 8px !important;
    padding-right: 7px !important;
  }

  .wishlist-items .table-produk .item #btn-wish {
    position: absolute;
    right: 10%;
    bottom: 52px;
  }

  .btn-beli-wish {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .btn-beli-wish button {
    font-size: 3.5vw;
  }

  .col.item p.loc {
    padding-right: 20px;
  }

  select.form-select.select-sort-by {
    font-size: 3vw;
  }

  input#search-produk-wishlist.form-control {
    font-size: 3vw;
  }

  .side-accor {
    font-size: calc(8px + 1vw);
  }

  /* Furnitur */
}

/* Mobile large */
@media (min-width: 424.5px) and (max-width: 575.5px) {
  .offcanvas-header .btn-close {
    float: right;
  }

  .offcanvas-body {
    padding: 0px !important;
  }
.offcanvas-body .nav {
background-color: #fff;
}
  .offcanvas-body .nav-link {
    color: black;
    background-color: #fff;
    border-bottom: 1px solid #cb7fc7;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .nav-link.last.no-img-list {
    color: black;
    background-color: #cb7fc7;
    border-bottom: 0px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .offcanvas-start.show {
    width: 60%;
  }

  .canvas-sidebar-dashboard {
    max-width: 60% !important;
  }

  .offcanvas-header {
    background-color: #cb7fc7;
  }

  .side-accor {
    font-size: calc(8px + 1vw);
  }

  .accordion-body {
    padding: 0px;
  }

  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    transform: rotate(-180deg);
  }

  .dis-none {
    display: none;
  }

  .no-img-list {
    padding-left: 50px;
  }

  .banner-carousel img {
    width: 100% !important;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .row.text-center {
    padding-left: 4px;
    padding-right: 4px;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 {
    padding-left: 6px;
    padding-right: 6px;
  }

  .container-fluid.px-md-5.banner.my-3.my-md-5 .row.py-2.text-center .col-md-9.col-sm-12.col-12 {
    padding-right: 14px;
    padding-left: 13px;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 .img-fluid.mb-3 {
    height: 115px;
    object-fit: cover;
    object-position: -20% 0;
    width: 180px;
    border-radius: 5px;
    margin-bottom: 7px !important;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 h3 {
    font-size: 13.5px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 15px;
  }

  .container-fluid.px-md-5.banner.my-3.my-md-5 {
    margin-bottom: 5px !important;
  }

  .container-fluid.bbi-mobile.my-4.my-md-5 {
    margin-top: 1rem !important;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 {
    margin-bottom: 0px !important;
    margin-top: 25px;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 h1 {
    font-size: 18px !important;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 a {
    margin-bottom: 0.5rem;
  }

  .produk-carousel .item .title {
    min-height: 38px;
  }

  .produk-carousel .item {
    min-height: 14.15rem;
  }

  .info-produk .d-flex span {
    margin-top: 1px;
    margin-left: 2px;
    font-size: 0.9em !important;
  }

  /* Footer */
  .main-foot.container-fluid {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .main-foot.container-fluid .text-center.text-md-start.my-5.px-3 {
    text-align: left !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .main-foot.container-fluid .text-center.text-md-start.my-5.px-3 .img-fluid {
    width: 55px;
  }

  .mob-produk {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .mob-mitra {
    padding: 0px;
  }

  .mob-untung {
    padding: 0px;
    padding-right: 10px;
  }

  .col.mob-mitra {
    margin-top: 10px;
  }

  .mob-untung img {
    width: 55px;
    float: left;
  }

  .mob-untung p {
    padding-right: 10px;
    display: none;
  }

  h2.belanja.mb-3 {
    padding: 0px;
    text-align: left;
  }

  p.head-info.my-3 {
    margin-top: 65px !important;
    text-align: left;
    display: block !important;
  }

  .my-4.text-md-start.text-center.px-3 {
    text-align: left !important;
  }

  .my-4.text-md-start.text-center.px-3 h3.fw-bold {
    padding: 0px;
  }

  .mob-img-pembayaran {
    padding-right: 0px;
    padding-left: 0px;
    justify-content: left !important;
  }

  .main-foot .pembayaran img {
    object-fit: scale-down;
    margin-right: 20px;
    margin-bottom: 9px;
    height: 20px;
  }

  .mob-img-pengiriman {
    padding: 0px;
  }

  .main-foot .mob-img-pengiriman img {
    object-fit: scale-down;
    width: 15%;
  }

  .info-footer,
  .info-footer-download {
    text-align: left;
    padding-left: 5px;
  }

  .info-footer-download img {
    width: 115px;
  }

  .mob-bot-nav {
    color: black;
  }

  .foot-des {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .foot-ikutikami {
    padding-bottom: 90px !important;
    text-align: left !important;
    padding: 0px;
    margin: 0px !important;
    padding-left: 5px;
  }

  .mob-text-copyright {
    padding: 0px;
  }

  .mob-text-ikutikami {
    padding: 0px;
    margin-top: 10px;
  }

  .mob-text-ikutikami span {
    margin-left: 0px !important;
  }

  .produk-carousel .item .title {
    font-weight: 500;
    font-size: 1.1em;
  }

  /* Profile Menu */
  .profile-picture-container > div {
    width: 75px !important;
    height: 75px !important;
  }

  .img-circle.profile-picture-container {
    padding-top: 5px;
  }

  .mob-profil-info {
    padding-top: 15px;
  }

  .mob-profil-info-box {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .mob-info-nama {
    font-size: 16px;
    color: black !important;
  }

  .mob-blm-verif {
    color: red !important;
    font-size: 11px;
  }

  .mob-blm-verif img {
    width: 15px;
    height: 15px;
    margin-top: -3px;
  }

  .info-points img {
    width: 25px;
  }

  .info-points span.mob-info-number {
    float: right;
    font-weight: 600;
  }

  .info-points span {
    padding-left: 5px;
    font-size: 14px;
  }

  .mob-info-items {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .mob-info-items img {
    width: 25px;
  }

  .mob-info-items span.mob-info-number {
    float: right;
    font-weight: 600;
  }

  .mob-info-items span {
    padding-left: 5px;
    font-size: 14px;
  }

  .mob-info-logout {
    background-color: #b3b3b3 !important;
    border-radius: 0px !important;
  }

  .mob-info-no-img {
    padding-left: 40px;
  }

  .btn-save-pass {
    float: right;
  }

  .save-pass {
    padding-right: 20px;
  }

  /* Wishlist */
  .mob-urut-wishlist {
    float: right;
    padding-top: 15px;
  }

  .urutkan-wish p {
    float: right;
  }

  .container-fluid.px-5.box-wishlist-items {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }

  .wish-item-box {
    padding: 0px !important;
  }

  .table-produk.my-2.row.row-cols-2.row-cols-lg-4.g-2.g-lg-4 {
    margin-left: 0px !important;
  }

  .table-produk.my-2.row.row-cols-2.row-cols-lg-4.g-2.g-lg-4 .col.item {
    padding-bottom: 5px;
  }

  .mb-search-wish {
    padding-left: 8px !important;
    padding-right: 7px !important;
  }

  .mb-urut-wish {
    padding-left: 8px !important;
    padding-right: 7px !important;
  }

  .wishlist-items .table-produk .item #btn-wish {
    position: absolute;
    right: 10%;
    bottom: 54px;
  }

  .btn-beli-wish {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  /* Profile */
  .menu-prof-pic {
    float: left;
    padding-left: 15px;
    padding-bottom: 15px;
  }

  .menu-prof-pic .profile-picture-container > div {
    width: 100px !important;
    height: 100px !important;
  }

  .container-fluid.px-md-5.profile .row.my-2.tipe-akun .row.input-group {
    padding-left: 12px;
  }

  .container-fluid.px-md-5.profile .col-4.form-check.form-check-inline {
    margin: 0px !important;
    /* width: 100%; */
  }

  /* Cart */

  .container.keranjang {
    padding-bottom: 75px;
  }

  .mob-cart-produk {
    margin-bottom: 25px;
  }

  .mob-cart-produk .card-header {
    padding: 1rem 1rem !important;
  }

  .mob-cart-produk .card-header h3 {
    margin-bottom: 0px;
    padding-top: 4px;
    padding-left: 10px;
  }

  .mob-cart-produk .card-header .mob-cart-arrow-down {
    padding-left: 0px !important;
  }

  .mob-cart-produk .card-header .mob-cart-arrow-down i {
    float: left;
    font-size: 16px;
    padding-top: 4px;
  }

  .mob-cart-body {
    padding: 1rem 2rem !important;
    background-color: rgba(0, 0, 0, 0.03);
  }

  .mob-cart-body .row.border.item.my-2 {
    background-color: #cb7fc7;
  }

  .mob-cart-produk .card-header .cart-rad-but {
    font-size: 18px;
  }

  .cart-btn-kuan {
    margin-left: 85px;
    justify-content: unset !important;
  }

  .mob-heart-cart {
  }

  .mob-trash-cart {
  }

  .rad-but-toko {
    font-size: 16px;
    margin-top: 5px;
  }

  .mob-sblh-tambah {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  /* Checkout */
  .mb-checkout-th {
    padding-left: 30px !important;
    padding: 5px;
  }

  .mb-co-th {
    font-size: 14px;
  }

  .mb-co-ha {
    font-size: 17px;
  }

  .mb-co-mp button {
    font-size: 14px;
  }

  .mb-co-mp {
    padding: 5px;
    padding-top: 10px;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .foot-ikutikami {
    padding-bottom: 95px !important;
  }

  .menu-prof-pic {
    float: left;
    padding-left: 15px;
    padding-bottom: 15px;
  }

  .offcanvas-header .btn-close {
    float: right;
  }

  .offcanvas-body {
    padding: 0px !important;
  }
  .offcanvas-body .nav {
background-color: #fff;
}

  .offcanvas-body .nav-link {
    color: black;
    background-color: #fff;
    border-bottom: 1px solid #cb7fc7;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .offcanvas-start.show {
    width: 50%;
  }

  .canvas-sidebar-dashboard {
    max-width: 50% !important;
  }

  .offcanvas-header {
    background-color: #cb7fc7;
  }

  .dis-none {
    display: none;
  }

  .no-img-list {
    padding-left: 51px;
  }

  .mob-bot-nav {
    color: black;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .row.text-center {
    padding-left: 5px;
    padding-right: 5px;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 {
    padding-left: 6px;
    padding-right: 6px;
  }

  .container-fluid.px-md-5.banner.my-3.my-md-5 .row.py-2.text-center .col-md-9.col-sm-12.col-12 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 h1 {
    font-size: 22px !important;
  }

  .head-produk.d-flex.justify-content-between.align-items-end.mb-3 a {
    margin-bottom: 0.7rem;
  }

  .produk-carousel .item .title {
    min-height: 40px;
  }

  .produk-carousel .item {
    min-height: 17.15rem;
  }

  .mob-produk {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container-fluid.home-kategori.px-md-5.px-3 .col-4.col-md-2.col-lg.px-md-3 {
    padding-left: 6px;
    padding-right: 6px;
  }

  .main-foot.container-fluid .text-center.text-md-start.my-5.px-3 .img-fluid {
    width: 75px;
    margin-bottom: 20px;
  }

  /* Profil */
  .profile-picture-container > div {
    width: 100px !important;
    height: 100px !important;
  }

  .img-circle.profile-picture-container {
    padding-top: 5px;
  }



  .mob-profil-info {
    padding-top: 25px;
  }

  .mob-profil-info-box {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .mob-info-nama {
    font-size: 18px;
    color: black !important;
  }

  .mob-blm-verif {
    color: red !important;
    font-size: 13px;
  }

  .mob-blm-verif img {
    width: 15px;
    height: 15px;
    margin-top: -3px;
  }

  .info-points img {
    width: 25px;
  }

  .info-points span.mob-info-number {
    float: right;
    font-weight: 600;
  }

  .info-points span {
    padding-left: 5px;
    font-size: 16px;
  }

  .mob-info-items {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .mob-info-items img {
    width: 25px;
  }

  .mob-info-items span.mob-info-number {
    float: right;
    font-weight: 600;
  }

  .mob-info-items span {
    padding-left: 5px;
    font-size: 16px;
  }

  .mob-info-logout {
    background-color: #b3b3b3 !important;
    border-radius: 0px !important;
  }

  .mob-info-no-img {
    padding-left: 40px;
  }

  .container-fluid.px-md-5.profile .col-4.form-check.form-check-inline {
    margin: 0px !important;
    /* width: 100%; */
  }

  .container-fluid.px-md-5.profile .row.my-2.tipe-akun .row.input-group {
    padding-left: 12px;
  }

  .mob-part-profil .container,
  .mob-part-profil .container-sm {
    max-width: 767px;
  }
  .mob-part-profil {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  /* Ubah Password */

  .btn-save-pass {
  }

  .save-pass {
    padding-left: 20px;
  }

  .ubah-password .col-md.mt-3.mt-md-0 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .ubah-password .container,
  .ubah-password .container-sm {
    max-width: 767px;
  }

  /* Checkout */
  .container.checkout .h1-kecil.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    padding-left: 8px;
  }

  .mb-checkout-th {
    padding-left: 30px !important;
    padding: 5px;
  }

  .mb-co-th {
    font-size: 14px;
  }

  .mb-co-ha {
    font-size: 17px;
  }

  .mb-co-mp button {
    font-size: 14px;
  }

  .mb-co-mp {
    padding: 5px;
    padding-top: 10px;
  }

  .row.detail-pesanan.p-3.py-4.mt-4.mx-2.mx-md-0 {
    margin-bottom: 100px;
  }

  .checkout .foto-produk {
    width: auto;
    border-radius: 8px;
    height: auto;
  }

  .navbar-mobile-list {
    margin-right: 0.65rem !important;
  }

  /* Checkout */
  .container.checkout .h1-kecil.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  /* Furnitur */
}

/* Tablet */

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .nama-produk-notifikasi-list-cart {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  /* Profile */
  .col-md-4.left-navigation.d-none.d-md-block {
    width: 33.33% !important;
  }

  .container-fluid.px-md-5.profile {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .search-produk {
    width: 50% !important;
  }

  .mob-part-profil {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .col-md-4.col-lg.left-navigation.d-none.d-md-block .container.bg-body.p-3.rounded-3.d-none.d-md-block {
    font-size: 14px;
  }

  .col-md-4.col-lg.left-navigation.d-none.d-md-block .container.bg-body.p-3.rounded-3.d-none.d-md-block img.rounded-circle.img-fluid {
    margin-left: 5px;
  }

  .ic-verif {
    padding: 0px;
  }

  h1.h1-kecil {
    font-size: 1.3em !important;
  }

  .row.my-3.mx-md-4.profile-info-box {
    margin-right: 0px !important;
    margin-left: 0px !important;
    font-size: 0.9em;
  }

  .container-fluid.px-md-5.profile input.form-control {
    font-size: 15px;
  }

  .container-fluid.px-md-5.profile .col-4.form-check.form-check-inline {
    margin: 0px !important;
    /* width: 100%; */
  }

  .container-fluid.px-md-5.profile .row.my-2.tipe-akun .row.input-group {
    padding-left: 12px;
  }

  .profile-picture-container > div {
    width: 125px !important;
    height: 125px !important;
  }

  .container-fluid.px-md-5.profile .menu-prof-pic p {
    font-size: 12px;
  }

  .menu-prof-pic {
    float: left;
    padding-left: 15px;
    padding-bottom: 10px;
  }

  .container-fluid.px-md-5.profile .btn.btn-simpan {
    margin-left: 12px;
  }

  .foot-des {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .foot-des h3 {
    font-size: 16px;
  }

  .foot-des p {
    font-size: 13px;
  }

  .info-footer p a img {
    width: 110px;
  }

  .foot-ikutikami {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .col-md.mob-text-copyright {
    padding-left: 0px !important;
    font-size: 14px;
  }

  .col-md.text-md-end.mob-text-ikutikami {
    font-size: 14px;
  }

  /* .info-footer.info-cc p {
    width: 110%;
  } */
}

/* Laptop */
@media (min-width: 991.5px) {
  .nama-produk-notifikasi-list-cart {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  /* Profile */
  .col-md-4.left-navigation.d-none.d-md-block {
    width: 25% !important;
  }

  .foot-des h3 {
    font-size: 17px;
  }

  .foot-des p {
    font-size: 14px;
  }

  .container-fluid.px-md-5.profile {
    padding-left: 3rem !important;
    padding-right: 1rem !important;
  }

  .search-produk {
    width: 50% !important;
  }

  .mob-part-profil {
    padding-left: 1rem !important;
    padding-right: 3rem !important;
  }

  .col-md-4.col-lg.left-navigation.d-none.d-md-block .container.bg-body.p-3.rounded-3.d-none.d-md-block {
    font-size: 14px;
  }

  .col-md-4.col-lg.left-navigation.d-none.d-md-block .container.bg-body.p-3.rounded-3.d-none.d-md-block img.rounded-circle.img-fluid {
    margin-left: 5px;
  }

  .ic-verif {
    padding: 0px;
  }

  h1.h1-kecil {
    font-size: 1.3em !important;
  }

  .row.my-3.mx-md-4.profile-info-box {
    margin-right: 0px !important;
    margin-left: 0px !important;
    font-size: 0.9em;
  }

  .container-fluid.px-md-5.profile input.form-control {
    font-size: 15px;
  }

  .container-fluid.px-md-5.profile .col-4.form-check.form-check-inline {
    margin: 0px !important;
    /* width: 100%; */
  }

  .container-fluid.px-md-5.profile .row.my-2.tipe-akun .row.input-group {
    padding-left: 12px;
  }

  .profile-picture-container > div {
    width: 125px !important;
    height: 125px !important;
  }

  .container-fluid.px-md-5.profile .menu-prof-pic p {
    font-size: 12px;
  }

  .menu-prof-pic {
    float: left;
    padding-left: 15px;
    padding-bottom: 10px;
  }

  .container-fluid.px-md-5.profile .btn.btn-simpan {
    margin-left: 12px;
  }

  /* .foot-des {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .foot-des h3 {
    font-size: 16px;
  }

  .foot-des p {
    font-size: 13px;
  }

  .info-footer {
    padding-left: 0px !important;
  }

  .info-footer p a img {
    width: 110px;
  } */

  /* .info-footer.info-cc p {
    width: 110%;
  } */

  .col-lg-auto.total-harga-keranjang {
    width: 30% !important;
  }
}

/* Side Accor Full */
.menu-list-ktgr-modal .accordion-button:focus {
  z-index: 3;
  border: none !important;
  outline: 0;
  box-shadow: 0 0 0 0;
}

.menu-list-ktgr-modal .accordion-button.collapsed {
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%) !important;
}

.menu-list-ktgr-modal .accordion-body {
  padding: 0px !important;
}

.menu-list-ktgr-modal .accordion-item {
  border-bottom: 0px !important;
}

.canvas-sidebar-dashboard .accordion-button:focus {
  box-shadow: 0px 0px 0px 0px !important;
}

.canvas-sidebar-dashboard .accordion-flush .accordion-item {
  border-bottom: 0px !important;
}

.accordion-button.side-accor.no-img-list {
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%) !important;
}

@media screen and (max-width: 319.5px) {
  .menu-list-ktgr-modal .accordion-button.side-accor.no-img-list {
    padding: 12px !important;
  }

  .menu-list-ktgr-modal a.nav-link.no-img-list {
    padding: 14px 12px !important;
    color: black;
    background-color: #cb7fc7;
  }

  .accordion-button.side-accor.no-img-list {
    height: 45px !important;
  }
}

@media (min-width: 319.5px) and (max-width: 374.5px) {
  .menu-list-ktgr-modal .accordion-button.side-accor.no-img-list {
    padding: 16px !important;
  }

  .menu-list-ktgr-modal a.nav-link.no-img-list {
    padding: 14px 16px !important;
    color: black;
    background-color: #cb7fc7;
  }

  .accordion-button.side-accor.no-img-list {
    height: 45px !important;
  }
}

@media (min-width: 374.5px) and (max-width: 424.5px) {
  .menu-list-ktgr-modal .accordion-button.side-accor.no-img-list {
    padding: 16px !important;
  }

  .menu-list-ktgr-modal a.nav-link.no-img-list {
    padding: 14px 16px !important;
    color: black;
    background-color: #cb7fc7;
    height: 49px !important;
  }

  .accordion-button.side-accor.no-img-list {
    height: 49px !important;
  }
}

@media (min-width: 424.5px) and (max-width: 575.5px) {
  .menu-list-ktgr-modal .accordion-button.side-accor.no-img-list {
    padding: 13px 2rem !important;
  }

  .menu-list-ktgr-modal a.nav-link.no-img-list {
    padding: 14px 2rem !important;
    color: black;
    background-color: #cb7fc7;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .menu-list-ktgr-modal .accordion-button.side-accor.no-img-list {
    padding: 13px 2rem !important;
  }

  .menu-list-ktgr-modal a.nav-link.no-img-list {
    padding: 14px 2rem !important;
    color: black;
    background-color: #cb7fc7;
  }
}

/* Alamat */
@media screen and (max-width: 320px) {
  .prof-alamat .col-4.col-lg {
    padding-right: 0px !important;
  }

  .prof-alamat .col-8.col-lg-auto {
    padding-left: 0px !important;
  }

  .prof-alamat .row.p-2.border-bottom.justify-content-between.align-items-center {
    padding: 0px !important;
  }

  .prof-alamat .col-4.col-lg .h1-kecil {
    font-size: 12px !important;
    margin-bottom: 12px !important;
  }

  .prof-alamat .col-8.col-lg-auto .btn.btn-tambah-alamat {
    font-size: 10px;
    padding: 6px 10px !important;
    float: right;
    border-radius: 0.25rem !important;
    margin-bottom: 12px;
  }

  #container_alamat .row.my-3.p-3 {
    border: 1px solid #cb7fc7;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 5px 10px !important;
  }

  #container_alamat .row.my-3.p-3 p.utama {
    float: left;
    margin-left: 10px;
    padding: 2px 6px;
  }

  #container_alamat .row.my-3.p-3 .col,
  #container_alamat .row.my-3.p-3 .col-auto,
  #container_alamat .col-md.px-5 {
    padding: 1px 0px !important;
  }

  #container_alamat .col-md.px-5 p {
    padding: 0 12px;
  }

  .alamat-set {
    margin-left: 6px;
    margin-top: 10px;
  }

  .alamat-set .btn {
    font-size: 1em;
    margin-left: 6px;
  }

  #container_alamat .nama-penerima.fw-6 {
    margin-top: 2px;
  }
}

@media (min-width: 320px) and (max-width: 375px) {
  .prof-alamat .col-4.col-lg {
    padding-right: 0px !important;
  }

  .prof-alamat .col-8.col-lg-auto {
    padding-left: 0px !important;
  }

  .prof-alamat .row.p-2.border-bottom.justify-content-between.align-items-center {
    padding: 0px !important;
  }

  .prof-alamat .col-4.col-lg .h1-kecil {
    font-size: 14px !important;
    margin-bottom: 12px !important;
  }

  .prof-alamat .col-8.col-lg-auto .btn.btn-tambah-alamat {
    font-size: 11px;
    padding: 6px 20px !important;
    float: right;
    border-radius: 0.25rem !important;
    margin-bottom: 12px;
  }

  #container_alamat .row.my-3.p-3 {
    border: 1px solid #cb7fc7;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 5px 10px !important;
  }

  #container_alamat .row.my-3.p-3 p.utama {
    float: left;
    margin-left: 10px;
    padding: 2px 6px;
  }

  #container_alamat .row.my-3.p-3 .col,
  #container_alamat .row.my-3.p-3 .col-auto,
  #container_alamat .col-md.px-5 {
    padding: 1px 0px !important;
  }

  #container_alamat .col-md.px-5 p {
    padding: 0 12px;
  }

  .alamat-set {
    margin-left: 6px;
    margin-top: 10px;
  }

  .alamat-set .btn {
    font-size: 1em;
    margin-left: 6px;
  }
  #container_alamat .nama-penerima.fw-6 {
    margin-top: 1px;
  }
}

@media (min-width: 375px) and (max-width: 415px) {
  .prof-alamat .col-4.col-lg {
    padding-right: 0px !important;
  }

  .prof-alamat .col-8.col-lg-auto {
    padding-left: 0px !important;
  }

  .prof-alamat .row.p-2.border-bottom.justify-content-between.align-items-center {
    padding: 0px !important;
  }

  .prof-alamat .col-4.col-lg .h1-kecil {
    font-size: 15px !important;
    margin-bottom: 12px !important;
  }

  .prof-alamat .col-8.col-lg-auto .btn.btn-tambah-alamat {
    font-size: 13px;
    padding: 6px 20px !important;
    float: right;
    border-radius: 0.25rem !important;
    margin-bottom: 12px;
  }

  #container_alamat .row.my-3.p-3 {
    border: 1px solid #cb7fc7;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 5px 10px !important;
  }

  #container_alamat .row.my-3.p-3 p.utama {
    float: left;
    margin-left: 10px;
    padding: 2px 6px;
  }

  #container_alamat .row.my-3.p-3 .col,
  #container_alamat .row.my-3.p-3 .col-auto,
  #container_alamat .col-md.px-5 {
    padding: 1px 0px !important;
  }

  #container_alamat .col-md.px-5 p {
    padding: 0 12px;
  }

  .alamat-set {
    margin-left: 6px;
    margin-top: 10px;
  }

  .alamat-set .btn {
    font-size: 1em;
    margin-left: 6px;
  }
}

@media (min-width: 415px) and (max-width: 576px) {
  .prof-alamat .col-4.col-lg {
    padding-right: 0px !important;
  }

  .prof-alamat .col-8.col-lg-auto {
    padding-left: 0px !important;
  }

  .prof-alamat .row.p-2.border-bottom.justify-content-between.align-items-center {
    padding: 0px !important;
  }

  .prof-alamat .col-4.col-lg .h1-kecil {
    font-size: 17px !important;
    margin-bottom: 12px !important;
  }

  .prof-alamat .col-8.col-lg-auto .btn.btn-tambah-alamat {
    font-size: 15px;
    padding: 6px 20px !important;
    float: right;
    border-radius: 0.25rem !important;
    margin-bottom: 12px;
  }

  #container_alamat .row.my-3.p-3 {
    border: 1px solid #cb7fc7;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  #container_alamat .row.my-3.p-3 p.utama {
    float: left;
    margin-left: 10px;
  }

  #container_alamat .row.my-3.p-3 .col,
  #container_alamat .row.my-3.p-3 .col-auto,
  #container_alamat .col-md.px-5 {
    padding: 1px 0px !important;
  }

  #container_alamat .col-md.px-5 p {
    padding: 0 12px;
  }

  .alamat-set {
    margin-left: 6px;
    margin-top: 10px;
  }

  .alamat-set .btn {
    font-size: 1em;
    margin-left: 6px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .prof-alamat {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .prof-alamat .container,
  .prof-alamat .container-sm {
    max-width: 767px;
  }

  .prof-alamat .col-4.col-lg {
    padding-right: 0px !important;
  }

  .prof-alamat .col-8.col-lg-auto {
    padding-left: 0px !important;
  }

  .prof-alamat .row.p-2.border-bottom.justify-content-between.align-items-center {
    padding: 0px !important;
  }

  .prof-alamat .col-4.col-lg .h1-kecil {
    margin-bottom: 12px !important;
  }

  .prof-alamat .col-8.col-lg-auto .btn.btn-tambah-alamat {
    padding: 6px 20px !important;
    float: right;
    border-radius: 0.25rem !important;
    margin-bottom: 12px;
  }

  #container_alamat .row.my-3.p-3 {
    border: 1px solid #cb7fc7;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  #container_alamat .row.my-3.p-3 p.utama {
    float: left;
    margin-left: 10px;
  }

  #container_alamat .row.my-3.p-3 .col,
  #container_alamat .row.my-3.p-3 .col-auto,
  #container_alamat .col-md.px-5 {
    padding: 1px 0px !important;
  }

  #container_alamat .col-md.px-5 p {
    padding: 0 12px;
  }

  .alamat-set {
    margin-left: 6px;
    margin-top: 10px;
  }

  .alamat-set .btn {
    font-size: 1em;
    margin-left: 6px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .prof-alamat {
    font-size: 0.85em !important;
  }

  .container-fluid.px-md-5.alamat {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .prof-alamat .col-4.col-lg {
    padding-right: 0px !important;
  }

  .prof-alamat .col-8.col-lg-auto {
    padding-left: 0px !important;
  }

  .prof-alamat .row.p-2.border-bottom.justify-content-between.align-items-center {
    padding: 0px !important;
  }

  .prof-alamat .col-4.col-lg .h1-kecil {
    margin-bottom: 12px !important;
  }

  .prof-alamat .col-8.col-lg-auto .btn.btn-tambah-alamat {
    padding: 6px 20px !important;
    float: right;
    border-radius: 0.25rem !important;
    margin-bottom: 12px;
  }

  #container_alamat .col-md.px-5 {
    padding: 0px 5px !important;
  }

  #container_alamat .row.my-3.p-3 {
    padding: 0px !important;
    padding-right: 8px !important;
  }
  #container_alamat .col-md.px-5 p {
    padding: 0 12px;
  }

  .alamat-set .btn {
    font-size: 1em;
    margin-left: 6px;
  }
}

/* Wishlist */
@media (min-width: 576px) and (max-width: 767.5px) {
  .mob-urut-wishlist .urutkan-wish p {
    float: right;
  }

  .form-select.select-sort-by {
    font-size: 2vw;
  }

  .mb-search-wish #search-produk-wishlist {
    font-size: 2vw;
  }
}

/* Pesanan */
.nav.navbar-expand.d-block.d-md-none.nav-pills.px-md-2.justify-content-md-between {
  overflow: auto;
  white-space: nowrap;
  padding: 0px !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.nav.navbar-expand.d-block.d-md-none.nav-pills.px-md-2.justify-content-md-between::-webkit-scrollbar {
  display: none !important;
}

.nav.navbar-expand.d-block.d-md-none.nav-pills.px-md-2.justify-content-md-between .nav-item {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

@media screen and (max-width: 415px) {
  .container-fluid.px-md-5.pesanan-saya .col-md.mt-3.mt-md-0 {
  }

  .container-fluid.px-md-5.pesanan-saya .row.my-4 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container-fluid.px-md-5.pesanan-saya .row.py-3.my-3.px-3 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }

  .container-fluid.px-md-5.pesanan-saya li.nav-item {
    padding: 0px !important;
  }

  .container-fluid.px-md-5.pesanan-saya li.nav-item a {
    padding: 8px 16px;
    width: 100%;
  }

  .container-fluid.px-md-5.pesanan-saya .row.p-2.justify-content-between.border-bottom.title-pesanan-saya {
    padding: 0px !important;
  }
}

@media (min-width: 415px) and (max-width: 576px) {
  .container-fluid.px-md-5.pesanan-saya .col-md.mt-3.mt-md-0 {
  }

  .container-fluid.px-md-5.pesanan-saya .row.my-4 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container-fluid.px-md-5.pesanan-saya .row.py-3.my-3.px-3 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }

  .container-fluid.px-md-5.pesanan-saya li.nav-item {
    padding: 0px !important;
  }

  .container-fluid.px-md-5.pesanan-saya li.nav-item a {
    padding: 8px 20px;
    width: 100%;
  }

  .container-fluid.px-md-5.pesanan-saya .row.p-2.justify-content-between.border-bottom.title-pesanan-saya {
    padding: 0px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.5px) {
  .container-fluid.px-md-5.pesanan-saya {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .container-fluid.px-md-5.pesanan-saya .row.my-4 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container-fluid.px-md-5.pesanan-saya .row.py-3.my-3.px-3 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }

  .container-fluid.px-md-5.pesanan-saya li.nav-item {
    padding: 0px !important;
  }

  .container-fluid.px-md-5.pesanan-saya li.nav-item a {
    padding: 10px 18px;
    width: 100%;
  }

  .container-fluid.px-md-5.pesanan-saya .row.p-2.justify-content-between.border-bottom.title-pesanan-saya {
    padding: 0px !important;
  }
}

@media (min-width: 767.5px) and (max-width: 992px) {
  .nav.nav-pills.d-none.d-md-block.px-md-2.justify-content-md-between {
    overflow: auto;
    white-space: nowrap;
    padding: 0px !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .nav.nav-pills.d-none.d-md-block.px-md-2.justify-content-md-between::-webkit-scrollbar {
    display: none !important;
  }

  .nav.nav-pills.d-none.d-md-block.px-md-2.justify-content-md-between .nav-item {
    display: inline-block;
    color: #000;
    text-align: center;
    padding: 14px;
    text-decoration: none;
  }

  .container-fluid.px-md-5.pesanan-saya {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container-fluid.px-md-5.pesanan-saya .row.my-4 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container-fluid.px-md-5.pesanan-saya .row.py-3.my-3.px-3 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }

  .container-fluid.px-md-5.pesanan-saya li.nav-item {
    padding: 0px !important;
  }

  .container-fluid.px-md-5.pesanan-saya li.nav-item a {
    padding: 10px 18px;
    width: 100%;
  }

  .container-fluid.px-md-5.pesanan-saya .row.p-2.justify-content-between.border-bottom.title-pesanan-saya {
    padding: 0px !important;
  }

  .container-fluid.px-md-5.pesanan-saya .col-md-8.mt-3.mt-md-0 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .nav.nav-pills.d-none.d-md-block.px-md-2.justify-content-md-between {
    overflow: auto;
    white-space: nowrap;
    padding: 0px !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .nav.nav-pills.d-none.d-md-block.px-md-2.justify-content-md-between::-webkit-scrollbar {
    display: none !important;
  }

  .nav.nav-pills.d-none.d-md-block.px-md-2.justify-content-md-between .nav-item {
    display: inline-block;
    color: #000;
    text-align: center;
    padding: 14px;
    text-decoration: none;
  }

  .container-fluid.px-md-5.pesanan-saya .h1-kecil {
    padding-left: 16px;
  }

  .container-fluid.px-md-5.pesanan-saya {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .container-fluid.px-md-5.pesanan-saya .row.my-4 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container-fluid.px-md-5.pesanan-saya .row.py-3.my-3.px-3 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .container-fluid.px-md-5.pesanan-saya li.nav-item {
    padding: 12px !important;
  }

  .container-fluid.px-md-5.pesanan-saya li.nav-item a {
    padding: 12px 16px;
  }

  .container-fluid.px-md-5.pesanan-saya .row.p-2.justify-content-between.border-bottom.title-pesanan-saya {
    padding: 0px !important;
  }
  .container-fluid.px-md-5.pesanan-saya .col-md-8.mt-3.mt-md-0 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

/* Masuk */
@media screen and (max-width: 425px) {
  .home-msk-daftar {
    padding: 0px !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .home-msk-daftar .btn-masuk-home {
    padding: 6px 8px;
    font-size: 0.75rem;
    margin-top: 8.5px;
  }
}

@media (min-width: 425px) and (max-width: 767.5px) {
  .home-msk-daftar {
    padding: 0px !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .home-msk-daftar .btn-masuk-home {
    padding: 10px 12px;
    font-size: 0.9rem;
    margin-top: 8.5px;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .home-msk-daftar {
    width: 29%;
  }

  .home-msk-daftar .btn-masuk-home {
    width: 40%;
    margin-right: 15px;
    margin-left: 15px;
  }

  .home-msk-daftar .btn.btn-daftar {
    width: 40%;
  }
}

@media (min-width: 991.5px) {
  .home-msk-daftar {
    width: 29%;
  }

  .home-msk-daftar .btn-masuk-home {
    width: 40%;
    margin-right: 15px;
    margin-left: 15px;
  }

  .home-msk-daftar .btn.btn-daftar {
    width: 40%;
  }
}

/* Detail Produk */
@media screen and (max-width: 288px) {
}

@media screen and (max-width: 319px) {
  .input-group.kuantitas #qty.form-control.text-center.qty {
    width: 39% !important;
  }

  .container-fluid.px-5.table-produk .head-produk.d-flex.justify-content-between h2.fw-6 {
    font-size: 1.1em !important;
  }

  .detail-produk.container-fluid.px-md-5 {
  }

  .detail-produk.container-fluid.px-md-5 .info-detail-produk.col.mx-3 h1.title {
    font-size: 1.3em;
  }

  .detail-produk.container-fluid.px-md-5 .info-detail-produk.col.mx-3 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .detail-produk.container-fluid.px-md-5 .row.detail-order .kuantitas-prod {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  /* .detail-produk.container-fluid.px-md-5 .row.detail-order .kuantitas-prod .col-5.col-md-4 {
    font-size: 1.3em;
    padding-bottom: 40px !important;
  } */

  .detail-produk.container-fluid.px-md-5 .row.detail-order .kuantitas-prod .col-auto .input-group.kuantitas {
    margin-top: 5px;
  }

  .button-order.row.my-2 {
    padding: 0px 12px !important;
  }

  .ringkasan-toko.container-fluid.mt-5 {
    margin-top: 1rem !important;
  }

  .button-order.row.my-2 .btn.tambah-keranjang,
  .button-order.row.my-2 .btn.beli-sekarang {
    width: 100%;
  }

  .button-order.row.my-2 .btn.tambah-keranjang,
  .button-order.row.my-2 .btn.beli-sekarang,
  .button-order.row.my-2 #wishlist_button {
    padding: 6px 12px !important;
    font-size: 1em;
  }

  .btn-beli-skrg {
    padding-left: 0px;
    padding-right: 3px;
  }

  .btn-wshlst {
    padding: 0px !important;
    padding-right: 3px !important;
  }

  .btn-tbh-krjg {
    padding: 0px !important;
  }

  .button-order.row.my-2 .btn.tambah-keranjang {
  }

  .col-6.col-md-6.cht-mtr {
    padding-right: 3px !important;
    font-size: 1em;
  }

  .col-6.col-md-6.cht-mtr .btn {
    font-size: 1em !important;
    width: 100%;
    padding: 6px 0px;
  }

  .col-6.col-md-6.knjg-mtr {
    padding-left: 3px !important;
  }

  .col-6.col-md-6.knjg-mtr .btn {
    font-size: 1em !important;
    width: 100%;
    padding: 6px 0px;
  }

  .spesifikasi-produk.container-fluid.px-5.my-4.align-items-center {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .desk-prod,
  .container-fluid.px-5.table-produk {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .row.det-prod-img {
    padding: 10px 40px !important;
  }

  .row.det-prod-img .col.p-0 {
    border: 1px solid #cb7fc7;
    border-radius: 6px;
  }

  .d-flex.justify-content-start.thumbnail-foto-produk.my-2 {
    margin-left: 27px;
    margin-right: 27px;
  }

  .thumbnail-foto-produk img {
    width: 64px;
    height: auto;
    padding: 0 3px;
    border: 1px solid #cb7fc7;
    margin-right: 5px;
  }

  .ulasan-produk.container-fluid.px-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .ulasan-produk.container-fluid.px-5 .num-rate.fw-6 {
    font-size: 200%;
  }

  .mob-produk .rating-rateyo.p-0.jq-ry-container {
    margin-top: 3px;
    width: auto !important;
  }

  .info-produk .d-flex span {
    margin-top: 3px;
    margin-left: 1px;
  }

  .ulasan-produk.container-fluid.px-5 .jq-ry-normal-group.jq-ry-group svg {
    width: 14px !important;
    height: 14px !important;
  }

  .ulasan-produk.container-fluid.px-5 .jq-ry-rated-group.jq-ry-group svg {
    width: 14px !important;
    height: 14px !important;
  }

  .ulasan-produk.container-fluid.px-5 .jq-ry-rated-group.jq-ry-group {
    width: 100% !important;
  }

  .ulasan-produk.container-fluid.px-5 div#ulasan.m-auto.jq-ry-container {
    padding-left: 3px !important;
    width: 100% !important;
  }

  .ulasan-produk.container-fluid.px-5 .rsd-star {
    padding-left: 0px !important;
  }

  .ulasan-produk.container-fluid.px-5 .rsd-starbar {
    padding-left: 0px !important;
  }

  .ulasan-produk.container-fluid.px-5 .rsd-total {
    padding-left: 0px !important;
  }

  .rev-sum-det .row.align-items-center.my-2 {
    margin-top: 0.15rem !important;
    margin-bottom: 0.15rem !important;
  }

  .ulasan-produk.container-fluid.px-5 .col-5.col-md-2 {
    margin-top: 10px !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 1rem !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 li.nav-item .btn.nav-link.active {
    font-size: 0.9em !important;
    margin-left: 0px !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 .nav-item.align-self-center {
    margin-top: 5px;
  }

  .filter-ulasan.container-fluid.px-5.my-4 .row.border-bottom {
    border-bottom: 0px !important;
  }

  .row.detail-order #select2-select_lokasi_pengiriman-container.select2-selection__rendered {
    max-width: 100%;
  }

  .row.detail-order .select2.select2-container.select2-container--default {
    width: 100% !important;
  }

  .row.detail-order .col-5.col-md-4 b.fw-6 {
    font-size: 1.1em !important;
  }

  .kuantitas-prod .k_kuantitas {
    padding-bottom: 43px !important;
  }

  .row.detail-order div.col-6.k-pen {
    padding-bottom: 1rem !important;
  }

  .row.detail-order div.col-6.k-pen .pgrman-ke {
    padding-bottom: 6px !important;
  }

  .container.list_ulasan .row.my-2 .col-4 {
    padding-left: 0px !important;
  }

  .container.list_ulasan .row.my-2 .col-4 .img-fluid.rounded-circle {
    width: 40px;
  }

  .container.list_ulasan .row.my-2 .col-4 h4.fw-6 {
    font-size: 0.9em !important;
    margin-top: 6px;
  }

  .date.tanggal_ulasan {
    font-size: 0.75em !important;
  }

  .container.list_ulasan .fa.fa-star.checked {
    font-size: 16px;
    margin-right: 2px;
  }

  .container.list_ulasan .fa.fa-star {
    font-size: 16px;
    margin-right: 2px;
  }

  .detail-produk.container-fluid.px-md-5 .col-md-4.mb-md-0.mb-3 {
    border-bottom: 1px solid #cb7fc7;
  }

  .container.list_ulasan .pagination.justify-content-center.my-5.pagination_ulasan {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 {
    padding-right: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-3 {
    padding-right: 0px !important;
    padding-left: 6px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .fw-6 {
    font-size: 1.1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .bintang-ulasan.jq-ry-container {
    display: inline-block !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .bintang-ulasan.jq-ry-container .jq-ry-group-wrapper {
    position: absolute !important;
    margin-top: -10px !important;
  }

  .info-detail-produk.col.mx-3 .jq-ry-normal-group.jq-ry-group svg {
    width: 12px !important;
    height: 12px !important;
    /* margin-right: 3px !important; */
  }

  .info-detail-produk.col.mx-3 .jq-ry-rated-group.jq-ry-group svg {
    width: 12px !important;
    height: 12px !important;
    /* margin-right: 3px !important; */
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri {
    padding-right: 5px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 {
    padding-right: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri .price {
    font-size: 1.2em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk .price {
    font-size: 1.2em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk p {
    font-size: 0.85em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri p {
    font-size: 0.85em !important;
  }

  .info-detail-produk.col.mx-3 .trgt-produk {
    color: #2f80ed;
    background-color: #f7f7f7;
    padding: 2px;
  }

  .row.detail-order .row.my-md-3 .col-6.col-md-7.col-lg-auto {
    padding-left: 0px !important;
    margin-left: -6px;
    padding-right: 6px !important;
  }

  .row.detail-order .kuantitas-prod .col-6.col-lg-auto {
    padding-left: 0px !important;
    margin-left: -6px;
    padding-right: 6px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 {
    margin-bottom: 4px !important;
  }

  .container.list_ulasan .tgl-ulsn {
    padding-right: 0px !important;
  }

  .ringkasan-toko.container-fluid.mt-5 .row.align-items-center.my-2 {
    font-size: 0.85em !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 li.nav-item .btn.nav-link {
    font-size: 0.9em !important;
    margin-left: 0px !important;
  }

  .ulasan-produk .foto-ulasan {
    width: 35px !important;
    height: auto;
    border: 1px solid #cb7fc7;
  }

  .ulasan-produk.container-fluid.px-5 .m-auto.bintang-ulasan.jq-ry-container {
    width: auto !important;
  }

  .ulasan-produk.container-fluid.px-5 .ulsn-rev {
    padding-right: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-top: 1rem !important;
  }

  .daftar-pembelian-kelompok-fluid .card-header {
    font-size: 1em;
    padding: 1rem;
  }

  .daftar-pembelian-kelompok-fluid .card-body {
    padding: 6px !important;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item {
    border-bottom: 2px solid #f7f7f7;
    padding-left: 6px !important;
    padding-right: 6px !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
  }

  .daftar-pembelian-kelompok-fluid .col-auto {
    padding: 0px !important;
    font-size: 0.9em;
  }

  .foto-pkl {
    padding: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .nama-pkl {
    font-size: 0.9em;
    padding-right: 6px !important;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .jumlah-pkl {
    font-size: 0.9em;
    text-align: right;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item .row.col-12.align-items-center {
    margin: 0px !important;
  }

  .dpk-bergabung {
    border: 1px solid #cb7fc7 !important;
    border-radius: 5px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 1px;
    background-color: #cb7fc7 !important;
    font-size: 0.75em;
    width: 100%;
  }

  .daftar-tim {
    border: 1px solid black !important;
    border-radius: 3px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 1px;
    font-size: 1em;
    width: 100%;
  }

  .tmbl-lihat-team {
    padding: 0px 6px !important;
    margin-top: 0.5rem;
  }

  .tmbl-bergabung {
    padding-left: 6px !important;
    padding-right: 0px !important;
  }

  .foto-dpk {
    width: 35px !important;
    height: 35px !important;
  }

  .variasi.row.my-3.align-items-center label {
    font-size: 0.9em;
    border-radius: 4px !important;
  }

  .variasi .row.col-12 {
    margin-left: 0px;
  }

  .variasi.row.my-3.align-items-center .col-auto.px-1.px-md-3 {
    padding-left: 0px !important;
    padding-right: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .variasi.row.my-3.align-items-center .jenis-variasi-produk {
    margin-top: 0.25rem;
  }

  select#select_lokasi_pengiriman.lokasi-pengiriman {
  }
}

.scroll-mini-prod {
  overflow: auto;
  white-space: nowrap;
}

.scroll-mini-prod a {
  margin-right: 10px !important;
}

.scroll-mini-prod .mini-foto-prod {
  width: 65px;
  max-width: fit-content !important;
}

@media (min-width: 319px) and (max-width: 425px) {
  .container-fluid.px-5.table-produk .head-produk.d-flex.justify-content-between h2.fw-6 {
    font-size: 1.3em !important;
  }

  .detail-produk.container-fluid.px-md-5 {
  }

  .detail-produk.container-fluid.px-md-5 .info-detail-produk.col.mx-3 h1.title {
    font-size: 1.3em;
  }

  .detail-produk.container-fluid.px-md-5 .info-detail-produk.col.mx-3 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .detail-produk.container-fluid.px-md-5 .row.detail-order .kuantitas-prod {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  /* .detail-produk.container-fluid.px-md-5 .row.detail-order .kuantitas-prod .col-5.col-md-4 {
    font-size: 1.3em;
    padding-bottom: 40px !important;
  } */

  .detail-produk.container-fluid.px-md-5 .row.detail-order .kuantitas-prod .col-auto .input-group.kuantitas {
    margin-top: 5px;
  }

  .button-order.row.my-2 {
    padding: 0px 12px !important;
  }

  .ringkasan-toko.container-fluid.mt-5 {
    margin-top: 1rem !important;
  }

  .button-order.row.my-2 .btn.tambah-keranjang,
  .button-order.row.my-2 .btn.beli-sekarang,
  .button-order.row.my-2 #wishlist_button {
    padding: 6px 12px !important;
    font-size: 1.1em;
  }

  .button-order.row.my-2 .btn.tambah-keranjang,
  .button-order.row.my-2 .btn.beli-sekarang {
    width: 100%;
  }

  .btn-beli-skrg {
    padding-left: 0px;
    padding-right: 6px;
  }

  .btn-wshlst {
    padding: 0px !important;
    padding-right: 6px !important;
  }

  .btn-tbh-krjg {
    padding: 0px !important;
  }

  .btn-tbh-krjg {
    padding: 0px !important;
  }

  .button-order.row.my-2 .btn.tambah-keranjang {
  }

  .col-6.col-md-6.cht-mtr {
    padding-right: 6px !important;
    font-size: 1em;
  }

  .col-6.col-md-6.cht-mtr .btn {
    font-size: 1em !important;
    width: 100%;
    padding: 12px 6px;
  }

  .col-6.col-md-6.knjg-mtr {
    padding-left: 6px !important;
  }

  .col-6.col-md-6.knjg-mtr .btn {
    font-size: 1em !important;
    width: 100%;
    padding: 12px 6px;
  }

  .spesifikasi-produk.container-fluid.px-5.my-4.align-items-center {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .desk-prod,
  .container-fluid.px-5.table-produk {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .row.det-prod-img {
    padding: 10px 40px !important;
  }

  .row.det-prod-img .col.p-0 {
    border: 1px solid #cb7fc7;
    border-radius: 6px;
  }

  .d-flex.justify-content-start.thumbnail-foto-produk.my-2 {
    margin-left: 27px;
    margin-right: 27px;
  }

  .thumbnail-foto-produk img {
    max-width: 66px;
    height: auto;
    padding: 0 3px;
    border: 1px solid #cb7fc7;
    margin-right: 4px;
  }

  .ulasan-produk.container-fluid.px-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .ulasan-produk.container-fluid.px-5 .num-rate.fw-6 {
    font-size: 200%;
  }

  .mob-produk .rating-rateyo.p-0.jq-ry-container {
    margin-top: 3px;
    width: auto !important;
  }

  .info-produk .d-flex span {
    margin-top: 3px;
    margin-left: 1px;
  }

  .ulasan-produk.container-fluid.px-5 .jq-ry-normal-group.jq-ry-group svg {
    width: 16px !important;
    height: 16px !important;
  }

  .ulasan-produk.container-fluid.px-5 .jq-ry-rated-group.jq-ry-group svg {
    width: 16px !important;
    height: 16px !important;
  }

  .ulasan-produk.container-fluid.px-5 .jq-ry-rated-group.jq-ry-group {
    width: 100% !important;
  }

  .ulasan-produk.container-fluid.px-5 div#ulasan.m-auto.jq-ry-container {
    padding-left: 3px !important;
    width: 100% !important;
  }

  .ulasan-produk.container-fluid.px-5 .rsd-star {
    padding-left: 0px !important;
  }

  .ulasan-produk.container-fluid.px-5 .rsd-starbar {
    padding-left: 0px !important;
  }

  .ulasan-produk.container-fluid.px-5 .rsd-total {
    padding-left: 0px !important;
  }

  .rev-sum-det .row.align-items-center.my-2 {
    margin-top: 0.15rem !important;
    margin-bottom: 0.15rem !important;
  }

  .ulasan-produk.container-fluid.px-5 .col-5.col-md-2 {
    margin-top: 10px !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 1rem !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 li.nav-item .btn.nav-link.active {
    font-size: 0.9em !important;
    margin-left: 0px !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 .nav-item.align-self-center {
    margin-top: 5px;
  }

  .filter-ulasan.container-fluid.px-5.my-4 .row.border-bottom {
    border-bottom: 0px !important;
  }

  .row.detail-order #select2-select_lokasi_pengiriman-container.select2-selection__rendered {
    max-width: 130px;
  }

  .row.detail-order .select2.select2-container.select2-container--default {
    width: 100% !important;
  }

  .row.detail-order .col-5.col-md-4 b.fw-6 {
    font-size: 1.1em !important;
  }

  .kuantitas-prod .k_kuantitas {
    padding-bottom: 43px !important;
  }

  .row.detail-order div.col-6.k-pen {
    padding-bottom: 1rem !important;
  }

  .row.detail-order div.col-6.k-pen .pgrman-ke {
    padding-bottom: 6px !important;
  }

  .container.list_ulasan .row.my-2 .col-4 {
    padding-left: 0px !important;
  }

  .container.list_ulasan .row.my-2 .col-4 .img-fluid.rounded-circle {
    width: 40px;
  }

  .container.list_ulasan .row.my-2 .col-4 h4.fw-6 {
    font-size: 0.9em !important;
    margin-top: 6px;
  }

  .date.tanggal_ulasan {
    font-size: 0.75em !important;
  }

  .container.list_ulasan .tgl-ulsn {
    padding-right: 0px !important;
  }

  .container.list_ulasan .fa.fa-star.checked {
    font-size: 16px;
    margin-right: 2px;
  }

  .container.list_ulasan .fa.fa-star {
    font-size: 16px;
    margin-right: 2px;
  }

  .detail-produk.container-fluid.px-md-5 .col-md-4.mb-md-0.mb-3 {
    border-bottom: 1px solid #cb7fc7;
  }

  .container.list_ulasan .pagination.justify-content-center.my-5.pagination_ulasan {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 {
    padding-right: 0px !important;
    font-size: 1.1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-3 {
    padding-right: 0px !important;
    padding-left: 6px !important;
    font-size: 1.1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .fw-6 {
    font-size: 1.1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .bintang-ulasan.jq-ry-container {
    display: inline-block !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .bintang-ulasan.jq-ry-container .jq-ry-group-wrapper {
    position: absolute !important;
    margin-top: -13px !important;
  }

  .info-detail-produk.col.mx-3 .jq-ry-normal-group.jq-ry-group svg {
    width: 15px !important;
    height: 15px !important;
    /* margin-right: 3px !important; */
  }

  .info-detail-produk.col.mx-3 .jq-ry-rated-group.jq-ry-group svg {
    width: 15px !important;
    height: 15px !important;
    /* margin-right: 3px !important; */
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri {
    padding-right: 5px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 {
    padding-right: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri .price {
    font-size: 1.4em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk .price {
    font-size: 1.4em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk p {
    font-size: 0.95em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri p {
    font-size: 0.95em !important;
  }

  .info-detail-produk.col.mx-3 .trgt-produk {
    color: #2f80ed;
    background-color: #f7f7f7;
    padding: 2px;
  }

  .row.detail-order .row.my-md-3 .col-6.col-md-7.col-lg-auto {
    padding-left: 0px !important;
    margin-left: -6px;
    padding-right: 6px !important;
  }

  .row.detail-order .kuantitas-prod .col-6.col-lg-auto {
    padding-left: 0px !important;
    margin-left: -6px;
    padding-right: 6px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 {
    margin-bottom: 4px !important;
  }

  .ringkasan-toko.container-fluid.mt-5 .row.align-items-center.my-2 {
    font-size: 0.9em !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 li.nav-item .btn.nav-link {
    font-size: 0.9em !important;
    margin-left: 0px !important;
  }

  .ulasan-produk .foto-ulasan {
    width: 40px !important;
    height: auto;
    border: 1px solid #cb7fc7;
  }

  .ulasan-produk.container-fluid.px-5 .m-auto.bintang-ulasan.jq-ry-container {
    width: auto !important;
  }

  .ulasan-produk.container-fluid.px-5 .ulsn-rev {
    padding-right: 0px !important;
  }

  select#select_lokasi_pengiriman.lokasi-pengiriman {
  }
}

@media (min-width: 319px) and (max-width: 375px) {
  .daftar-pembelian-kelompok-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-top: 1rem !important;
  }

  .daftar-pembelian-kelompok-fluid .card-header {
    font-size: 1em;
    padding: 1rem;
  }

  .daftar-pembelian-kelompok-fluid .card-body {
    padding: 6px !important;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item {
    border-bottom: 2px solid #f7f7f7;
    padding-left: 6px !important;
    padding-right: 6px !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
  }

  .daftar-pembelian-kelompok-fluid .col-auto {
    padding: 0px !important;
    font-size: 0.9em;
  }

  .foto-pkl {
    padding: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .nama-pkl {
    font-size: 0.9em;
    padding-right: 6px !important;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .jumlah-pkl {
    font-size: 0.9em;
    text-align: right;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item .row.col-12.align-items-center {
    margin: 0px !important;
  }

  .dpk-bergabung {
    border: 1px solid #cb7fc7 !important;
    border-radius: 5px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 1px;
    background-color: #cb7fc7 !important;
    font-size: 0.75em;
    width: 100%;
  }

  .daftar-tim {
    border: 1px solid black !important;
    border-radius: 3px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 1px;
    font-size: 1em;
    width: 100%;
  }

  .tmbl-lihat-team {
    padding: 0px 6px !important;
    margin-top: 0.5rem;
  }

  .tmbl-bergabung {
    padding-left: 6px !important;
    padding-right: 0px !important;
  }

  .foto-dpk {
    width: 38px !important;
    height: 38px !important;
  }

  .variasi.row.my-3.align-items-center label {
    font-size: 0.9em;
    border-radius: 4px !important;
  }

  .variasi .row.col-12 {
    margin-left: 0px;
  }

  .variasi.row.my-3.align-items-center .col-auto.px-1.px-md-3 {
    padding-left: 0px !important;
    padding-right: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .variasi.row.my-3.align-items-center .jenis-variasi-produk {
    margin-top: 0.25rem;
  }
}

@media (min-width: 375px) and (max-width: 425px) {
  .daftar-pembelian-kelompok-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-top: 1rem !important;
  }

  .daftar-pembelian-kelompok-fluid .card-header {
    font-size: 1em;
    padding: 1rem;
  }

  .daftar-pembelian-kelompok-fluid .card-body {
    padding: 6px !important;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item {
    border-bottom: 2px solid #f7f7f7;
    padding-left: 6px !important;
    padding-right: 6px !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
  }

  .daftar-pembelian-kelompok-fluid .col-auto {
    padding: 0px !important;
    font-size: 0.9em;
  }

  .foto-pkl {
    padding: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .nama-pkl {
    font-size: 0.95em;
    padding-right: 6px !important;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .jumlah-pkl {
    font-size: 0.95em;
    text-align: right;
    padding-right: 3px !important;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item .row.col-12.align-items-center {
    margin: 0px !important;
  }

  .dpk-bergabung {
    border: 1px solid #cb7fc7 !important;
    border-radius: 5px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 1px;
    background-color: #cb7fc7 !important;
    font-size: 0.8em;
    width: 100%;
  }

  .daftar-tim {
    border: 1px solid black !important;
    border-radius: 3px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 1px;
    font-size: 1em;
    width: 100%;
  }

  .tmbl-lihat-team {
    padding: 0px 6px !important;
    margin-top: 0.5rem;
  }

  .tmbl-bergabung {
    padding-left: 6px !important;
    padding-right: 0px !important;
  }

  .foto-dpk {
    width: 45px !important;
    height: 45px !important;
  }

  .variasi.row.my-3.align-items-center label {
    font-size: 0.9em;
    border-radius: 4px !important;
  }

  .variasi .row.col-12 {
    margin-left: 0px;
  }

  .variasi.row.my-3.align-items-center .col-auto.px-1.px-md-3 {
    padding-left: 0px !important;
    padding-right: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .variasi.row.my-3.align-items-center .jenis-variasi-produk {
    margin-top: 0.25rem;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .detail-produk.container-fluid.px-md-5 {
    padding-left: 21px !important;
    padding-right: 21px !important;
  }

  .detail-produk.container-fluid.px-md-5 .info-detail-produk.col.mx-3 h1.title {
    font-size: 1.3em;
  }

  .detail-produk.container-fluid.px-md-5 .row.detail-order .kuantitas-prod {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  /* .detail-produk.container-fluid.px-md-5 .row.detail-order .kuantitas-prod .col-5.col-md-4 {
    font-size: 1.3em;
    padding-bottom: 40px !important;
  } */

  .detail-produk.container-fluid.px-md-5 .row.detail-order .kuantitas-prod .col-auto .input-group.kuantitas {
    margin-top: 5px;
  }

  .button-order.row.my-2 {
    padding: 0px 12px !important;
  }

  .ringkasan-toko.container-fluid.mt-5 {
    margin-top: 1rem !important;
  }

  .button-order.row.my-2 .btn.tambah-keranjang,
  .button-order.row.my-2 .btn.beli-sekarang,
  .button-order.row.my-2 #wishlist_button {
    padding: 6px 12px !important;
    font-size: 1.1em;
  }

  .button-order.row.my-2 .btn.tambah-keranjang,
  .button-order.row.my-2 .btn.beli-sekarang {
    width: 100%;
  }

  .btn-beli-skrg {
    padding-left: 0px;
    padding-right: 6px;
  }

  .btn-wshlst {
    padding: 0px !important;
    padding-right: 6px !important;
  }

  .btn-tbh-krjg {
    padding: 0px !important;
  }

  .btn-tbh-krjg {
    padding: 0px !important;
  }

  .button-order.row.my-2 .btn.tambah-keranjang {
  }

  .col-6.col-md-6.cht-mtr {
    padding-right: 6px !important;
    font-size: 1em;
  }

  .col-6.col-md-6.cht-mtr .btn {
    font-size: 1em !important;
    width: 100%;
    padding: 12px 6px;
  }

  .col-6.col-md-6.knjg-mtr {
    padding-left: 6px !important;
  }

  .col-6.col-md-6.knjg-mtr .btn {
    font-size: 1em !important;
    width: 100%;
    padding: 12px 6px;
  }

  .spesifikasi-produk.container-fluid.px-5.my-4.align-items-center {
    padding-left: 21px !important;
    padding-right: 21px !important;
  }

  .spesifikasi-produk.container-fluid.px-5 h2.fw-6 {
    font-size: 1.3em !important;
  }

  .desk-prod h2.fw-6 {
    font-size: 1.3em !important;
  }

  .desk-prod,
  .container-fluid.px-5.table-produk {
    padding-left: 21px !important;
    padding-right: 21px !important;
  }

  .row.det-prod-img {
    padding: 10px 50px !important;
  }

  .row.det-prod-img .col.p-0 {
    border: 1px solid #cb7fc7;
    border-radius: 6px;
  }

  .d-flex.justify-content-start.thumbnail-foto-produk.my-2 {
    margin-left: 38px;
    margin-right: 38px;
  }

  .thumbnail-foto-produk img {
    max-width: 80px;
    height: auto;
    padding: 0 3px;
    border: 1px solid #cb7fc7;
    margin-right: 5px;
  }

  .img-fluid.foto-produk.w-100.rounded-3 {
    height: 300px !important;
    width: auto !important;
  }

  .ulasan-produk.container-fluid.px-5 {
    padding-left: 21px !important;
    padding-right: 21px !important;
  }

  .ulasan-produk.container-fluid.px-5 h2.fw-6 {
    font-size: 1.3em !important;
  }

  .ulasan-produk.container-fluid.px-5 .num-rate.fw-6 {
    font-size: 250%;
  }

  .mob-produk .rating-rateyo.p-0.jq-ry-container {
    margin-top: 3px;
    width: auto !important;
  }

  .info-produk .d-flex span {
    margin-top: 3px;
    margin-left: 1px;
  }

  .ulasan-produk.container-fluid.px-5 .jq-ry-normal-group.jq-ry-group svg {
    width: 18px !important;
    height: 18px !important;
  }

  .ulasan-produk.container-fluid.px-5 .jq-ry-rated-group.jq-ry-group svg {
    width: 18px !important;
    height: 18px !important;
  }

  .ulasan-produk.container-fluid.px-5 .jq-ry-rated-group.jq-ry-group {
    width: 100% !important;
  }

  .ulasan-produk.container-fluid.px-5 div#ulasan.m-auto.jq-ry-container {
    padding-left: 3px !important;
    width: 100% !important;
  }

  .ulasan-produk.container-fluid.px-5 .rsd-star {
    padding-left: 0px !important;
  }

  .ulasan-produk.container-fluid.px-5 .rsd-starbar {
    padding-left: 0px !important;
  }

  .ulasan-produk.container-fluid.px-5 .rsd-total {
    padding-left: 0px !important;
  }

  .rev-sum-det .row.align-items-center.my-2 {
    margin-top: 0.15rem !important;
    margin-bottom: 0.15rem !important;
  }

  .ulasan-produk.container-fluid.px-5 .col-5.col-md-2 {
    font-size: 12px !important;
    margin-top: 5px;
  }

  .filter-ulasan.container-fluid.px-5.my-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 1rem !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 li.nav-item .btn.nav-link.active {
    font-size: 1.1em !important;
    margin-left: 0px !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 .nav-item.align-self-center {
    margin-top: 5px;
  }

  .filter-ulasan.container-fluid.px-5.my-4 .row.border-bottom {
    border-bottom: 0px !important;
  }

  .row.detail-order #select2-select_lokasi_pengiriman-container.select2-selection__rendered {
    max-width: 195px;
  }

  .row.detail-order .select2.select2-container.select2-container--default {
    width: 100% !important;
  }


  .row.detail-order .col-5.col-md-4 b.fw-6 {
    font-size: 1.1em !important;
  }

  .kuantitas-prod .k_kuantitas {
    padding-bottom: 43px !important;
  }

  .row.detail-order div.col-6.k-pen {
    padding-bottom: 1rem !important;
  }

  .row.detail-order div.col-6.k-pen .pgrman-ke {
    padding-bottom: 6px !important;
  }

  .container.list_ulasan .row.my-2 .col-4 {
    padding-left: 0px !important;
  }

  .container.list_ulasan .row.my-2 .col-4 .img-fluid.rounded-circle {
    width: 45px;
  }

  .container.list_ulasan .row.my-2 .col-4 h4.fw-6 {
    font-size: 1em !important;
    margin-top: 6px;
  }

  .date.tanggal_ulasan {
    font-size: 0.9em !important;
  }

  .container.list_ulasan .fa.fa-star.checked {
    font-size: 18px;
    margin-right: 3px;
  }

  .container.list_ulasan .fa.fa-star {
    font-size: 18px;
    margin-right: 3px;
  }

  .detail-produk.container-fluid.px-md-5 .col-md-4.mb-md-0.mb-3 {
    border-bottom: 1px solid #cb7fc7;
  }

  .info-detail-produk.col.mx-3 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container.list_ulasan .pagination.justify-content-center.my-5.pagination_ulasan {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 {
    padding-right: 0px !important;
    font-size: 1.1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-3 {
    padding-right: 0px !important;
    padding-left: 6px !important;
    font-size: 1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .fw-6 {
    font-size: 1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .bintang-ulasan.jq-ry-container {
    display: inline-block !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .bintang-ulasan.jq-ry-container .jq-ry-group-wrapper {
    position: absolute !important;
    margin-top: -16px !important;
  }

  .info-detail-produk.col.mx-3 .jq-ry-normal-group.jq-ry-group svg {
    width: 18px !important;
    height: 18px !important;
    /* margin-right: 6px !important; */
  }

  .info-detail-produk.col.mx-3 .jq-ry-rated-group.jq-ry-group svg {
    width: 18px !important;
    height: 18px !important;
    /* margin-right: 6px !important; */
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri {
    padding-right: 5px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 {
    padding-right: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri .price {
    font-size: 1.6em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk .price {
    font-size: 1.6em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk p {
    font-size: 1.1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri p {
    font-size: 1.1em !important;
  }

  .info-detail-produk.col.mx-3 .trgt-produk {
    color: #2f80ed;
    background-color: #f7f7f7;
    padding: 2px;
  }

  .row.detail-order .row.my-md-3 .col-6.col-md-7.col-lg-auto {
    padding-left: 0px !important;
    margin-left: -6px;
    padding-right: 6px !important;
  }

  .row.detail-order .kuantitas-prod .col-6.col-lg-auto {
    padding-left: 0px !important;
    margin-left: -6px;
    padding-right: 6px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 {
    margin-bottom: 6px !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 li.nav-item .btn.nav-link {
    font-size: 1.1em !important;
    margin-left: 0px !important;
  }

  .ulasan-produk .foto-ulasan {
    width: 45px !important;
    height: auto;
    border: 1px solid #cb7fc7;
  }

  .ulasan-produk.container-fluid.px-5 .m-auto.bintang-ulasan.jq-ry-container {
    width: auto !important;
  }

  .ulasan-produk.container-fluid.px-5 .ulsn-rev {
    padding-right: 0px !important;
  }

  .form-select.select-sort-by {
    font-size: 2.5vw;
  }

  .daftar-pembelian-kelompok-fluid {
    padding-left: 21px !important;
    padding-right: 21px !important;
    margin-top: 1rem !important;
  }

  .daftar-pembelian-kelompok-fluid .card-header {
    font-size: 1em;
    padding: 1rem;
  }

  .daftar-pembelian-kelompok-fluid .card-body {
    padding: 6px !important;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item {
    border-bottom: 2px solid #f7f7f7;
    padding-left: 6px !important;
    padding-right: 6px !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
  }

  .daftar-pembelian-kelompok-fluid .col-auto {
    padding: 0px !important;
    font-size: 0.9em;
  }

  .foto-pkl {
    padding: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .nama-pkl {
    font-size: 1em;
    padding-right: 6px !important;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .jumlah-pkl {
    font-size: 1em;
    text-align: right;
    padding-right: 3px !important;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item .row.col-12.align-items-center {
    margin: 0px !important;
  }

  .dpk-bergabung {
    border: 1px solid #cb7fc7 !important;
    border-radius: 5px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 1px;
    background-color: #cb7fc7 !important;
    font-size: 0.9em;
    width: 100%;
  }

  .daftar-tim {
    border: 1px solid black !important;
    border-radius: 3px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 1px;
    font-size: 1em;
    width: 100%;
  }

  .tmbl-lihat-team {
    padding: 0px 6px !important;
    margin-top: 0.5rem;
  }

  .tmbl-bergabung {
    padding-left: 6px !important;
    padding-right: 0px !important;
  }

  .foto-dpk {
    width: 75% !important;
    height: auto !important;
  }

  .variasi.row.my-3.align-items-center label {
    font-size: 0.9em;
    border-radius: 4px !important;
  }

  .variasi .row.col-12 {
    margin-left: 0px;
  }

  .variasi.row.my-3.align-items-center .col-auto.px-1.px-md-3 {
    padding-left: 0px !important;
    padding-right: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .variasi.row.my-3.align-items-center .jenis-variasi-produk {
    margin-top: 0.25rem;
  }

  select#select_lokasi_pengiriman.lokasi-pengiriman {
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .detail-produk.container-fluid.px-md-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .detail-produk.container-fluid.px-md-5 .info-detail-produk.col.mx-3 h1.title {
    font-size: 1.3em;
  }

  /* .detail-produk.container-fluid.px-md-5 .row.detail-order .kuantitas-prod .col-5.col-md-4 {
    font-size: 1.3em;
    padding-bottom: 40px !important;
  } */

  .detail-produk.container-fluid.px-md-5 .row.detail-order .kuantitas-prod .col-auto .input-group.kuantitas {
    margin-top: 5px;
  }

  .button-order.row.my-2 {
    padding: 0px 12px !important;
  }

  .button-order.row.my-2 .btn.tambah-keranjang,
  .button-order.row.my-2 .btn.beli-sekarang,
  .button-order.row.my-2 #wishlist_button {
    padding: 6px 12px !important;
    font-size: 1.1em;
  }

  .button-order.row.my-2 .btn.tambah-keranjang,
  .button-order.row.my-2 .btn.beli-sekarang {
    width: 100%;
  }

  .btn-beli-skrg {
    padding-left: 0px;
    padding-right: 6px;
  }

  .btn-wshlst {
    padding: 0px !important;
    padding-right: 6px !important;
  }

  .btn-tbh-krjg {
    padding: 0px !important;
  }

  .btn-tbh-krjg {
    padding: 0px !important;
  }

  .button-order.row.my-2 .btn.tambah-keranjang {
  }

  .col-6.col-md-6.cht-mtr {
    padding-right: 6px !important;
    font-size: 1em;
  }

  .col-6.col-md-6.cht-mtr .btn {
    font-size: 1em !important;
    width: 100%;
    padding: 12px 6px;
  }

  .col-6.col-md-6.knjg-mtr {
    padding-left: 6px !important;
  }

  .col-6.col-md-6.knjg-mtr .btn {
    font-size: 1em !important;
    width: 100%;
    padding: 12px 6px;
  }

  .spesifikasi-produk.container-fluid.px-5.my-4.align-items-center {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .desk-prod,
  .container-fluid.px-5.table-produk {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .row.det-prod-img {
    padding: 10px 70px !important;
  }

  .row.det-prod-img .col.p-0 {
    border: 1px solid #cb7fc7;
    border-radius: 6px;
  }

  .d-flex.justify-content-start.thumbnail-foto-produk.my-2 {
    margin-left: 58px;
    margin-right: 58px;
  }

  .img-fluid.foto-produk.w-100.rounded-3 {
    height: 300px !important;
    width: auto !important;
  }

  .thumbnail-foto-produk img {
    max-width: 88px;
    height: auto;
    padding: 0 3px;
    border: 1px solid #cb7fc7;
    margin-right: 5px;
  }

  .img-fluid.foto-produk.w-100.rounded-3 {
    height: 300px !important;
    width: auto !important;
  }

  .ulasan-produk.container-fluid.px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .ulasan-produk.container-fluid.px-5 h2.fw-6 {
    font-size: 1.3em !important;
  }

  .ulasan-produk.container-fluid.px-5 .num-rate.fw-6 {
    font-size: 250%;
  }

  .mob-produk .rating-rateyo.p-0.jq-ry-container {
    margin-top: 3px;
    width: auto !important;
  }

  .info-produk .d-flex span {
    margin-top: 3px;
    margin-left: 1px;
  }

  .ulasan-produk.container-fluid.px-5 .jq-ry-normal-group.jq-ry-group svg {
    width: 20px !important;
    height: 20px !important;
  }

  .ulasan-produk.container-fluid.px-5 .jq-ry-rated-group.jq-ry-group svg {
    width: 20px !important;
    height: 20px !important;
  }

  .ulasan-produk.container-fluid.px-5 .jq-ry-rated-group.jq-ry-group {
    width: 100% !important;
  }

  .ulasan-produk.container-fluid.px-5 div#ulasan.m-auto.jq-ry-container {
    padding-left: 3px !important;
    width: 100% !important;
  }

  .ulasan-produk.container-fluid.px-5 .rsd-star {
    padding-left: 0px !important;
  }

  .ulasan-produk.container-fluid.px-5 .rsd-starbar {
    padding-left: 0px !important;
  }

  .ulasan-produk.container-fluid.px-5 .rsd-total {
    padding-left: 0px !important;
  }

  .rev-sum-det .row.align-items-center.my-2 {
    margin-top: 0.15rem !important;
    margin-bottom: 0.15rem !important;
  }

  .ulasan-produk.container-fluid.px-5 .col-5.col-md-2 {
    font-size: 12px !important;
    margin-top: 5px;
  }

  .filter-ulasan.container-fluid.px-5.my-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 1rem !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 li.nav-item .btn.nav-link.active {
    font-size: 1.1em !important;
    margin-left: 0px !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 .nav-item.align-self-center {
    margin-top: 5px;
  }

  .filter-ulasan.container-fluid.px-5.my-4 .row.border-bottom {
    border-bottom: 0px !important;
  }

  .row.detail-order #select2-select_lokasi_pengiriman-container.select2-selection__rendered {
    max-width: 285px;
  }

  .row.detail-order .select2.select2-container.select2-container--default {
    width: 100% !important;
  }

  .row.detail-order .col-5.col-md-4 b.fw-6 {
    font-size: 1.1em !important;
  }

  .kuantitas-prod .k_kuantitas {
    padding-bottom: 43px !important;
  }

  .row.detail-order div.col-6.k-pen {
    padding-bottom: 1rem !important;
  }

  .row.detail-order div.col-6.k-pen.k-ongkir {
    padding-bottom: 0px !important;
  }

  .row.detail-order div.col-6.k-pen .pgrman-ke {
    padding-bottom: 6px !important;
  }

  .container.list_ulasan .row.my-2 .col-4 {
    padding-left: 0px !important;
  }

  .container.list_ulasan .row.my-2 .col-4 .img-fluid.rounded-circle {
    width: 50px;
  }

  .container.list_ulasan .row.my-2 .col-4 h4.fw-6 {
    font-size: 1em !important;
    margin-top: 6px;
  }

  .date.tanggal_ulasan {
    font-size: 0.9em !important;
  }

  .container.list_ulasan .fa.fa-star.checked {
    font-size: 20px;
    margin-right: 5px;
  }

  .container.list_ulasan .fa.fa-star {
    font-size: 20px;
    margin-right: 5px;
  }

  .detail-produk.container-fluid.px-md-5 .col-md-4.mb-md-0.mb-3 {
    border-bottom: 1px solid #cb7fc7;
  }

  .info-detail-produk.col.mx-3 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 .container,
  .filter-ulasan.container-fluid.px-5.my-4 .container-sm {
    max-width: 767px !important;
  }

  .container.list_ulasan .pagination.justify-content-center.my-5.pagination_ulasan {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 {
    padding-right: 0px !important;
    font-size: 1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-3 {
    padding-right: 0px !important;
    padding-left: 24px !important;
    font-size: 1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .fw-6 {
    font-size: 1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .bintang-ulasan.jq-ry-container {
    display: inline-block !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .bintang-ulasan.jq-ry-container .jq-ry-group-wrapper {
    position: absolute !important;
    margin-top: -17px !important;
  }

  .info-detail-produk.col.mx-3 .jq-ry-normal-group.jq-ry-group svg {
    width: 18px !important;
    height: 18px !important;
    /* margin-right: 6px !important; */
  }

  .info-detail-produk.col.mx-3 .jq-ry-rated-group.jq-ry-group svg {
    width: 18px !important;
    height: 18px !important;
    /* margin-right: 6px !important; */
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri {
    padding-right: 5px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk {
    padding-left: 16px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 {
    padding-right: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri .price {
    font-size: 1.6em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk .price {
    font-size: 1.6em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk p {
    font-size: 1.1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri p {
    font-size: 1.1em !important;
  }

  .info-detail-produk.col.mx-3 .trgt-produk {
    color: #2f80ed;
    background-color: #f7f7f7;
    padding: 2px;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 {
    margin-bottom: 6px !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 li.nav-item .btn.nav-link {
    font-size: 1.1em !important;
    margin-left: 0px !important;
  }

  .ulasan-produk .foto-ulasan {
    width: 60px !important;
    height: auto;
    border: 1px solid #cb7fc7;
  }

  .ulasan-produk.container-fluid.px-5 .m-auto.bintang-ulasan.jq-ry-container {
    width: auto !important;
  }

  .ulasan-produk.container-fluid.px-5 .ulsn-rev {
    padding-right: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    margin-top: 1rem !important;
  }

  .daftar-pembelian-kelompok-fluid .card-header {
    font-size: 1.1em;
    padding: 1rem;
  }

  .daftar-pembelian-kelompok-fluid .card-body {
    padding: 6px !important;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item {
    border-bottom: 2px solid #f7f7f7;
    padding-left: 6px !important;
    padding-right: 6px !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
  }

  .daftar-pembelian-kelompok-fluid .col-auto {
    padding: 0px !important;
    font-size: 0.9em;
  }

  .foto-pkl {
    padding: 6px !important;
  }

  .daftar-pembelian-kelompok-fluid .nama-pkl {
    font-size: 1.1em;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .jumlah-pkl {
    font-size: 1.1em;
    text-align: right;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item .row.col-12.align-items-center {
    margin: 0px !important;
  }

  .dpk-bergabung {
    border: 1px solid #cb7fc7 !important;
    border-radius: 5px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 1px;
    background-color: #cb7fc7 !important;
    font-size: 1em;
    width: 100%;
  }

  .daftar-tim {
    border: 1px solid black !important;
    border-radius: 3px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 1px;
    font-size: 1em;
    width: 100%;
  }

  .tmbl-lihat-team {
    padding: 0px 14px !important;
    margin-top: 1rem;
    margin-bottom: 10px;
  }

  .tmbl-bergabung {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .foto-dpk {
    width: 70% !important;
    height: auto !important;
  }

  .variasi.row.my-3.align-items-center label {
    font-size: 1em;
    border-radius: 4px !important;
  }

  .variasi .row.col-12 {
    margin-left: 0px;
  }

  .variasi.row.my-3.align-items-center .col-auto.px-1.px-md-3 {
    padding-left: 0px !important;
    padding-right: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .variasi.row.my-3.align-items-center .jenis-variasi-produk {
    margin-top: 0.25rem;
  }

  select#select_lokasi_pengiriman.lokasi-pengiriman {
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .cht-mtr {
    padding-right: 7px !important;
  }

  .cht-mtr button {
    padding: 8px 2px !important;
    font-size: 0.8em !important;
  }

  .knjg-mtr {
  }

  .knjg-mtr button {
    padding: 8px 2px !important;
    font-size: 0.8em !important;
  }

  .nav-img-kartara {
    text-align: center;
  }

  .detail-produk.container-fluid.px-md-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .kategori-detail.d-flex.my-3.align-items-center.d-md-block.d-none {
    font-size: 0.8em !important;
  }

  .info-detail-produk.col.mx-3 h1.title {
    font-size: 1.5em !important;
  }

  .info-detail-produk .price {
    font-weight: bolder;
    font-size: 1.5em;
  }

  .share-prod {
    padding: 0px !important;
  }

  .container-fluid.px-5.table-produk p.loc {
    font-size: 0.8em !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 .container,
  .filter-ulasan.container-fluid.px-5.my-4 .container-sm {
    max-width: 992px !important;
  }

  .row.detail-order #select2-select_lokasi_pengiriman-container.select2-selection__rendered {
    max-width: 240px;
  }

  .row.detail-order .select2.select2-container.select2-container--default {
    width: 100% !important;
  }

  .row.detail-order div.col-6.k-pen {
    padding-bottom: 1rem !important;
  }

  .info-detail-produk.col.mx-3 .row.my-md-3 {
    margin-bottom: 0px !important;
  }

  .info-detail-produk.col.mx-3 .kuantitas-prod {
    margin-top: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 {
    padding-right: 0px !important;
    font-size: 1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-3 {
    padding-right: 0px !important;
    padding-left: 24px !important;
    font-size: 1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .fw-6 {
    font-size: 1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .bintang-ulasan.jq-ry-container {
    display: inline-block !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .bintang-ulasan.jq-ry-container .jq-ry-group-wrapper {
    position: absolute !important;
    margin-top: -17px !important;
  }

  .info-detail-produk.col.mx-3 .jq-ry-normal-group.jq-ry-group svg {
    width: 18px !important;
    height: 18px !important;
    /* margin-right: 6px !important; */
  }

  .info-detail-produk.col.mx-3 .jq-ry-rated-group.jq-ry-group svg {
    width: 18px !important;
    height: 18px !important;
    /* margin-right: 6px !important; */
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri {
    padding-right: 5px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk {
    padding-left: 16px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 {
    padding-right: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri .price {
    font-size: 1.4em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk .price {
    font-size: 1.4em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk p {
    font-size: 0.8em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri p {
    font-size: 0.8em !important;
  }

  .info-detail-produk.col.mx-3 .trgt-produk {
    color: #2f80ed;
    background-color: #f7f7f7;
    padding: 2px;
  }

  .container.list_ulasan .row.my-2 .col-4 .img-fluid.rounded-circle {
    width: 50px;
  }

  .container.list_ulasan .row.my-2 .col-4 h4.fw-6 {
    font-size: 1em !important;
    margin-top: 6px;
  }

  .container.list_ulasan .fa.fa-star.checked {
    font-size: 20px;
    margin-right: 3px;
  }

  .container.list_ulasan .fa.fa-star {
    font-size: 20px;
    margin-right: 3px;
  }

  .ulsn-star {
    margin-top: 5px;
  }

  .col-6.col-md-6.cht-mtr {
    font-size: 1em;
  }

  .col-6.col-md-6.cht-mtr .btn {
    font-size: 1em !important;
    width: 100%;
    padding: 12px 0px !important;
  }

  .col-6.col-md-6.knjg-mtr {
    padding-left: 3px !important;
  }

  .col-6.col-md-6.knjg-mtr .btn {
    font-size: 1em !important;
    width: 100%;
    padding: 12px 0px !important;
  }
  .ulasan-produk .foto-ulasan {
    width: 75px !important;
    height: auto;
    border: 1px solid #cb7fc7;
  }

  .daftar-pembelian-kelompok-fluid {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    margin-top: 1rem !important;
  }

  .daftar-pembelian-kelompok-fluid .card-header {
    font-size: 1.2em;
    padding: 1rem 2rem;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item {
    border-bottom: 2px solid #f7f7f7;
    padding-left: 6px !important;
    padding-right: 6px !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
  }

  .daftar-pembelian-kelompok-fluid .col-auto {
    padding: 0px !important;
    font-size: 0.9em;
  }

  .foto-pkl {
    padding: 6px !important;
  }

  .daftar-pembelian-kelompok-fluid .nama-pkl {
    font-size: 1.1em;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .jumlah-pkl {
    font-size: 1.1em;
    text-align: right;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item .row.col-12.align-items-center {
    margin: 0px !important;
  }

  .dpk-bergabung {
    border: 1px solid #cb7fc7 !important;
    border-radius: 5px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 1px;
    background-color: #cb7fc7 !important;
    font-size: 1em;
    width: 100%;
  }

  .daftar-tim {
    border: 1px solid black !important;
    border-radius: 3px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 1px;
    font-size: 1em;
    width: 100%;
  }

  .tmbl-lihat-team {
    padding: 0px 14px !important;
    margin-top: 1rem;
    margin-bottom: 5px;
  }

  .tmbl-bergabung {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .foto-dpk {
    width: 75px !important;
    height: auto !important;
  }

  .variasi.row.my-3.align-items-center label {
    font-size: 0.9em;
    border-radius: 4px !important;
  }

  .variasi .row.col-12 {
    margin-left: 0px;
  }

  .variasi.row.my-3.align-items-center .col-auto.px-1.px-md-3 {
    padding-left: 0px !important;
    padding-right: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .variasi.row.my-3.align-items-center {
    align-items: normal !important;
  }

  .variasi.row.my-3.align-items-center .jenis-variasi-produk {
  }

  .variasi.row.my-3.align-items-center .k-variasi {
  }
}

@media (min-width: 875.5px) and (max-width: 991.5px) {
  .filter-ulasan.container-fluid.px-5.my-4 .row.border-bottom .col-auto.col-md-auto.my-2 {
    margin-top: -3.5px !important;
    padding-bottom: 10px;
    margin-left: auto;
  }
}
@media (min-width: 991.5px) {
  .info-detail-produk.col.mx-3 h1.title {
    font-size: 1.75em !important;
  }

  .container-fluid.px-5.table-produk p.loc {
    font-size: 0.8em !important;
  }

  .cht-mtr {
    padding-left: 0px !important;
  }

  .cht-mtr button {
    padding: 12px 19px !important;
    font-size: 0.8em !important;
  }

  .knjg-mtr {
    padding-left: 0px !important;
  }

  .knjg-mtr button {
    padding: 12px 6px !important;
    font-size: 0.8em !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 .container,
  .filter-ulasan.container-fluid.px-5.my-4 .container-sm {
    max-width: 2400px !important;
  }

  .filter-ulasan.container-fluid.px-5.my-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .row.detail-order #select2-select_lokasi_pengiriman-container.select2-selection__rendered {
    max-width: 180px;
  }

  .row.detail-order .select2.select2-container.select2-container--default {
    width: 100%;
  }

  .row.detail-order div.col-6.k-pen {
    padding-bottom: 1rem !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 {
    padding-right: 0px !important;
    font-size: 1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-3 {
    padding-right: 0px !important;
    padding-left: 24px !important;
    font-size: 1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .fw-6 {
    font-size: 1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .bintang-ulasan.jq-ry-container {
    display: inline-block !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-3 .col-6 .bintang-ulasan.jq-ry-container .jq-ry-group-wrapper {
    position: absolute !important;
    margin-top: -17px !important;
  }

  .info-detail-produk.col.mx-3 .jq-ry-normal-group.jq-ry-group svg {
    width: 18px !important;
    height: 18px !important;
    /* margin-right: 6px !important; */
  }

  .info-detail-produk.col.mx-3 .jq-ry-rated-group.jq-ry-group svg {
    width: 18px !important;
    height: 18px !important;
    /* margin-right: 6px !important; */
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri {
    padding-right: 5px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk {
    padding-left: 16px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 {
    padding-right: 0px !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri .price {
    font-size: 1.4em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk .price {
    font-size: 1.4em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-klmpk p {
    font-size: 1em !important;
  }

  .info-detail-produk.col.mx-3 .row.mb-md-4 .beli-mndri p {
    font-size: 1em !important;
  }

  .info-detail-produk.col.mx-3 .trgt-produk {
    color: #2f80ed;
    background-color: #f7f7f7;
    padding: 3px 6px;
  }

  .container.list_ulasan .fa.fa-star.checked {
    font-size: 22px;
    margin-right: 3px;
  }

  .container.list_ulasan .fa.fa-star {
    font-size: 22px;
    margin-right: 3px;
  }

  .ulsn-star {
    margin-top: 5px;
  }

  .daftar-pembelian-kelompok-fluid {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    margin-top: 3rem !important;
  }

  .daftar-pembelian-kelompok-fluid .card-header {
    font-size: 1.3em;
    padding: 1rem 3rem;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item {
    border-bottom: 2px solid #f7f7f7;

    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
  }

  .daftar-pembelian-kelompok-fluid .col-auto {
    padding: 0px !important;
    font-size: 0.9em;
  }

  .foto-pkl {
    padding: 6px !important;
  }

  .daftar-pembelian-kelompok-fluid .nama-pkl {
    font-size: 1.25em;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .jumlah-pkl {
    font-size: 1.25em;
    text-align: right;
    padding-left: 0px !important;
  }

  .daftar-pembelian-kelompok-fluid .list-group-item .row.col-12.align-items-center {
    margin: 0px !important;
  }

  .dpk-bergabung {
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 16px;
    background-color: #cb7fc7 !important;
    font-size: 1.1em;
    width: 80%;
    float: right;
  }

  .daftar-tim {
    border: 1px solid black !important;
    border-radius: 3px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 1px;
    font-size: 1em;
    width: 100%;
  }

  .tmbl-lihat-team {
    padding: 0px 24px !important;
    margin-top: 1rem;
    margin-bottom: 5px;
  }

  .tmbl-bergabung {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .foto-dpk {
    width: 75px !important;
    height: auto !important;
  }

  .variasi.row.my-3.align-items-center label {
    font-size: 0.9em;
    border-radius: 4px !important;
  }

  .variasi .row.col-12 {
    margin-left: 0px;
  }

  .variasi.row.my-3.align-items-center .col-auto.px-1.px-md-3 {
    padding-left: 0px !important;
    padding-right: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .variasi.row.my-3.align-items-center .jenis-variasi-produk {
  }

  .variasi.row.my-3.align-items-center .k-variasi {
  }

  .filter-ulasan.container-fluid.px-5.my-4 .row.border-bottom .col-auto.col-md-auto.my-2 {
    margin-top: -2.5px !important;
    padding-bottom: 10px;
    margin-left: auto;
  }

  .variasi.row.my-3.align-items-center {
    align-items: normal !important;
  }
}

/* Modals Gambar Product */
@media screen and (max-width: 319px) {
  h3#modalFotoProduk.modal-title.fw-6 {
    font-size: 1.1em !important;
    padding-right: 10px !important;
  }
}

/* Main Search Result */
@media screen and (max-width: 319px) {
  .main-search-result {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .main-search-result .row.align-items-center {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .main-search-result .list-search-result {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 2rem !important;
  }

  .main-search-result .list-search-result .head-hasil .hasil_pencarian {
    font-size: 0.9em !important;
    text-align: left;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .main-search-result .list-search-result .head-hasil .action_box_pencarian {
    font-size: 0.9em !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .box-jumlah-prod-pencarian {
    padding: 0px !important;
  }

  .box-jumlah-prod-pencarian select {
    font-size: 3.5vw !important;
  }

  .jumlah-prod-pencarian {
    margin-left: auto;
  }

  .box-urutkan-prod-pencarian {
    padding-right: 0px !important;
  }

  .main-search-result .search-result-box-info-produk {
    padding: 0.5rem 0.5rem !important;
  }

  .main-search-result .table-produk .item #btn-wish {
    position: absolute;
    right: 8%;
    bottom: 5%;
  }

  .box-urutkan-prod-pencarian select {
    font-size: 0.9em !important;
  }

  .list-search-result .hasil_pencarian p {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .search-result-product-not-found {
    margin-top: 1rem !important;
  }

  .search-result-product-not-found img {
    width: 50px !important;
    height: 50px !important;
  }

  .search-result-produk-not-found-text1 {
    margin-top: 1rem !important;
    font-size: 0.85em !important;
  }

  .search-result-produk-not-found-text2 {
    font-size: 0.8em !important;
    color: #808080;
  }
}

@media (min-width: 319px) and (max-width: 415px) {
  .main-search-result {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .main-search-result .row.align-items-center {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .main-search-result .list-search-result {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 2rem !important;
  }

  .main-search-result .list-search-result .head-hasil .hasil_pencarian {
    font-size: 0.95em !important;
    text-align: left;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .main-search-result .list-search-result .head-hasil .action_box_pencarian {
    font-size: 0.9em !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .jumlah-prod-pencarian {
    text-align: left;
    margin-left: auto;
  }

  .box-jumlah-prod-pencarian {
    padding: 0px !important;
  }

  .box-jumlah-prod-pencarian select {
    font-size: 0.9em !important;
  }

  .urutkan-prod-pencarian {
    padding-left: 0px !important;
    margin-left: auto;
  }

  .box-urutkan-prod-pencarian select {
    font-size: 0.9em !important;
  }

  .box-urutkan-prod-pencarian {
    padding: 0px !important;
  }

  .main-search-result .card-body {
    padding: 0.5rem 0.5rem !important;
  }

  .main-search-result .table-produk .item #btn-wish {
    position: absolute;
    right: 8%;
    bottom: 5%;
  }

  .list-search-result .hasil_pencarian p {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .search-result-product-not-found {
    margin-top: 1rem !important;
  }

  .search-result-product-not-found img {
    width: 55px !important;
    height: 55px !important;
  }

  .search-result-produk-not-found-text1 {
    margin-top: 1rem !important;
    font-size: 0.85em !important;
  }

  .search-result-produk-not-found-text2 {
    font-size: 0.8em !important;
    color: #808080;
  }
}

@media (min-width: 415px) and (max-width: 575.5px) {
  .main-search-result {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .main-search-result .row.align-items-center {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .main-search-result .list-search-result {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 2rem !important;
  }

  .main-search-result .list-search-result .head-hasil .hasil_pencarian {
    font-size: 1em !important;
    text-align: left;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .main-search-result .list-search-result .head-hasil .action_box_pencarian {
    font-size: 0.9em !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .jumlah-prod-pencarian {
    margin-left: auto;
    text-align: left;
    font-size: 1.1em !important;
  }

  .box-jumlah-prod-pencarian {
    padding: 0px !important;
  }

  .box-jumlah-prod-pencarian select {
    font-size: 1em !important;
  }

  .urutkan-prod-pencarian {
    padding-left: 0px !important;
    margin-left: auto;
  }

  .box-urutkan-prod-pencarian select {
    font-size: 1em !important;
  }

  .box-urutkan-prod-pencarian {
    padding: 0px !important;
  }

  .main-search-result .card-body {
  }

  .main-search-result .table-produk .item #btn-wish {
    position: absolute;
    right: 8%;
    bottom: 5%;
  }

  .list-search-result .hasil_pencarian p {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .search-result-product-not-found {
    margin-top: 1rem !important;
  }

  .search-result-product-not-found img {
    width: 60px !important;
    height: 60px !important;
  }

  .search-result-produk-not-found-text1 {
    margin-top: 1rem !important;
    font-size: 0.85em !important;
  }

  .search-result-produk-not-found-text2 {
    font-size: 0.8em !important;
    color: #808080;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .main-search-result {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .main-search-result .row.align-items-center {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .main-search-result .list-search-result {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .main-search-result .list-search-result .head-hasil .hasil_pencarian {
    font-size: 1em !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .main-search-result .list-search-result .head-hasil .action_box_pencarian {
    font-size: 1em !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .jumlah-prod-pencarian {
    margin-left: auto;
    text-align: left;
    font-size: 1em !important;
  }

  .box-jumlah-prod-pencarian {
    padding: 0px !important;
  }

  .box-jumlah-prod-pencarian select {
    font-size: 1em !important;
  }

  .urutkan-prod-pencarian {
    padding-left: 0px !important;
    margin-left: auto;
  }

  .box-urutkan-prod-pencarian select {
    font-size: 0.9em !important;
  }

  .box-urutkan-prod-pencarian {
    padding: 0px !important;
  }

  .main-search-result .card-body {
    padding: 0.5rem 0.5rem !important;
  }

  .main-search-result .table-produk .item #btn-wish {
    position: absolute;
    right: 8%;
    bottom: 5%;
  }

  .list-search-result .hasil_pencarian p {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .search-result-product-not-found {
    margin-top: 1rem !important;
  }

  .search-result-product-not-found img {
    width: 70px !important;
    height: 70px !important;
  }

  .search-result-produk-not-found-text1 {
    margin-top: 1rem !important;
    font-size: 0.85em !important;
  }

  .search-result-produk-not-found-text2 {
    font-size: 0.8em !important;
    color: #808080;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .main-search-result {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .banner-search-result {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .banner-search-result .row.px-5 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .filter {
    width: 28% !important;
  }

  .list-search-result {
    width: 72% !important;
  }

  .action_box_pencarian {
    padding-left: 12px !important ;
    padding-right: 12px !important ;
  }

  .jumlah-prod-pencarian {
    padding-right: 0px !important;
    margin-left: auto;
  }

  .urutkan-prod-pencarian {
    padding: 0px !important;
  }

  .box-jumlah-prod-pencarian .form-select {
    font-size: 0.9rem !important;
  }

  .box-urutkan-prod-pencarian .form-select.select-sort-by {
    font-size: 0.9rem !important;
  }

  .list-search-result .hasil_pencarian {
    padding-bottom: 8px !important;
  }

  .list-search-result .hasil_pencarian p {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  #kategori.accordion.accordion-flush label {
    font-size: 0.85em !important;
  }

  #kategori.accordion.accordion-flush .accordion-body.pe-3 {
    padding-right: 0.5rem !important;
  }

  #brand.accordion.accordion-flush label {
    font-size: 0.85em !important;
  }

  #brand.accordion.accordion-flush .accordion-body.pe-3 {
    padding-right: 0.5rem !important;
  }

  #lokasiToko.accordion.accordion-flush label {
    font-size: 0.85em !important;
  }

  #lokasiToko.accordion.accordion-flush .accordion-body.pe-3 {
    padding-right: 0.5rem !important;
  }

  #harga.accordion.accordion-flush label {
    font-size: 0.85em !important;
  }

  #harga.accordion.accordion-flush .accordion-body.pe-3 {
    padding-right: 0.5rem !important;
  }

  #kategori.accordion.accordion-flush .accordion-button:not(.collapsed),
  #brand.accordion.accordion-flush .accordion-button:not(.collapsed),
  #lokasiToko.accordion.accordion-flush .accordion-button:not(.collapsed),
  #harga.accordion.accordion-flush .accordion-button:not(.collapsed),
  #penilaian.accordion.accordion-flush .accordion-button:not(.collapsed) {
    box-shadow: none;
  }

  .filter .lihat-semua-btn {
    color: #2f80ed;
    font-weight: 600;
    font-size: 0.85rem !important;
    padding-left: 24px !important;
  }

  .rad-but-penilaian {
    padding-right: 0px !important;
  }

  .pilih-ulasan-desktop {
    padding-right: 0px !important;
  }

  .search-result-product-not-found {
    margin-top: 1.5rem !important;
  }

  .search-result-product-not-found img {
    width: 80px !important;
    height: 80px !important;
  }

  .search-result-produk-not-found-text1 {
    margin-top: 1rem !important;
    font-size: 0.9em !important;
  }

  .search-result-produk-not-found-text2 {
    font-size: 0.85em !important;
    color: #808080;
  }
}

@media (min-width: 991.5px) and (max-width: 1302px) {
  #kategori.accordion.accordion-flush .accordion-button:not(.collapsed),
  #brand.accordion.accordion-flush .accordion-button:not(.collapsed),
  #lokasiToko.accordion.accordion-flush .accordion-button:not(.collapsed),
  #harga.accordion.accordion-flush .accordion-button:not(.collapsed),
  #penilaian.accordion.accordion-flush .accordion-button:not(.collapsed) {
    box-shadow: none;
  }

  .rad-but-penilaian {
    padding-right: 0px !important;
  }

  .pilih-ulasan-desktop {
    padding-right: 0px !important;
  }

  .jumlah-prod-pencarian {
    padding-right: 0px !important;
    margin-left: auto;
  }

  .list-search-result .hasil_pencarian {
    width: 100%;
    padding-bottom: 4px;
  }

  .action_box_pencarian {
    width: 100%;
  }

  .list-search-result .hasil_pencarian p {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 55%;
  }

  .list-search-result .hasil_pencarian {
    padding-bottom: 8px !important;
  }

  #kategori.accordion.accordion-flush label {
    font-size: 0.85em !important;
  }

  #kategori.accordion.accordion-flush .accordion-body.pe-3 {
    padding-right: 0.5rem !important;
  }

  #brand.accordion.accordion-flush label {
    font-size: 0.85em !important;
  }

  #brand.accordion.accordion-flush .accordion-body.pe-3 {
    padding-right: 0.5rem !important;
  }

  #lokasiToko.accordion.accordion-flush label {
    font-size: 0.85em !important;
  }

  #lokasiToko.accordion.accordion-flush .accordion-body.pe-3 {
    padding-right: 0.5rem !important;
  }

  #harga.accordion.accordion-flush label {
    font-size: 0.85em !important;
  }

  #harga.accordion.accordion-flush .accordion-body.pe-3 {
    padding-right: 0.5rem !important;
  }

  .search-result-product-not-found {
    margin-top: 1.5rem !important;
  }

  .search-result-product-not-found img {
    width: 90px !important;
    height: 90px !important;
  }

  .search-result-produk-not-found-text1 {
    margin-top: 1rem !important;
    font-size: 0.9em !important;
  }

  .search-result-produk-not-found-text2 {
    font-size: 0.85em !important;
    color: #808080;
  }

  .search-result-product-not-found .col-lg-2 {
    width: 10% !important;
  }

  .search-result-product-not-found .col-lg-8 {
    width: 80% !important;
  }
}

@media (min-width: 1302px) {
  #kategori.accordion.accordion-flush .accordion-button:not(.collapsed),
  #brand.accordion.accordion-flush .accordion-button:not(.collapsed),
  #lokasiToko.accordion.accordion-flush .accordion-button:not(.collapsed),
  #harga.accordion.accordion-flush .accordion-button:not(.collapsed),
  #penilaian.accordion.accordion-flush .accordion-button:not(.collapsed) {
    box-shadow: none;
  }

  .jumlah-prod-pencarian {
    margin-left: auto !important;
    padding-right: 0px !important;
  }

  .urutkan-prod-pencarian {
    padding-right: 0px !important;
  }

  .list-search-result .hasil_pencarian p {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 100%;
  }

  .search-result-product-not-found {
    margin-top: 2.5rem !important;
  }

  .search-result-product-not-found img {
    width: 90px !important;
    height: 90px !important;
  }

  .search-result-produk-not-found-text1 {
    margin-top: 1rem !important;
    font-size: 1em !important;
  }

  .search-result-produk-not-found-text2 {
    font-size: 0.95em !important;
    color: #808080;
  }

  .search-result-product-not-found .col-lg-2 {
    width: 10% !important;
  }

  .search-result-product-not-found .col-lg-8 {
    width: 80% !important;
  }
}

/* Hubungi Kami */
@media screen and (max-width: 319px) {
  .menu-hubungi-kami {
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .box-hubungi-kami {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .box-hubungi-kami a.col {
    padding: 0px !important;
  }

  .box-hubungi-kami img {
    width: 40px !important;
    height: 40px !important;
  }

  .hub-kami-title h1 {
    font-size: 1.3em !important;
  }

  .hubungi-kami-search {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .hubungi-kami-search input {
    font-size: 1.1em !important;
  }

  .hub-kami-action {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .hub-kami-action .row.my-2 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .navbar-top-bantuan {
    margin: 0px !important;
  }

  .navbar-top-bantuan .navbar-brand.m-3 {
    margin: 0px !important;
    padding-right: 20px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-right: 1px solid white;
  }

  .navbar-top-bantuan .vl.mx-3 {
    display: none !important;
  }

  .navbar-top-bantuan .navbar-brand.m-3 img {
    width: 100px !important;
  }

  .navbar-top-bantuan .collapse.navbar-collapse {
    display: contents !important;
  }

  .navbar-top-bantuan .collapse.navbar-collapse .navbar-nav {
    margin-right: auto !important;
    font-size: 0.7em !important;
    padding-left: 10px !important;
  }

  .footer-hubungi-kami .call-cs {
    text-align: center !important;
  }

  .footer-hubungi-kami .phone-number {
    border-bottom: 1px solid #cb7fc7;
    padding-bottom: 10px !important;
  }

  .footer-hubungi-kami .email {
    padding-top: 10px !important;
  }

  .copyright-hubungi-kami .row.mx-4 {
    margin: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center;
  }

  .copyright-hubungi-kami .row.mx-4 .col-md {
    padding: 0px !important;
  }
}

@media (min-width: 319px) and (max-width: 375px) {
  .menu-hubungi-kami {
    padding-left: 1rem !important;

    padding-right: 1rem !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .box-hubungi-kami {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .box-hubungi-kami a.col {
    padding: 0px !important;
  }

  .box-hubungi-kami img {
    width: 40px !important;
    height: 40px !important;
  }

  .hub-kami-title h1 {
    font-size: 1.3em !important;
  }

  .hubungi-kami-search {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .hubungi-kami-search input {
    font-size: 1.1em !important;
  }

  .hub-kami-action {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .hub-kami-action .row.my-2 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .navbar-top-bantuan {
    margin: 0px !important;
  }

  .navbar-top-bantuan .navbar-brand.m-3 {
    margin: 0px !important;
    padding-right: 20px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-right: 1px solid white;
  }

  .navbar-top-bantuan .vl.mx-3 {
    display: none !important;
  }

  .navbar-top-bantuan .navbar-brand.m-3 img {
    width: 100px !important;
  }

  .navbar-top-bantuan .collapse.navbar-collapse {
    display: contents !important;
  }

  .navbar-top-bantuan .collapse.navbar-collapse .navbar-nav {
    margin-right: auto !important;
    font-size: 0.7em !important;
    padding-left: 10px !important;
  }

  .footer-hubungi-kami .call-cs {
    text-align: center !important;
  }

  .footer-hubungi-kami .phone-number {
    border-bottom: 1px solid #cb7fc7;
    padding-bottom: 10px !important;
  }

  .footer-hubungi-kami .email {
    padding-top: 10px !important;
  }

  .copyright-hubungi-kami .row.mx-4 {
    margin: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center;
  }

  .copyright-hubungi-kami .row.mx-4 .col-md {
    padding: 0px !important;
  }
}

@media (min-width: 375px) and (max-width: 425px) {
  .menu-hubungi-kami {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .box-hubungi-kami {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .box-hubungi-kami img {
    width: 40px !important;
    height: 40px !important;
  }

  .hub-kami-title h1 {
    font-size: 1.3em !important;
  }

  .hubungi-kami-search {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .hubungi-kami-search input {
    font-size: 1.1em !important;
  }

  .hub-kami-action {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .hub-kami-action .row.my-2 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .navbar-top-bantuan {
    margin: 0px !important;
  }

  .navbar-top-bantuan .navbar-brand.m-3 {
    margin: 0px !important;
    padding-right: 20px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-right: 1px solid white;
  }

  .navbar-top-bantuan .vl.mx-3 {
    display: none !important;
  }

  .navbar-top-bantuan .navbar-brand.m-3 img {
    width: 100px !important;
  }

  .navbar-top-bantuan .collapse.navbar-collapse {
    display: contents !important;
  }

  .navbar-top-bantuan .collapse.navbar-collapse .navbar-nav {
    margin-right: auto !important;
    font-size: 0.7em !important;
    padding-left: 10px !important;
  }

  .footer-hubungi-kami .call-cs {
    text-align: center !important;
  }

  .footer-hubungi-kami .phone-number {
    border-bottom: 1px solid #cb7fc7;
    padding-bottom: 10px !important;
  }

  .footer-hubungi-kami .email {
    padding-top: 10px !important;
  }

  .copyright-hubungi-kami .row.mx-4 {
    margin: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center;
  }

  .copyright-hubungi-kami .row.mx-4 .col-md {
    padding: 0px !important;
  }

  .menu-hubungi-kami .row-cols-1 > * {
    width: 50% !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .menu-hubungi-kami {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .box-hubungi-kami {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .box-hubungi-kami img {
    width: 40px !important;
    height: 40px !important;
  }

  .hub-kami-title h1 {
    font-size: 1.3em !important;
  }

  .hubungi-kami-search {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .hubungi-kami-search input {
    font-size: 1.1em !important;
  }

  .hub-kami-action {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .hub-kami-action .row.my-2 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .navbar-top-bantuan {
    margin: 0px !important;
  }

  .navbar-top-bantuan .navbar-brand.m-3 {
    margin: 0px !important;
    padding-right: 20px;
    border-right: 1px solid white;
    padding-left: 8px;
  }

  .navbar-top-bantuan .vl.mx-3 {
    display: none !important;
  }

  .navbar-top-bantuan .navbar-brand.m-3 img {
    width: 135px !important;
  }

  .navbar-top-bantuan .collapse.navbar-collapse {
    display: contents !important;
  }

  .navbar-top-bantuan .collapse.navbar-collapse .navbar-nav {
    margin-right: auto !important;
    font-size: 0.7em !important;
    padding-left: 10px !important;
  }

  .footer-hubungi-kami .call-cs {
    text-align: center !important;
  }

  .copyright-hubungi-kami .row.mx-4 {
    margin: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center;
  }

  .copyright-hubungi-kami .row.mx-4 .col-md {
    padding: 0px !important;
  }

  .menu-hubungi-kami .row-cols-1 > * {
    width: 50% !important;
  }
}

@media (min-width: 425px) and (max-width: 487.5px) {
  .footer-hubungi-kami .phone-number {
    border-bottom: 1px solid #cb7fc7;
    padding-bottom: 10px !important;
  }

  .footer-hubungi-kami .email {
    padding-top: 10px !important;
  }
}
@media (min-width: 487.5px) and (max-width: 575.5px) {
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .menu-hubungi-kami {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    font-size: 0.84em !important;
  }

  .box-hubungi-kami {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .box-hubungi-kami img {
    width: 40px !important;
    height: 40px !important;
  }

  .hub-kami-title h1 {
    font-size: 1.3em !important;
  }

  .hubungi-kami-search {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  .hub-kami-action {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .hub-kami-action .row.my-2 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .navbar-top-bantuan {
    margin: 0px !important;
  }

  .navbar-top-bantuan .navbar-brand.m-3 {
    margin: 0px !important;
    padding-right: 20px;
    border-right: 1px solid white;
    padding-left: 8px;
  }

  .navbar-top-bantuan .vl.mx-3 {
    display: none !important;
  }

  .navbar-top-bantuan .navbar-brand.m-3 img {
    width: 150px !important;
  }

  .navbar-top-bantuan .collapse.navbar-collapse {
    display: contents !important;
  }

  .navbar-top-bantuan .collapse.navbar-collapse .navbar-nav {
    margin-right: auto !important;
    font-size: 0.8em !important;
    padding-left: 10px !important;
  }

  .footer-hubungi-kami .call-cs {
    text-align: center !important;
  }

  .copyright-hubungi-kami .row.mx-4 {
    margin: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center;
  }

  .copyright-hubungi-kami .row.mx-4 .col-md {
    padding: 0px !important;
  }

  .menu-hubungi-kami.container,
  .menu-hubungi-kami.container-sm {
    max-width: 100% !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .hub-kami-title h1 {
    font-size: 1.5em !important;
  }

  .menu-hubungi-kami.container,
  .menu-hubungi-kami.container-md,
  .menu-hubungi-kami.container-sm {
    max-width: 100% !important;
  }

  .box-hubungi-kami {
    margin: 0px !important;
  }

  .container.my-5.menu-hubungi-kami {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    font-size: 0.85em !important;
  }

  .menu-hubungi-kami .row.justify-content-center.mt-3 .col-auto {
    padding: 0px !important;
  }

  .hub-kami-action {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .navbar-top-bantuan .navbar-brand.m-3 {
    margin: 0px !important;
    padding-right: 20px;
    border-right: 1px solid white;
    padding-left: 8px;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .navbar-top-bantuan .vl.mx-3 {
    display: none !important;
  }

  .navbar-top-bantuan .navbar-brand.m-3 img {
    width: 175px !important;
  }

  .navbar-top-bantuan .collapse.navbar-collapse {
    display: contents !important;
  }

  .navbar-top-bantuan .collapse.navbar-collapse .navbar-nav {
    margin-right: auto !important;
    font-size: 0.9em !important;
    padding-left: 10px !important;
  }
}

@media (min-width: 991.5px) and (max-width: 1200px) {
  .hub-kami-title h1 {
    font-size: 1.5em !important;
  }

  .hub-kami-action {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .menu-hubungi-kami.container,
  .menu-hubungi-kami.container-md,
  .menu-hubungi-kami.container-sm,
  .menu-hubungi-kami.container-lg {
    max-width: 100% !important;
  }

  .box-hubungi-kami {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .menu-hubungi-kami .row.justify-content-center.mt-3 .col-auto {
    padding: 0px !important;
  }
}

/* FaQ */
@media screen and (max-width: 319px) {
  .search-faq-result-box {
    padding: 0px 1rem !important;
  }

  .box-content-search-faq .col {
    padding: 0px !important;
  }

  .text-search-faq-qna {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .container-fluid.faq.my-md-5.my-2.px-5 {
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-top: 0px !important;
  }

  .container.faq-qna {
    margin-top: 1.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container.faq-qna .row.my-3 {
    margin-top: 0px !important;
  }

  .list-qna-akunsaya .col {
    padding-left: 0px !important;
  }

  .list-qna-akunsaya .col-auto {
    padding-right: 6px !important;
  }

  .container.faq-qna .title-faq-qna {
    padding-left: 0px !important;
  }

  .container.faq-qna .title-faq-qna h1 {
    font-size: 1.25em !important;
  }

  .container.faq-qna .row.my-3.list-qna-akunsaya {
    padding: 0px !important;
  }

  .search-faq-menu .input-group input {
    font-size: 1em !important;
  }

  .search-faq-menu .input-group span {
    background-color: #f7f7f7;
  }

  .search-faq-menu {
    background-color: #f7f7f7;
    padding: 1rem !important;
  }

  .container-fluid.faq .col-12.faq-menu {
    margin-top: 1rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container-fluid.faq .faq-menu .list-faq {
    font-size: 1em !important;
    padding: 6px 12px !important;
    height: 40px;
  }

  .footer-hubungi-kami .row.py-5 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 319px) and (max-width: 425px) {
  .search-faq-result-box {
    padding: 0px 1rem !important;
  }

  .box-content-search-faq .col {
    padding: 0px !important;
  }

  .text-search-faq-qna {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .container-fluid.faq.my-md-5.my-2.px-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-top: 0px !important;
  }

  .container.faq-qna {
    margin-top: 1.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container.faq-qna .row.my-3 {
    margin-top: 0px !important;
  }

  .list-qna-akunsaya .col {
    padding-left: 0px !important;
  }

  .list-qna-akunsaya .col-auto {
    padding-right: 6px !important;
  }

  .container.faq-qna .title-faq-qna {
    padding-left: 0px !important;
  }

  .container.faq-qna .title-faq-qna h1 {
    font-size: 1.25em !important;
  }

  .container.faq-qna .row.my-3.list-qna-akunsaya {
    padding: 0px !important;
  }

  .search-faq-menu .input-group input {
    font-size: 1em !important;
  }

  .search-faq-menu .input-group span {
    background-color: #f7f7f7;
  }

  .search-faq-menu {
    background-color: #f7f7f7;
    padding: 1rem 20px !important;
  }

  .container-fluid.faq .col-12.faq-menu {
    margin-top: 1rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container-fluid.faq .faq-menu .list-faq {
    font-size: 1em !important;
    padding: 6px 12px !important;
    height: 40px;
  }

  .footer-hubungi-kami .row.py-5 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .search-faq-result-box {
    padding: 0px 1rem !important;
  }

  .box-content-search-faq .col {
    padding: 0px !important;
  }

  .text-search-faq-qna {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .container-fluid.faq.my-md-5.my-2.px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    margin-top: 0px !important;
  }

  .container.faq-qna {
    margin-top: 1.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container.faq-qna .row.my-3 {
    margin-top: 0px !important;
  }

  .list-qna-akunsaya .col {
    padding-left: 0px !important;
  }

  .list-qna-akunsaya .col-auto {
    padding-right: 6px !important;
  }

  .container.faq-qna .title-faq-qna {
    padding-left: 0px !important;
  }

  .container.faq-qna .title-faq-qna h1 {
    font-size: 1.25em !important;
  }

  .container.faq-qna .row.my-3.list-qna-akunsaya {
    padding: 0px !important;
  }

  .search-faq-menu .input-group input {
    font-size: 1em !important;
  }

  .search-faq-menu .input-group span {
    background-color: #f7f7f7;
  }

  .search-faq-menu {
    background-color: #f7f7f7;
    padding: 1rem 36px !important;
  }

  .container-fluid.faq .col-12.faq-menu {
    margin-top: 1rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container-fluid.faq .container,
  .container-fluid.faq .container-sm {
    max-width: 100% !important;
  }

  .container-fluid.faq .faq-menu .list-faq {
    font-size: 1em !important;
    padding: 6px 12px !important;
    height: 40px;
  }

  .footer-hubungi-kami .row.py-5 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .search-faq-result-box {
    padding: 0px 1rem !important;
  }

  .box-content-search-faq .col {
    padding: 0px !important;
  }

  .text-search-faq-qna {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .container-fluid.faq.my-md-5.my-2.px-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-top: 0px !important;
  }

  .container.faq-qna {
    margin-top: 1.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container.faq-qna .row.my-3 {
    margin-top: 0px !important;
  }

  .list-qna-akunsaya .col {
    padding-left: 0px !important;
  }

  .list-qna-akunsaya .col-auto {
    padding-right: 6px !important;
  }

  .container.faq-qna .title-faq-qna {
    padding-left: 0px !important;
  }

  .container.faq-qna .title-faq-qna h1 {
    font-size: 1.25em !important;
  }

  .container.faq-qna .row.my-3.list-qna-akunsaya {
    padding: 0px !important;
  }

  .search-faq-menu .input-group input {
    font-size: 1em !important;
  }

  .search-faq-menu .input-group span {
    background-color: #f7f7f7;
  }

  .search-faq-menu {
    background-color: #f7f7f7;
    padding: 1rem 20px !important;
  }

  .container-fluid.faq .col-12.faq-menu {
    margin-top: 1rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container-fluid.faq .faq-menu .list-faq {
    font-size: 1em !important;
    padding: 6px 12px !important;
    height: 40px;
  }

  .footer-hubungi-kami .row.py-5 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .row.action-faq .faq-menu {
    background-color: #f7f7f7;
    padding: 1rem 36px 1rem 1rem !important;
    font-size: 1em !important;
  }

  .row.action-faq .faq-menu .search-faq-sm {
    width: 100%;
  }

  .search-faq-menu {
    background-color: #f7f7f7;
    padding: 1rem 0rem 1rem 36px !important;
  }

  .row.action-faq .faq-menu .list-faq {
    font-size: 0.9em !important;
    padding: 6px 12px !important;
    height: 40px;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .search-faq-result-box {
  }

  .container.search-faq-result-box .row.my-3 {
    margin-top: 0px !important;
  }

  .box-content-search-faq .col {
    padding-left: 0px !important;
  }

  .text-search-faq-qna {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .container-fluid.faq.my-md-5.my-2.px-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .faq-nav-top .container-fluid.mx-3.text-md-start.text-center {
    width: 100% !important;
    margin: 0px !important;
  }

  .faq-nav-top .collapse.navbar-collapse {
    display: contents !important;
  }

  .faq-nav-top .bantuan-search-tab {
    margin-right: auto !important;
    width: 40% !important;
  }

  .faq-nav-top .fw-bold.mx-2.my-auto {
    font-size: 1.75em !important;
  }

  .container-fluid.faq .container,
  .container-fluid.faq .container-md,
  .container-fluid.faq .container-sm {
    max-width: 100% !important;
  }

  .container.faq-qna .title-faq-qna {
    padding-left: 0px !important;
  }

  .container.faq-qna .title-faq-qna h1 {
    font-size: 1.5em !important;
  }

  .container.faq-qna .row.my-3 {
    margin-top: 0px !important;
  }

  .container.faq-qna .row.my-3 .list-qna-akunsaya .col {
    padding-left: 0px !important;
  }
}

@media (min-width: 991.5px) and (max-width: 1200px) {
  .container.search-faq-result-box .row.my-3 {
    margin-top: 0px !important;
  }

  .box-content-search-faq .col {
    padding-left: 0px !important;
  }

  .text-search-faq-qna {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .container-fluid.faq.my-md-5.my-2.px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .faq-nav-top .container-fluid.mx-3.text-md-start.text-center {
    width: 100% !important;
    margin: 0px !important;
  }

  .faq-nav-top .collapse.navbar-collapse {
    display: contents !important;
  }

  .faq-nav-top .bantuan-search-tab {
    margin-right: auto !important;
    width: 40% !important;
  }
}

@media (min-width: 1200px) {
  .container.search-faq-result-box .row.my-3 {
    margin-top: 0px !important;
  }

  .box-content-search-faq .col {
    padding-left: 0px !important;
  }

  .text-search-faq-qna {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .faq-nav-top .bantuan-search-tab {
    margin-right: auto !important;
    width: 40% !important;
  }

  .faq-nav-top .container-fluid.mx-3.text-md-start.text-center {
    width: 100% !important;
    margin: 0px !important;
  }

  .faq-nav-top .collapse.navbar-collapse {
    display: contents !important;
  }
}

/* Profile Mitra */

/* ALL PROFILE MITRA  */
.color-bg-gry {
  background: #f7f7f7 !important;
}

.container-fluid.profile-mitra .banner-profile-mitra img {
  object-fit: cover;
  height: 100%;
  display: block;
  overflow: auto;
}

.container-fluid.profile-mitra .ulasan_gambar_customer {
  padding-bottom: 0.5rem;
}

.container-fluid.profile-mitra div#bagikan p#linkMitra {
  word-break: break-all;
}

.scroll-lihat-galeri-mitra {
  overflow: auto;
  white-space: nowrap;
}

#fotoReviewGaleriSatu.modal .owl-nav {
  margin-top: 0px !important;
}

@media screen and (max-width: 299.5px) {
  .mob-ulasan-produk-mitra {
    text-align: unset !important;
  }

  .mob-ulasan-produk-mitra .col {
    padding-left: 3px;
  }
}

@media (min-width: 299.5px) and (max-width: 318.5px) {
  .mob-ulasan-produk-mitra {
    text-align: unset !important;
  }

  .mob-ulasan-produk-mitra .col {
    padding-left: 6px;
  }
}

@media screen and (max-width: 319px) {
  .gambar-platform-bagikan-mitra .col-auto {
    width: 25% !important;
  }

  .gambar-platform-bagikan-mitra .col-auto a img {
    width: 40px !important;
  }

  .no-rating-produk-mitra {
    margin-top: 2rem;
    padding-bottom: 2rem;
  }

  .no-rating-produk-mitra h2 {
    font-size: 14px !important;
  }

  .no-rating-produk-mitra img {
    width: 40px !important;
    padding-bottom: 0.5rem;
  }

  .container-fluid.profile-mitra .mob-foto-mitra .foto-profil img {
    width: 60px !important;
  }

  .container-fluid.profile-mitra .info-profil-mitra {
    margin-top: 0.75rem;
  }

  .container-fluid.profile-mitra .action-prof-mitra img {
    width: 16px !important;
  }

  .container-fluid.profile-mitra .action-prof-mitra .btn-ikuti {
    padding: 8px 2px !important;
  }

  .container-fluid.profile-mitra .row.justify-content-between.rounded-3.border.m-3 img {
    width: 16px !important;
  }

  .container-fluid.profile-mitra .row.justify-content-between.rounded-3.border.m-3 p,
  .container-fluid.profile-mitra .row.justify-content-between.rounded-3.border.m-3 b {
    font-size: 10px !important;
  }

  .container-fluid.profile-mitra {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .col.banner-profile-mitra {
    padding: 0px !important;
    height: 125px !important;
  }

  .container-fluid.profile-mitra .prof-mit {
    width: 100%;
    margin: 0px;
  }

  .mob-foto-mitra .foto-profil {
    height: 50px !important;
    margin-top: -32px !important;
  }

  .col-12 .fw-6.nama-toko {
    font-size: 13px;
  }

  .row-info-mitra {
    margin: 0.5rem !important;
  }

  .row.status-mitra.penjual {
    font-size: 10px !important;
    padding: 3px !important;
  }

  .container-fluid.profile-mitra .box-status-mitra-penjual {
    padding-left: 20px;
  }

  .container-fluid.profile-mitra .box-status-mitra-pemerintah {
    margin-left: 5px;
  }

  .row.status-mitra.penjual .col-auto {
    padding: 3px !important;
  }

  .row.status-mitra.penjual .col {

    padding: 3px !important;
  }

  .row.status-mitra.pemerintah {
    font-size: 10px !important;
    padding: 3px !important;
  }

  .row.status-mitra.pemerintah .col-auto {
    padding: 3px !important;
  }

  .row.status-mitra.pemerintah .col {
    padding: 3px !important;
  }

  .action-prof-mitra {
    margin-top: 1rem !important;
  }

  .action-prof-mitra .btn-ikuti-mitra {
    margin-right: auto;
    padding-right: 8px;
  }

  .action-prof-mitra .btn-chat-mitra {
    padding-right: 0px;
  }

  .action-prof-mitra .btn-share-mitra {
    padding-right: 0px;
  }

  .profile-mitra .head li {
    font-weight: 600;
    color: #b3b3b3;
    width: 33.33%;
    text-align: center;
    font-size: 1.1em !important;
  }

  .container-fluid.profile-mitra .tab-content #pills-beranda.tab-pane.fade.active.show {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .container-fluid.profile-mitra .tab-content#v-pills-tabContent {
    width: 100%;
    margin-top: -10px;
  }

  .profile-mitra .head button {
    border: 1px solid #cb7fc7;
    border-radius: 8px;
    font-weight: bold;
    font-size: 11px;
    width: 100%;
  }

  .container-fluid.profile-mitra .container-fluid.table-produk.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .container-fluid.profile-mitra .nav.border-top .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #b3b3b3;
  }

  .container-fluid.profile-mitra .head li .active {
    border-bottom: 3px solid #ffffff;
    color: #000 !important;
  }

  .container-fluid.profile-mitra select.form-select.select-sort-by {
    font-size: 2.7vw;
  }

  /* Produk */

  .container-fluid.profile-mitra .urutkan-produk {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .p-urutkan {
    padding-left: 0px !important;
    margin-left: auto;
    font-size: 2.75vw;
    padding-right: 3px !important;
  }

  .container-fluid.profile-mitra .search-produk-action {
    margin-bottom: 12px !important;
  }

  .container-fluid.profile-mitra .search-produk-action span.input-group-text {
    padding: 0px 7px !important;
  }

  .container-fluid.profile-mitra .search-produk-action input {
    font-size: 3.5vw !important;
  }

  .container-fluid.profile-mitra .search-produk button {
    /* margin-left: -40px; */
    padding: 0;
    height: 30px;
  }

  .container-fluid.profile-mitra .show-produk {
    margin-bottom: 0.5rem !important;
  }

  .container-fluid.profile-mitra .etalase-produk {
    padding-right: 0px !important;
  }

  /* Ulasan */
  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 h3.fw-6.p-3 {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .col-2 {
    padding: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .col-3 {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .col-7 {
    padding: 6px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 1rem !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 li.nav-item a.nav-link.active {
    font-size: 0.9em !important;
    margin-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 li.nav-item a.nav-link {
    font-size: 0.9em !important;
    margin-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 .nav-item.align-self-center {
    margin-top: 5px;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .action-sort-ulasan {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .action-sort-ulasan .col-auto.text-sort-by {
    margin-left: auto;
    padding-right: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .action-sort-ulasan .col-auto {
    padding-right: 0px !important;
  }

  .profile-mitra .filter-ulasan .balasan-penjual {
    padding-bottom: 1rem !important;
  }

  .profile-mitra .btn-like-ulasan {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .profile-mitra .num-rate.fw-6 {
    font-size: 200% !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .star-rating-ulasan {
    padding-top: 10px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .row.my-2.align-items-center.justify-content-around.justify-content-md-start {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }

  .tempat-dan-pengikut-mitra {
    margin-top: 6px;
  }

  .ulasan-gambar-produk-mitra img {
    width: 75%;
  }

  .ulasan-nama-produk-mitra {
    font-size: 0.8em;
  }

  .container-fluid.profile-mitra .sort-by-ulasan-mitra {
    font-size: 3.5vw !important;
  }

  .tidak-ada-galeri-foto-pembeli img {
    width: 50px;
    margin-bottom: 6px;
  }
}

@media (min-width: 319px) and (max-width: 425px) {
  .gambar-platform-bagikan-mitra .col-auto a img {
    width: 40px !important;
  }

  .no-rating-produk-mitra {
    margin-top: 2rem;
    padding-bottom: 2rem;
  }

  .no-rating-produk-mitra h2 {
    font-size: 16px !important;
  }

  .no-rating-produk-mitra img {
    width: 40px !important;
    padding-bottom: 0.5rem;
  }

  .container-fluid.profile-mitra .mob-foto-mitra .foto-profil img {
    width: 60px !important;
  }

  .container-fluid.profile-mitra .info-profil-mitra {
    margin-top: 0.75rem;
  }

  .container-fluid.profile-mitra .action-prof-mitra .btn-ikuti {
    padding: 8px 2px !important;
  }

  .container-fluid.profile-mitra {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .col.banner-profile-mitra {
    padding: 0px !important;
    height: 125px !important;
  }

  .container-fluid.profile-mitra .prof-mit {
    width: 100%;
    margin: 0px;
  }

  .mob-foto-mitra .foto-profil {
    height: 50px !important;
    margin-top: -32px !important;
  }

  .col-12 .fw-6.nama-toko {
    font-size: 13px;
  }

  .row-info-mitra {
    margin: 0.5rem !important;
  }

  .row.status-mitra.penjual {
    font-size: 10px !important;
  }

  .row.status-mitra.penjual .col-auto {
    padding: 3px !important;
  }

  .row.status-mitra.penjual .col {
    padding: 3px !important;
  }

  .row.status-mitra.pemerintah {
    font-size: 10px !important;
    margin-left: -5px;
  }

  .row.status-mitra.pemerintah .col-auto {
    padding: 3px !important;
  }

  .row.status-mitra.pemerintah .col {
    padding: 3px !important;
  }

  .action-prof-mitra {
    margin-top: 1rem !important;
  }

  .container-fluid.profile-mitra .box-status-mitra-penjual {
    padding-left: 20px;
  }

  .action-prof-mitra .btn-ikuti-mitra {
    margin-right: auto;
    padding-right: 8px;
  }

  .action-prof-mitra .btn-chat-mitra {
    padding-right: 0px;
  }

  .action-prof-mitra .btn-share-mitra {
    padding-right: 0px;
  }

  .profile-mitra .head li {
    font-weight: 600;
    color: #b3b3b3;
    width: 33.33%;
    text-align: center;
    font-size: 1.25em !important;
  }

  .container-fluid.profile-mitra .tab-content #pills-beranda.tab-pane.fade.active.show {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .container-fluid.profile-mitra .tab-content#v-pills-tabContent {
    width: 100%;
    margin-top: -10px;
  }

  .profile-mitra .head button {
    border: 1px solid #cb7fc7;
    border-radius: 8px;
    font-weight: bold;
    font-size: 11px;
    width: 100%;
  }

  .container-fluid.profile-mitra .container-fluid.table-produk.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .container-fluid.profile-mitra .nav.border-top .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #b3b3b3;
  }

  .container-fluid.profile-mitra .head li .active {
    border-bottom: 4px solid #ffffff;
    color: #000 !important;
  }

  .container-fluid.profile-mitra select.form-select.select-sort-by {
    font-size: 2.75vw !important;
    height: 30px;
  }

  /* Produk */

  .container-fluid.profile-mitra .urutkan-produk {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .p-urutkan {
    padding-left: 0px !important;
    margin-left: auto;
    font-size: 3vw;
  }

  .container-fluid.profile-mitra .search-produk-action {
    margin-bottom: 12px !important;
  }

  .container-fluid.profile-mitra .search-produk-action span.input-group-text {
    padding: 0px 7px !important;
  }

  .container-fluid.profile-mitra .search-produk-action input {
    font-size: 3.5vw !important;
  }

  .container-fluid.profile-mitra .search-produk button {
    /* margin-left: -40px; */
    padding: 0;
    height: 30px;
  }

  .container-fluid.profile-mitra .show-produk {
    margin-bottom: 0.5rem !important;
  }

  /* Ulasan */
  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 h3.fw-6.p-3 {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .col-2 {
    padding: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .col-3 {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .col-7 {
    padding: 6px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 1rem !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 li.nav-item a.nav-link.active {
    font-size: 0.9em !important;
    margin-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 li.nav-item a.nav-link {
    font-size: 0.9em !important;
    margin-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 .nav-item.align-self-center {
    margin-top: 5px;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .action-sort-ulasan {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .action-sort-ulasan .col-auto.text-sort-by {
    margin-left: auto;
    padding-right: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .action-sort-ulasan .col-auto {
    padding-right: 0px !important;
  }

  .profile-mitra .filter-ulasan .balasan-penjual {
    padding-bottom: 1rem !important;
  }

  .profile-mitra .btn-like-ulasan {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .profile-mitra .num-rate.fw-6 {
    font-size: 200% !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .star-rating-ulasan {
    padding-top: 10px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .row.my-2.align-items-center.justify-content-around.justify-content-md-start {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }

  .tempat-dan-pengikut-mitra {
    margin-top: 6px;
  }

  .ulasan-gambar-produk-mitra img {
    width: 75%;
  }

  .ulasan-nama-produk-mitra {
    font-size: 0.8em;
  }

  .tidak-ada-galeri-foto-pembeli img {
    width: 60px;
    margin-bottom: 6px;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .no-rating-produk-mitra {
    margin-top: 3rem;
    padding-bottom: 3rem;
  }

  .no-rating-produk-mitra img {
    width: 50px !important;
    padding-bottom: 0.5rem;
  }

  .container-fluid.profile-mitra .mob-foto-mitra .foto-profil img {
    width: 70px !important;
  }

  .container-fluid.profile-mitra .info-profil-mitra {
    margin-top: 0.75rem;
  }

  .profile-mitra .foto-dpk {
    width: 50px !important;
    height: auto !important;
  }

  .container-fluid.profile-mitra {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .col.banner-profile-mitra {
    padding: 0px !important;
    height: 125px !important;
  }

  .container-fluid.profile-mitra .prof-mit {
    width: 100%;
    margin: 0px;
  }

  .mob-foto-mitra .foto-profil {
    height: 50px !important;
    margin-top: -35px !important;
    margin-bottom: 10px !important;
  }

  .row-info-mitra {
    margin: 0.5rem !important;
  }

  .row.status-mitra.penjual {
  }

  .row.status-mitra.penjual .col-auto {
    padding: 3px !important;
  }

  .row.status-mitra.pemerintah {
    margin-left: -5px;
  }

  .row.status-mitra.pemerintah .col-auto {
    padding: 3px !important;
  }

  .action-prof-mitra {
    margin-top: 1rem !important;
  }

  .container-fluid.profile-mitra .box-status-mitra-penjual {
    padding-left: 20px;
  }

  .action-prof-mitra .btn-ikuti-mitra {
    margin-right: auto;
    padding-right: 8px;
  }

  .action-prof-mitra .btn-chat-mitra {
    padding-right: 0px;
  }

  .action-prof-mitra .btn-share-mitra {
    padding-right: 0px;
  }

  .profile-mitra .head li {
    font-weight: 600;
    color: #b3b3b3;
    width: 33.33%;
    text-align: center;
    font-size: 1.25em !important;
  }

  .container-fluid.profile-mitra .tab-content #pills-beranda.tab-pane.fade.active.show {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container-fluid.profile-mitra .tab-content#v-pills-tabContent {
    width: 100%;
    margin-top: -10px;
  }

  .container-fluid.profile-mitra .tab-content#v-pills-tabContent .container {
    padding: 0px !important;
  }

  .profile-mitra .head button {
    border: 1px solid #cb7fc7;
    border-radius: 8px;
    font-weight: bold;
    font-size: 11px;
    width: 100%;
  }

  .container-fluid.profile-mitra .container-fluid.table-produk.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .container-fluid.profile-mitra .nav.border-top .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #b3b3b3;
  }

  .container-fluid.profile-mitra .head li .active {
    border-bottom: 4px solid #ffffff;
    color: #000 !important;
  }

  .container-fluid.profile-mitra select.form-select.select-sort-by {
    font-size: 2.5vw !important;
  }

  /* Produk */

  .container-fluid.profile-mitra .urutkan-produk {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .p-urutkan {
    padding-left: 0px !important;
    margin-left: auto;
    font-size: 3vw;
  }

  .container-fluid.profile-mitra .search-produk-action {
    margin-bottom: 12px !important;
  }

  .container-fluid.profile-mitra .search-produk-action input {
    font-size: 3.5vw !important;
  }

  .container-fluid.profile-mitra .search-produk button {
    /* margin-left: -40px; */
    padding: 0;
    height: 30px;
  }

  .container-fluid.profile-mitra .show-produk {
    margin-bottom: 0.5rem !important;
  }

  /* Ulasan */
  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 h3.fw-6.p-3 {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .col-2 {
    padding: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .col-3 {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .col-7 {
    padding: 6px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 1rem !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 li.nav-item a.nav-link.active {
    font-size: 0.9em !important;
    margin-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 li.nav-item a.nav-link {
    font-size: 0.9em !important;
    margin-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 .nav-item.align-self-center {
    margin-top: 5px;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .action-sort-ulasan {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .action-sort-ulasan .col-auto.text-sort-by {
    margin-left: auto;
    padding-right: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .action-sort-ulasan .col-auto {
    padding-right: 0px !important;
  }

  .profile-mitra .filter-ulasan .balasan-penjual {
    padding-bottom: 1rem !important;
  }

  .profile-mitra .btn-like-ulasan {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .profile-mitra .num-rate.fw-6 {
    font-size: 250% !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .star-rating-ulasan {
    padding-top: 10px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .row.my-2.align-items-center.justify-content-around.justify-content-md-start {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }

  .tempat-dan-pengikut-mitra {
    margin-top: 10px;
  }

  .container-fluid.profile-mitra .ulasan_gambar_customer img {
    width: 50px !important;
  }

  .tidak-ada-galeri-foto-pembeli img {
    width: 70px;
    margin-bottom: 6px;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 450px;
  }

  .no-rating-produk-mitra {
    margin-top: 4rem;
    padding-bottom: 4rem;
  }

  .no-rating-produk-mitra img {
    width: 50px !important;
    padding-bottom: 1rem;
  }

  .container-fluid.profile-mitra .mob-foto-mitra .foto-profil img {
    width: 80px !important;
  }

  .container-fluid.profile-mitra .info-profil-mitra {
    margin-top: 1rem;
  }

  .profile-mitra .foto-dpk {
    width: 50px !important;
    height: auto !important;
  }

  .container-fluid.profile-mitra {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .col.banner-profile-mitra {
    padding: 0px !important;
    height: 125px !important;
  }

  .container-fluid.profile-mitra .prof-mit {
    width: 100%;
    margin: 0px;
  }

  .mob-foto-mitra .foto-profil {
    height: 50px !important;
    margin-top: -35px !important;
    margin-bottom: 10px !important;
  }

  .row-info-mitra {
    margin: 0.5rem !important;
  }

  .row.status-mitra.penjual {
  }

  .row.status-mitra.penjual .col-auto {
    padding: 3px !important;
  }

  .row.status-mitra.pemerintah {
    margin-left: -5px;
  }

  .row.status-mitra.pemerintah .col-auto {
    padding: 3px !important;
  }

  .action-prof-mitra {
    margin-top: 1rem !important;
  }

  .container-fluid.profile-mitra .box-status-mitra-penjual {
    padding-left: 20px;
  }

  .action-prof-mitra .btn-ikuti-mitra {
    margin-right: auto;
    padding-right: 8px;
  }

  .action-prof-mitra .btn-chat-mitra {
    padding-right: 0px;
  }

  .action-prof-mitra .btn-share-mitra {
    padding-right: 0px;
  }

  .profile-mitra .head li {
    font-weight: 600;
    color: #b3b3b3;
    width: 33.33%;
    text-align: center;
    font-size: 1.25em !important;
  }

  .container-fluid.profile-mitra .tab-content #pills-beranda.tab-pane.fade.active.show {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container-fluid.profile-mitra .tab-content#v-pills-tabContent {
    width: 100%;
    margin-top: -10px;
  }

  .container-fluid.profile-mitra .tab-content#v-pills-tabContent .container {
    padding: 0px !important;
    max-width: 768px !important;
  }

  .profile-mitra .head button {
    border: 1px solid #cb7fc7;
    border-radius: 8px;
    font-weight: bold;
    font-size: 11px;
    width: 100%;
  }

  .container-fluid.profile-mitra .container-fluid.table-produk.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .container-fluid.profile-mitra .nav.border-top .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #b3b3b3;
  }

  .container-fluid.profile-mitra .head li .active {
    border-bottom: 4px solid #ffffff;
    color: #000 !important;
  }

  .container-fluid.profile-mitra select.form-select.select-sort-by {
    font-size: 2vw !important;
  }

  /* Produk */

  .container-fluid.profile-mitra .urutkan-produk {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .p-urutkan {
    padding-left: 0px !important;
    margin-left: auto;
    font-size: 2.25vw;
  }

  .container-fluid.profile-mitra .search-produk-action {
    margin-bottom: 12px !important;
  }

  .container-fluid.profile-mitra .search-produk-action input {
    font-size: 2.75vw !important;
  }

  .container-fluid.profile-mitra .search-produk button {
    /* margin-left: -40px; */
    padding: 0;
    height: 30px;
  }

  .container-fluid.profile-mitra .show-produk {
    margin-bottom: 0.5rem !important;
  }

  .container-list-produk .container {
    max-width: 100% !important;
  }

  /* Ulasan */
  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 h3.fw-6.p-3 {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .col-2 {
    padding: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .col-3 {
    padding-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .col-7 {
    padding: 6px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 1rem !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 li.nav-item a.nav-link.active {
    font-size: 0.9em !important;
    margin-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 li.nav-item a.nav-link {
    font-size: 0.9em !important;
    margin-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 .nav-item.align-self-center {
    margin-top: 5px;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .action-sort-ulasan {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .action-sort-ulasan .col-auto.text-sort-by {
    margin-left: auto;
    padding-right: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .action-sort-ulasan .col-auto {
    padding-right: 0px !important;
  }

  .profile-mitra .filter-ulasan .balasan-penjual {
    padding-bottom: 1rem !important;
  }

  .profile-mitra .btn-like-ulasan {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .profile-mitra .num-rate.fw-6 {
    font-size: 250% !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .star-rating-ulasan {
    padding-top: 10px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .rating-bar .row.my-2.align-items-center.justify-content-around.justify-content-md-start {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }

  .tempat-dan-pengikut-mitra {
    margin-top: 10px;
  }

  .container-fluid.profile-mitra .ulasan_gambar_customer img {
    width: 60px !important;
  }

  .tidak-ada-galeri-foto-pembeli img {
    width: 75px;
    margin-bottom: 6px;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 450px;
  }

  .no-rating-produk-mitra {
    margin-top: 5rem;
    padding-bottom: 5rem;
  }

  .no-rating-produk-mitra img {
    width: 50px !important;
    padding-bottom: 1rem;
  }

  .container-fluid.profile-mitra {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  /* .container-fluid.profile-mitra .action-prof-mitra img {
    width: 16px !important;
  } */

  .container-fluid.profile-mitra .action-prof-mitra .btn {
    font-size: 1.5vw !important;
  }

  .container-fluid.profile-mitra .action-prof-mitra .btn-ikuti-mitra {
    padding-right: 0px !important;
  }

  .container-fluid.profile-mitra .row.justify-content-between.rounded-3.border.m-3 p,
  .container-fluid.profile-mitra .row.justify-content-between.rounded-3.border.m-3 b {
    font-size: 1.55vw !important;
  }

  .box-status-mitra-pemerintah {
    margin-left: 15px;
  }

  .box-profile-mitra-atas {
    margin-bottom: 10px;
  }

  .tempat-dan-pengikut-mitra {
    margin-bottom: 10px;
  }

  .profile-mitra .produk .etalase {
    width: 40% !important;
  }

  .profile-mitra .search-produk-action input {
    font-size: 1.5vw !important;
  }

  .profile-mitra .search-produk-action span.input-group-text {
    padding: 2px 8px !important;
  }

  .profile-mitra .p-urutkan {
    font-size: 1.5vw;
    padding: 0px !important;
  }

  .profile-mitra .urutkan-produk .form-select {
    font-size: 1.5vw;
  }

  .profile-mitra .filter-ulasan {
    padding: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 li.nav-item a.nav-link {
    margin-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 li.nav-item a.nav-link.active {
    margin-left: 0px !important;
  }

  .profile-mitra .action-sort-ulasan {
    font-size: 1.65vw;
    margin: 0px !important;
    margin-left: auto !important;
  }

  .profile-mitra .action-sort-ulasan .form-select {
    font-size: 1.65vw;
  }

  .profile-mitra .filter-ulasan .row.border-bottom label.form-check-label {
    font-size: 1.65vw;
  }

  .profile-mitra .filter-ulasan .row.border-bottom {
    padding-bottom: 1rem !important;
  }

  .profile-mitra .filter-ulasan .balasan-penjual {
    padding-bottom: 1rem !important;
  }

  .container-fluid.profile-mitra .nav.border-top .nav-link {
    display: block;
    color: #b3b3b3;
  }

  .container-fluid.profile-mitra .head li .active {
    border-bottom: 4px solid #ffffff;
    color: #000 !important;
  }

  .container-fluid.profile-mitra .deskripsi.container-fluid.my-3.p-3 p {
    font-size: 2vw !important;
  }

  .container-fluid.profile-mitra .row.my-4.show-produk p {
    font-size: 1.75vw !important;
  }

  .profile-mitra .num-rate.fw-6 {
    font-size: 250% !important;
  }

  .profile-mitra .etalase.nav .nav-link {
    color: black !important;
  }

  .profile-mitra .etalase.nav .nav-link.active {
    color: #000 !important;
  }

  .profile-mitra .title-galeri-foto-profile-mitra {
    padding-left: 0px !important;
  }

  .tidak-ada-galeri-foto-pembeli img {
    width: 75px;
    margin-bottom: 12px;
  }
}

@media (min-width: 991.5px) and (max-width: 1200px) {
  .scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 450px;
  }

  .no-rating-produk-mitra {
    margin-top: 5rem;
    padding-bottom: 5rem;
  }

  .no-rating-produk-mitra img {
    width: 50px !important;
    padding-bottom: 1rem;
  }

  .container-fluid.profile-mitra {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .box-status-mitra-pemerintah {
    margin-left: 15px;
  }

  .profile-mitra .filter-ulasan .balasan-penjual {
    padding-bottom: 1rem !important;
  }

  .profile-mitra .etalase.nav .nav-link {
    color: black !important;
  }

  .profile-mitra .etalase.nav .nav-link.active {
    color: #000 !important;
  }

  /* .container-fluid.profile-mitra .action-prof-mitra img {
    width: 16px !important;
  } */

  /* .container-fluid.profile-mitra .action-prof-mitra .btn {
    font-size: 1.5vw !important;
  }

  .container-fluid.profile-mitra .action-prof-mitra .btn-ikuti-mitra {
    padding-right: 0px !important;
  }

  .container-fluid.profile-mitra .row.justify-content-between.rounded-3.border.m-3 p,
  .container-fluid.profile-mitra .row.justify-content-between.rounded-3.border.m-3 b {
    font-size: 1.55vw !important;
  }

  .box-profile-mitra-atas {
    margin-bottom: 10px;
  }

  .tempat-dan-pengikut-mitra {
    margin-bottom: 10px;
  }

  .profile-mitra .produk .etalase {
    width: 40% !important;
  }

  .profile-mitra .search-produk-action input {
    font-size: 1.5vw !important;
  }

  .profile-mitra .search-produk-action span.input-group-text {
    padding: 2px 8px !important;
  }

  .profile-mitra .p-urutkan {
    font-size: 1.5vw;
    padding: 0px !important;
  }

  .profile-mitra .urutkan-produk .form-select {
    font-size: 1.5vw;
  }

  .profile-mitra .filter-ulasan {
    padding: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 li.nav-item a.nav-link {
    margin-left: 0px !important;
  }

  .container-fluid.profile-mitra .ulasan-produk.container-fluid.my-3 .filter-ulasan.container-fluid.my-4 li.nav-item a.nav-link.active {
    margin-left: 0px !important;
  }

  .profile-mitra .action-sort-ulasan {
    font-size: 1.65vw;
    margin: 0px !important;
    margin-left: auto !important;
  }

  .profile-mitra .action-sort-ulasan .form-select {
    font-size: 1.65vw;
  }

  .profile-mitra .filter-ulasan .row.border-bottom label.form-check-label {
    font-size: 1.65vw;
  }

  .profile-mitra .filter-ulasan .row.border-bottom {
    padding-bottom: 1rem !important;
  }

  .profile-mitra .filter-ulasan .balasan-penjual {
    padding-bottom: 1rem !important;
  }

  .container-fluid.profile-mitra .nav.border-top .nav-link {
    display: block;
    color: #b3b3b3;
  }

  .container-fluid.profile-mitra .head li .active {
    border-bottom: 4px solid #ffffff;
    color: #000 !important;
  }

  .container-fluid.profile-mitra .deskripsi.container-fluid.my-3.p-3 p {
    font-size: 2vw !important;
  }

  .container-fluid.profile-mitra .row.my-4.show-produk p {
    font-size: 1.75vw !important;
  } */

  .profile-mitra .num-rate.fw-6 {
    font-size: 250% !important;
  }

  .profile-mitra .etalase.nav .nav-link {
    color: black !important;
    font-size: 0.9em !important;
  }

  .profile-mitra .etalase.nav .nav-link.active {
    color: #000 !important;
  }

  .profile-mitra .title-galeri-foto-profile-mitra {
    padding-left: 0px !important;
  }

  .profile-mitra .action-sort-ulasan {
    margin: 0px !important;
    margin-left: auto !important;
  }

  .tidak-ada-galeri-foto-pembeli img {
    width: 75px;
    margin-bottom: 12px;
  }

  .container.tidak-ada-galeri-foto-pembeli {
    width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 450px;
  }

  #fotoReviewGaleriLihatSemua .modal-dialog {
  }

  .no-rating-produk-mitra {
    margin-top: 5rem;
    padding-bottom: 5rem;
  }

  .no-rating-produk-mitra img {
    width: 50px !important;
    padding-bottom: 1rem;
  }

  .container-fluid.profile-mitra {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .box-status-mitra-pemerintah {
    margin-left: 15px;
  }

  .profile-mitra .filter-ulasan .balasan-penjual {
    padding-bottom: 1rem !important;
  }

  .profile-mitra .etalase.nav .nav-link {
    color: black !important;
  }

  .profile-mitra .etalase.nav .nav-link.active {
    color: #000 !important;
  }

  .profile-mitra .title-galeri-foto-profile-mitra {
    padding-left: 0px !important;
  }

  .profile-mitra .action-sort-ulasan {
    margin: 0px !important;
    margin-left: auto !important;
  }

  .tidak-ada-galeri-foto-pembeli img {
    width: 75px;
    margin-bottom: 12px;
  }

  .container.tidak-ada-galeri-foto-pembeli {
    width: 100% !important;
  }
}

/* New Cart */
@media screen and (max-width: 320px) {
  .keranjang .btn-hapus-all {
    padding: 0px !important;
    margin: 0px !important;
    margin-left: auto !important;
  }

  .keranjang .btn-hapus-all .btn.p-0 {
    font-size: 1em !important;
  }

  .keranjang .head-keranjang {
    padding: 0.5rem !important;
  }

  .keranjang .head-keranjang .row.col.mt-2.mt-md-0 {
    padding-right: 0px !important;
  }

  .container.keranjang h1.mt-4.h1-kecil {
    margin-top: 1rem !important;
  }

  .container.keranjang .box-seller-product {
    margin-top: 0.5rem !important;
    margin-bottom: 1rem !important;
  }

  .container.keranjang .box-cart-product {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    margin-bottom: 4rem !important;
  }

  .container.keranjang .box-seller-product .row.p-3 {
    padding-left: 0px !important;
  }

  .container.keranjang .check-box-produk {
  }

  .container.keranjang .seller-checkbox {
    vertical-align: middle;
  }

  .container.keranjang .product-item {
    padding: 0px !important;
  }

  .container.keranjang .info-product-item {
    padding-right: 0px !important;
  }

  .container.keranjang .price {
    margin-top: 0px !important;
  }

  .container.keranjang .action-box-product {
    padding-right: 0px !important;
  }

  /* .container.keranjang .action-box-product .col-auto {
    padding: 0px !important;
  }

  .container.keranjang .action-box-product .col-auto.kuantitas-qty {
    margin-left: auto;
  } */

  .container.keranjang .action-box-product .prod-act-fav {
    padding: 0px !important;
    position: relative;
    bottom: 2px;
  }

  .container.keranjang .action-box-product .prod-act-del {
    position: relative;
    bottom: 2px;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .container.keranjang .action-box-product .row.text-end.mb-2 {
    margin-bottom: 0px !important;
  }

  .container.keranjang .cb-prod {
    padding-right: 10px;
  }

  .container.keranjang .action-box-product .col-auto.kuantitas-qty {
    margin-left: auto;
  }



  .container.keranjang .form-check-label.mx-3 {
    margin-left: 0px !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .keranjang .btn-hapus-all {
    padding: 0px !important;
    margin: 0px !important;
    margin-left: auto !important;
  }

  .keranjang .btn-hapus-all .btn.p-0 {
    font-size: 1em !important;
  }

  .keranjang .head-keranjang {
    padding: 0.5rem !important;
  }

  .keranjang .head-keranjang .row.col.mt-2.mt-md-0 {
    padding-right: 0px !important;
  }

  .container.keranjang h1.mt-4.h1-kecil {
    margin-top: 1rem !important;
  }

  .container.keranjang .box-seller-product {
    margin-top: 0.5rem !important;
    margin-bottom: 1rem !important;
  }

  .container.keranjang .box-cart-product {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    margin-bottom: 4.5rem !important;
  }

  .container.keranjang .box-seller-product .row.p-3 {
    padding-left: 0px !important;
  }

  .container.keranjang .check-box-produk {
  }

  .container.keranjang .seller-checkbox {
    vertical-align: middle;
  }

  .container.keranjang .product-item {
    padding: 0px !important;
  }

  .container.keranjang .info-product-item {
    padding-right: 0px !important;
  }

  .container.keranjang .price {
    margin-top: 0px !important;
  }

  .container.keranjang .action-box-product {
    padding-right: 0px !important;
  }

  .container.keranjang .action-box-product .col-auto.kuantitas-qty {
    margin-left: auto;
  }

  /* .container.keranjang .action-box-product .col-auto {
    padding: 0px !important;
  }

  .container.keranjang .action-box-product .col-auto.kuantitas-qty {
    margin-left: auto;
  } */

  .container.keranjang .action-box-product .prod-act-fav {
    padding: 0px !important;
    position: relative;
    bottom: 2px;
  }

  .container.keranjang .action-box-product .prod-act-del {
    position: relative;
    bottom: 2px;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .container.keranjang .action-box-product .row.text-end.mb-2 {
    margin-bottom: 0px !important;
  }

  .container.keranjang .cb-prod {
    padding-right: 10px;
  }

  .container.keranjang .form-check-label.mx-3 {
    margin-left: 0px !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .keranjang .btn-hapus-all {
    padding: 0px !important;
    margin: 0px !important;
    margin-left: auto !important;
  }

  .keranjang .btn-hapus-all .btn.p-0 {
    font-size: 1em !important;
  }

  .keranjang .head-keranjang .row.col.mt-2.mt-md-0 {
    padding-right: 0px !important;
  }

  .container.keranjang h1.mt-4.h1-kecil {
    margin-top: 1rem !important;
  }

  .container.keranjang .box-seller-product {
    margin-top: 0.5rem !important;
    margin-bottom: 1rem !important;
  }

  .container.keranjang .box-cart-product {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .container.keranjang .box-seller-product .row.p-3 {
    padding-left: 0px !important;
  }

  .container.keranjang .check-box-produk {
  }

  .container.keranjang .seller-checkbox {
    vertical-align: middle;
  }

  .container.keranjang .product-item {
    padding: 0px !important;
  }

  .container.keranjang .info-product-item {
    padding-right: 0px !important;
  }

  .container.keranjang .price {
    margin-top: 0px !important;
  }

  .container.keranjang .action-box-product {
    padding-right: 0px !important;
  }

  .container.keranjang .action-box-product .col-auto.kuantitas-qty {
    margin-left: auto;
  }

  /* .container.keranjang .action-box-product .col-auto {
    padding: 0px !important;
  }

  .container.keranjang .action-box-product .col-auto.kuantitas-qty {
    margin-left: auto;
  } */

  .container.keranjang .action-box-product .prod-act-fav {
    padding: 0px !important;
    position: relative;
    bottom: 2px;
  }

  .container.keranjang .action-box-product .prod-act-del {
    position: relative;
    bottom: 2px;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .container.keranjang .action-box-product .row.text-end.mb-2 {
    margin-bottom: 0px !important;
  }

  .container.keranjang .cb-prod {
    padding-right: 10px;
  }

  .container.keranjang .form-check-label.mx-3 {
    margin-left: 0px !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .keranjang .btn-hapus-all {
    padding: 0px !important;
    margin: 0px !important;
    margin-left: auto !important;
  }

  .keranjang .head-keranjang .row.col.mt-2.mt-md-0 {
    padding-right: 0px !important;
  }

  .container.keranjang h1.mt-4.h1-kecil {
    margin-top: 1rem !important;
  }

  .container.keranjang .box-seller-product {
    margin-top: 0.5rem !important;
    margin-bottom: 1rem !important;
  }

  .container.keranjang .box-cart-product {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    margin-bottom: 5rem !important;
  }

  .container.keranjang .check-box-produk {
  }

  .container.keranjang .seller-checkbox {
    vertical-align: middle;
  }

  .container.keranjang .product-item {
    padding: 0px !important;
  }

  .container.keranjang .info-product-item {
    padding-right: 0px !important;
  }

  .container.keranjang .price {
    margin-top: 0px !important;
  }

  .container.keranjang .action-box-product {
    padding-right: 0px !important;
  }

  .container.keranjang .action-box-product .col-auto.kuantitas-qty {
    margin-left: auto;
  }

  /* .container.keranjang .action-box-product .col-auto {
    padding: 0px !important;
  }

  .container.keranjang .action-box-product .col-auto.kuantitas-qty {
    margin-left: auto;
  } */

  .container.keranjang .action-box-product .prod-act-fav {
    padding: 0px !important;
    position: relative;
    bottom: 2px;
  }

  .container.keranjang .action-box-product .prod-act-del {
    position: relative;
    bottom: 2px;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .container.keranjang .action-box-product .row.text-end.mb-2 {
    margin-bottom: 0px !important;
  }

  .container.keranjang.container,
  .container.keranjang.container-sm {
    max-width: 90%;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .keranjang .btn-hapus-all {
    padding: 0px !important;
    margin: 0px !important;
    margin-left: auto !important;
  }

  .keranjang .head-keranjang .row.col.mt-2.mt-md-0 {
    padding-right: 0px !important;
  }

  .keranjang .total-harga-keranjang {
    margin-left: 0px !important;
    padding: 0px !important;
  }

  .keranjang .total-harga-keranjang .total.sticky-top.container.border.py-2 {
    padding: 0px 3rem !important;
  }

  .dropdown-kategori .btn.btn-kategori {
    padding: 0px !important;
  }
}

@media (min-width: 991.5px) {
  .keranjang .foto-produk {
    min-width: 100px !important;
    height: auto;
    border-radius: 8px;
  }

  .keranjang .btn-hapus-all {
    padding: 0px !important;
    margin: 0px !important;
    margin-left: auto !important;
  }

  .keranjang .head-keranjang .row.col.mt-2.mt-md-0 {
    padding-right: 0px !important;
  }

  .dropdown-kategori .btn.btn-kategori {
    padding: 0px !important;
  }
}

/* Kurir Bangsa */
@media screen and (max-width: 320px) {
  .lacak-kiriman .navigation {
  }

  .lacak-kiriman .navigation .btn-lacak-kiriman {
    padding-right: 0px !important;
    padding-left: 12px !important;
  }

  .lacak-kiriman .navigation .btn-lacak-kiriman .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .navigation .btn-tarif-kiriman {
    padding-right: 0px !important;
    padding-left: 6px !important;
  }

  .lacak-kiriman .navigation .btn-tarif-kiriman .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .navigation .btn-titik-layanan {
    padding-right: 12px !important;
    padding-left: 6px !important;
  }

  .lacak-kiriman .navigation .btn-titik-layanan .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .peta {
    padding-left: 12px !important;
    margin-top: -100px;
  }

  .lacak-kiriman h1.fw-bold {
    font-size: 1em !important;
  }

  .lacak-kiriman .peta .search-nomor-resi button.btn.btn-dark {
    width: 100%;
  }

  .lacak-kiriman .peta .input-group.mb-3 input.form-control {
  }

  .lacak-kiriman .peta .search-nomor-resi .input-group-text.p-3 {
    padding: 10px !important;
  }

  .lacak-kiriman .peta-nomor-resi {
    padding-right: 0px !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .lacak-kiriman .navigation {
  }

  .lacak-kiriman .navigation .btn-lacak-kiriman {
    padding-right: 0px !important;
    padding-left: 12px !important;
  }

  .lacak-kiriman .navigation .btn-lacak-kiriman .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .navigation .btn-tarif-kiriman {
    padding-right: 0px !important;
    padding-left: 6px !important;
  }

  .lacak-kiriman .navigation .btn-tarif-kiriman .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .navigation .btn-titik-layanan {
    padding-right: 12px !important;
    padding-left: 6px !important;
  }

  .lacak-kiriman .navigation .btn-titik-layanan .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .peta {
    padding-left: 12px !important;
    margin-top: -100px;
  }

  .lacak-kiriman h1.fw-bold {
    font-size: 1em !important;
  }

  .lacak-kiriman .peta .search-nomor-resi button.btn.btn-dark {
    width: 100%;
  }

  .lacak-kiriman .peta .input-group.mb-3 input.form-control {
  }

  .lacak-kiriman .peta .search-nomor-resi .input-group-text.p-3 {
    padding: 12px !important;
  }

  .lacak-kiriman .peta-nomor-resi {
    padding-right: 0px !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .container-fluid.lacak-kiriman {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .lacak-kiriman .navigation .btn-lacak-kiriman {
    padding-right: 0px !important;
    padding-left: 1rem !important;
  }

  .lacak-kiriman .navigation .btn-lacak-kiriman .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .navigation .btn-tarif-kiriman {
    padding-right: 0px !important;
  }

  .lacak-kiriman .navigation .btn-tarif-kiriman .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .navigation .btn-titik-layanan {
    padding-right: 1rem !important;
  }

  .lacak-kiriman .navigation .btn-titik-layanan .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .peta {
    padding-left: 2rem !important;
    margin-top: -100px;
    padding-right: 1rem !important;
  }

  .lacak-kiriman h1.fw-bold {
    font-size: 1em !important;
  }

  .lacak-kiriman .peta .search-nomor-resi button.btn.btn-dark {
    width: 100%;
  }

  .lacak-kiriman .peta .input-group.mb-3 input.form-control {
  }

  .lacak-kiriman .peta-nomor-resi {
    padding-right: 0px !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .lacak-kiriman .peta {
    width: 80% !important;
  }

  .lacak-kiriman .peta .input-group.mb-3 input.form-control {
    font-size: 0.8em !important;
  }

  .lacak-kiriman .peta .web-nomor-resi button.btn.btn-dark {
    font-size: 0.8em !important;
    padding: 6px 18px;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .lacak-kiriman .peta {
    width: 70% !important;
  }

  .lacak-kiriman .peta .input-group.mb-3 input.form-control {
    font-size: 0.9em !important;
  }

  .lacak-kiriman .peta .web-nomor-resi button.btn.btn-dark {
    font-size: 0.9em !important;
    padding: 6px 18px;
  }
}

@media (min-width: 991.5px) {
  .lacak-kiriman .peta {
    width: 60% !important;
  }

  .lacak-kiriman .peta .input-group.mb-3 input.form-control {
  }

  .lacak-kiriman .peta .web-nomor-resi button.btn.btn-dark {
  }
}

/* Lacak Barang */
@media screen and (max-width: 320px) {
  .container-fluid.lacak-kiriman-barang .search-lacak-barang {
    padding: 24px 0px !important;
  }

  .container-fluid.lacak-kiriman-barang .search-lacak-barang .btn {
    font-size: 1em !important;
    padding: 0px 12px;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline {
    margin: 0px !important;
    margin-top: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline .text-center.status {
    width: 65% !important;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline .text-center.status p {
    font-size: 0.8em !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman {
    margin: 0px !important;
    margin-top: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman .history {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .icon.p-3 {
    padding: 6px !important;
  }

  .container-fluid.lacak-kiriman-barang .container.border.rounded-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman .col-12 {
    padding: 0px !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .container-fluid.lacak-kiriman-barang .search-lacak-barang {
    padding: 24px 0px !important;
  }

  .container-fluid.lacak-kiriman-barang .search-lacak-barang .btn {
    font-size: 1em !important;
    padding: 0px 12px;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline {
    margin: 0px !important;
    margin-top: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline .text-center.status {
    width: 65% !important;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline .text-center.status p {
    font-size: 0.8em !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman {
    margin: 0px !important;
    margin-top: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman .history {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .icon.p-3 {
    padding: 6px !important;
  }

  .container-fluid.lacak-kiriman-barang .container.border.rounded-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman .col-12 {
    padding: 0px !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .container-fluid.lacak-kiriman-barang .search-lacak-barang {
    padding: 24px 0px !important;
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .container-fluid.lacak-kiriman-barang .search-lacak-barang .btn {
    font-size: 1em !important;
    padding: 0px 12px;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline {
    margin: 0px !important;
    margin-top: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline .text-center.status {
    width: 65% !important;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline .text-center.status p {
    font-size: 0.9em !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman {
    margin: 0px !important;
    margin-top: 1rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman .history {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .icon.p-3 {
    padding: 12px !important;
  }

  .container-fluid.lacak-kiriman-barang .container.border.rounded-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman .col-12 {
    padding: 0px !important;
  }

  .lacak-kiriman-barang .status-bar .line {
    margin: 0 -70px;
    background: #cb7fc7;
    width: 260px;
    height: 5px;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .container-fluid.lacak-kiriman-barang .search-lacak-barang {
    padding: 24px 0px !important;
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .container-fluid.lacak-kiriman-barang .search-lacak-barang .btn {
    font-size: 1em !important;
    padding: 0px 12px;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline {
    margin: 0px !important;
    margin-top: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline .text-center.status {
    width: 50% !important;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline .text-center.status p {
    font-size: 1em !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman {
    margin: 0px !important;
    margin-top: 1rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman .history {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .icon.p-3 {
  }

  .container-fluid.lacak-kiriman-barang .container.border.rounded-3 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman .col-12 {
    padding: 0px !important;
  }

  .lacak-kiriman-barang .status-bar .line {
    margin: 0 -70px;
    background: #cb7fc7;
    width: 260px;
    height: 5px;
  }

  .lacak-kiriman-barang .container,
  .lacak-kiriman-barang .container-sm {
    max-width: 100% !important;
  }
}

@media (min-width: 767.7px) and (max-width: 991.5px) {
  .lacak-kiriman-barang .informasi-pengiriman {
    margin: 0px !important;
  }

  .container-fluid.lacak-kiriman-barang .container.border.rounded-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    font-size: 0.825em !important;
  }

  .lacak-kiriman-barang .container,
  .lacak-kiriman-barang .container-sm,
  .lacak-kiriman-barang .container-md {
    max-width: 100% !important;
  }

  .container-fluid.lacak-kiriman-barang .search-lacak-barang {
    padding: 24px 0px !important;
    padding-left: 6rem !important;
    padding-right: 6rem !important;
    justify-content: center;
  }

  .container-fluid.lacak-kiriman-barang .search-lacak-barang .btn {
    font-size: 1em !important;
    padding: 0px 12px;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline {
    margin: 0px !important;
    margin-top: 1rem !important;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline .text-center.status {
    width: 50% !important;
  }

  .container-fluid.lacak-kiriman-barang .d-flex.status-bar.m-5.justify-content-center.align-items-baseline .text-center.status p {
    font-size: 1em !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman {
    margin: 0px !important;
    margin-top: 1rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .container-fluid.lacak-kiriman-barang .icon.p-3 {
  }

  .lacak-kiriman-barang .status-bar .line {
    margin: 0px -130px;
    background: #cb7fc7;
    width: 260px;
    height: 5px;
  }
}

@media (min-width: 991.5px) and (max-width: 1199.5px) {
  .lacak-kiriman-barang .container,
  .lacak-kiriman-barang .container-sm,
  .lacak-kiriman-barang .container-md,
  .lacak-kiriman-barang .container-lg {
    max-width: 100% !important;
  }

  .container-fluid.lacak-kiriman-barang .row.m-5.informasi-pengiriman {
    margin: 0px !important;
    margin-top: 1rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

/* Tarif */

@media screen and (max-width: 320px) {
  .lacak-kiriman .navigation .btn-lacak-kiriman .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .navigation .btn-tarif-kiriman .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .navigation .btn-titik-layanan .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .mob-tarif-kiriman {
    width: 100% !important;
    padding-left: 24px !important;
  }

  .lacak-kiriman .btn-cek-ongkir {
    margin-top: 0.5rem !important;
  }

  .lacak-kiriman .btn-cek-ongkir button {
    width: 100% !important;
  }

  .lacak-kiriman input#berat.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .lacak-kiriman input#harga_asuransi.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .lacak-kiriman input#panjang.form-control,
  .lacak-kiriman input#lebar.form-control,
  .lacak-kiriman input#tinggi.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .lacak-kiriman #harga_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .lacak-kiriman #dimensi_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .lacak-kiriman .mob-tarif-kiriman .header {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .lacak-kiriman .navigation .btn-lacak-kiriman .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .navigation .btn-tarif-kiriman .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .navigation .btn-titik-layanan .btn {
    font-size: 0.9em !important;
    padding: 12px 3px !important;
    width: 100%;
  }

  .lacak-kiriman .mob-tarif-kiriman {
    width: 100% !important;
    padding-left: 24px !important;
  }

  .lacak-kiriman .btn-cek-ongkir {
    margin-top: 0.5rem !important;
  }

  .lacak-kiriman .btn-cek-ongkir button {
    width: 100% !important;
  }

  .lacak-kiriman input#berat.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .lacak-kiriman input#harga_asuransi.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .lacak-kiriman input#panjang.form-control,
  .lacak-kiriman input#lebar.form-control,
  .lacak-kiriman input#tinggi.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .lacak-kiriman #harga_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .lacak-kiriman #dimensi_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .lacak-kiriman.tarif-kiriman {
    height: 660px !important;
  }

  .lacak-kiriman .mob-tarif-kiriman .header {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .lacak-kiriman .mob-tarif-kiriman {
    width: 100% !important;
    padding-left: 3rem !important;
    padding-right: 2rem !important;
  }

  .lacak-kiriman .btn-cek-ongkir {
    margin-top: 0.5rem !important;
  }

  .lacak-kiriman .btn-cek-ongkir button {
    width: 100% !important;
  }

  .lacak-kiriman input#berat.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .lacak-kiriman input#harga_asuransi.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .lacak-kiriman input#panjang.form-control,
  .lacak-kiriman input#lebar.form-control,
  .lacak-kiriman input#tinggi.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .lacak-kiriman #harga_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .lacak-kiriman #dimensi_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .lacak-kiriman.tarif-kiriman {
    height: 675px !important;
  }

  .lacak-kiriman .mob-tarif-kiriman .header {
    margin-bottom: 0px !important;
  }

  .lacak-kiriman .trf-krmn {
    padding-right: 0px !important;
  }

  .lacak-kiriman .label-tarif-kiriman {
    margin-bottom: 5px !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .lacak-kiriman .mob-tarif-kiriman {
    width: 80% !important;
    padding-left: 1rem !important;
    padding-right: 0rem !important;
  }

  .lacak-kiriman .btn-cek-ongkir button {
    width: 100% !important;
    padding: 10px 0px !important;
    font-size: 0.8em !important;
  }

  .lacak-kiriman input#harga_asuransi.form-control {
    padding: 6px 18px !important;
  }

  .lacak-kiriman input#panjang.form-control,
  .lacak-kiriman input#lebar.form-control,
  .lacak-kiriman input#tinggi.form-control {
    padding: 6px 18px !important;
  }

  .lacak-kiriman #harga_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .lacak-kiriman #dimensi_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .lacak-kiriman .trf-krmn {
    padding-right: 0px !important;
  }

  .lacak-kiriman .header .fw-bold {
    font-size: 1.5em !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .lacak-kiriman .mob-tarif-kiriman {
    width: 70% !important;
    padding-left: 1rem !important;
    padding-right: 0rem !important;
  }

  .lacak-kiriman .btn-cek-ongkir button {
    width: 100% !important;
    padding: 8px 0px !important;
    font-size: 0.8em !important;
  }

  .lacak-kiriman input#harga_asuransi.form-control {
    padding: 6px 18px !important;
  }

  .lacak-kiriman input#panjang.form-control,
  .lacak-kiriman input#lebar.form-control,
  .lacak-kiriman input#tinggi.form-control {
    padding: 6px 18px !important;
  }

  .lacak-kiriman #harga_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .lacak-kiriman #dimensi_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .lacak-kiriman .trf-krmn {
    padding-right: 0px !important;
  }

  .lacak-kiriman .header .fw-bold {
    font-size: 1.5em !important;
  }
}

@media (min-width: 991.5px) {
  .lacak-kiriman .mob-tarif-kiriman {
    width: 50% !important;
    padding-left: 1rem !important;
    padding-right: 0rem !important;
  }

  .lacak-kiriman .btn-cek-ongkir button {
    width: 100% !important;
    padding: 8px 0px !important;
    font-size: 0.8em !important;
  }

  .lacak-kiriman input#harga_asuransi.form-control {
    padding: 6px 18px !important;
  }

  .lacak-kiriman input#panjang.form-control,
  .lacak-kiriman input#lebar.form-control,
  .lacak-kiriman input#tinggi.form-control {
    padding: 6px 18px !important;
  }

  .lacak-kiriman #harga_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .lacak-kiriman #dimensi_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .lacak-kiriman .trf-krmn {
    padding-right: 0px !important;
  }

  .lacak-kiriman .header .fw-bold {
    font-size: 1.5em !important;
  }

  .lacak-kiriman .btn-cek-ongkir {
    padding-right: 0px !important;
  }

  /* Tes */
}

/* Kurir Bangsa -> Tarif Barang */
@media screen and (max-width: 320px) {
  .tarif-kiriman-barang {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .tarif-kiriman-barang .row.justify-content-center.p-5 {
    padding: 0px 12px !important;
  }

  .tarif-kiriman-barang .box-layanan-tarif {
    padding: 0px 12px !important;
    margin-top: 2rem !important;
  }

  .tarif-kiriman-barang .tabel-layanan-tarif {
    padding: 0px !important;
  }

  .tarif-kiriman-barang .mob-tarif-kiriman {
    width: 100% !important;
    padding-left: 24px !important;
  }

  .tarif-kiriman-barang .btn-cek-ongkir {
    margin-top: 0.5rem !important;
  }

  .tarif-kiriman-barang .btn-cek-ongkir button {
    width: 100% !important;
  }

  .tarif-kiriman-barang input#berat.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .tarif-kiriman-barang input#harga_asuransi.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .tarif-kiriman-barang input#panjang.form-control,
  .tarif-kiriman-barang input#lebar.form-control,
  .tarif-kiriman-barang input#tinggi.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .tarif-kiriman-barang #harga_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .tarif-kiriman-barang #dimensi_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .tarif-kiriman-barang .tarif-kiriman {
    height: 660px !important;
  }

  .tarif-kiriman-barang .mob-tarif-kiriman .header {
    margin-bottom: 0px !important;
  }

  .tarif-kiriman-barang .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tarif-kiriman-barang .form-label {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .tarif-kiriman-barang .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tarif-kiriman-barang {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .tarif-kiriman-barang .row.justify-content-center.p-5 {
    padding: 0px 1rem !important;
  }

  .tarif-kiriman-barang .box-layanan-tarif {
    padding: 0px 1rem !important;
    margin-top: 2rem !important;
  }

  .tarif-kiriman-barang .tabel-layanan-tarif {
    padding: 0px !important;
  }

  .tarif-kiriman-barang .btn-cek-ongkir {
    margin-top: 0.5rem !important;
  }

  .tarif-kiriman-barang .btn-cek-ongkir button {
    width: 100% !important;
  }

  .tarif-kiriman-barang input#berat.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .tarif-kiriman-barang input#harga_asuransi.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .tarif-kiriman-barang input#panjang.form-control,
  .tarif-kiriman-barang input#lebar.form-control,
  .tarif-kiriman-barang input#tinggi.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .tarif-kiriman-barang #harga_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .tarif-kiriman-barang #dimensi_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .tarif-kiriman-barang.tarif-kiriman {
    height: 660px !important;
  }

  .tarif-kiriman-barang .mob-tarif-kiriman .header {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .tarif-kiriman-barang .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tarif-kiriman-barang {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .tarif-kiriman-barang .row.justify-content-center.p-5 {
    padding: 0px 1rem !important;
  }

  .tarif-kiriman-barang .box-layanan-tarif {
    padding: 0px 1rem !important;
    margin-top: 2rem !important;
  }

  .tarif-kiriman-barang .tabel-layanan-tarif {
    padding: 0px !important;
  }

  .tarif-kiriman-barang .mob-tarif-kiriman {
    width: 100% !important;
    padding-left: 3rem !important;
    padding-right: 2rem !important;
  }

  .tarif-kiriman-barang .btn-cek-ongkir {
    margin-top: 0.5rem !important;
  }

  .tarif-kiriman-barang .btn-cek-ongkir button {
    width: 100% !important;
  }

  .tarif-kiriman-barang input#berat.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .tarif-kiriman-barang input#harga_asuransi.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .tarif-kiriman-barang input#panjang.form-control,
  .tarif-kiriman-barang input#lebar.form-control,
  .tarif-kiriman-barang input#tinggi.form-control {
    padding: 6px 18px !important;
    font-size: 14px !important;
  }

  .tarif-kiriman-barang #harga_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .tarif-kiriman-barang #dimensi_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .tarif-kiriman-barang.tarif-kiriman {
    height: 675px !important;
  }

  .tarif-kiriman-barang .mob-tarif-kiriman .header {
    margin-bottom: 0px !important;
  }

  .tarif-kiriman-barang .trf-krmn {
    padding-right: 0px !important;
  }

  .tarif-kiriman-barang .label-tarif-kiriman {
    margin-bottom: 5px !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .tarif-kiriman-barang .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tarif-kiriman-barang .tabel-layanan-tarif {
    padding: 0px !important;
  }

  .tarif-kiriman-barang .box-trf-krmn-brg {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    padding-top: 0px !important;
  }

  .tarif-kiriman-barang .btn-cek-ongkir button {
    width: 100% !important;
    padding: 10px 0px !important;
    font-size: 0.8em !important;
  }

  .tarif-kiriman-barang input#harga_asuransi.form-control {
    padding: 6px 18px !important;
  }

  .tarif-kiriman-barang input#panjang.form-control,
  .tarif-kiriman-barang input#lebar.form-control,
  .tarif-kiriman-barang input#tinggi.form-control {
    padding: 6px 18px !important;
  }

  .tarif-kiriman-barang #harga_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .tarif-kiriman-barang #dimensi_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .tarif-kiriman-barang .trf-krmn {
    padding-right: 0px !important;
  }

  .tarif-kiriman-barang .header .fw-bold {
    font-size: 1.5em !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .tarif-kiriman-barang .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tarif-kiriman-barang {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .tarif-kiriman-barang .box-layanan-tarif {
    padding: 0px 2rem !important;
    margin-top: 2rem !important;
  }

  .tarif-kiriman-barang .tabel-layanan-tarif {
    padding: 0px !important;
  }

  .tarif-kiriman-barang .row.justify-content-center.p-5 {
    padding: 0px 2rem !important;
  }

  .tarif-kiriman-barang .btn-cek-ongkir button {
    width: 100% !important;
    padding: 8px 0px !important;
    font-size: 0.8em !important;
  }

  .tarif-kiriman-barang input#harga_asuransi.form-control {
    padding: 6px 18px !important;
  }

  .tarif-kiriman-barang input#panjang.form-control,
  .tarif-kiriman-barang input#lebar.form-control,
  .tarif-kiriman-barang input#tinggi.form-control {
    padding: 6px 18px !important;
  }

  .tarif-kiriman-barang #harga_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .tarif-kiriman-barang #dimensi_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .tarif-kiriman-barang .trf-krmn {
    padding-right: 0px !important;
  }

  .tarif-kiriman-barang .header .fw-bold {
    font-size: 1.5em !important;
  }
}

@media (min-width: 991.5px) {
  .tarif-kiriman-barang .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tarif-kiriman-barang .mob-tarif-kiriman {
    width: 50% !important;
    padding-left: 1rem !important;
    padding-right: 0rem !important;
  }

  .tarif-kiriman-barang .btn-cek-ongkir button {
    width: 100% !important;
    padding: 8px 0px !important;
    font-size: 0.8em !important;
  }

  .tarif-kiriman-barang input#harga_asuransi.form-control {
    padding: 6px 18px !important;
  }

  .tarif-kiriman-barang input#panjang.form-control,
  .tarif-kiriman-barang input#lebar.form-control,
  .tarif-kiriman-barang input#tinggi.form-control {
    padding: 6px 18px !important;
  }

  .tarif-kiriman-barang #harga_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .tarif-kiriman-barang #dimensi_barang.row.my-3.w-75 {
    width: auto !important;
  }

  .tarif-kiriman-barang .trf-krmn {
    padding-right: 0px !important;
  }

  .tarif-kiriman-barang .header .fw-bold {
    font-size: 1.5em !important;
  }

  .tarif-kiriman-barang .btn-cek-ongkir {
    padding-right: 0px !important;
  }

  /* Tes */
}

/* Faq Sub Menu */
.pad-left-0 {
  padding-left: 0px !important;
}

@media screen and (max-width: 535px) {
  .bantuan-table-scroll-responsive {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media screen and (max-width: 320px) {
  .faq-sub-menu {
    padding-left: 16px !important;
  }

  .box-sub-bantuan-faq {
    padding: 0px !important;
    margin-top: 0.5rem !important;
  }

  .box-sub-bantuan-faq img {
    width: 100% !important;
  }

  .isi-faq-bantuan {
    padding: 0px !important;
  }

  .isi-faq-bantuan .row.my-2 {
    width: 100% !important;
  }

  .box-step-faq-bantuan {
    padding-right: 0px !important;
  }

  .text-faq-bantuan {
    padding-right: 0px !important;
  }

  .pic-faq-bantuan {
    padding-right: 0px !important;
  }

  .title-faq-bantuan h1 {
    font-size: 1.15em !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .faq-sub-menu {
    padding-left: 16px !important;
  }

  .box-sub-bantuan-faq {
    padding: 0px !important;
    margin-top: 0.5rem !important;
  }

  .box-sub-bantuan-faq img {
    width: 100% !important;
  }

  .isi-faq-bantuan {
    padding: 0px !important;
  }

  .isi-faq-bantuan .row.my-2 {
    width: 100% !important;
  }

  .box-step-faq-bantuan {
    padding-right: 0px !important;
  }

  .text-faq-bantuan {
    padding-right: 0px !important;
  }

  .pic-faq-bantuan {
    padding-right: 0px !important;
  }

  .title-faq-bantuan h1 {
    font-size: 1.15em !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .faq-sub-menu {
    padding-left: 16px !important;
  }

  .box-sub-bantuan-faq {
    padding: 0px !important;
    margin-top: 0.5rem !important;
  }

  .box-sub-bantuan-faq img {
    width: 100% !important;
  }

  .isi-faq-bantuan {
    padding: 0px !important;
  }

  .isi-faq-bantuan .row.my-2 {
    width: 100% !important;
  }

  .box-step-faq-bantuan {
    padding-right: 0px !important;
  }

  .text-faq-bantuan {
    padding-right: 0px !important;
  }

  .pic-faq-bantuan {
    padding-right: 0px !important;
  }

  .title-faq-bantuan h1 {
    font-size: 1.2em !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .faq-sub-menu {
    padding-left: 16px !important;
    margin-top: 10px;
  }

  .box-sub-bantuan-faq {
    padding: 0px !important;
    margin-top: 0.5rem !important;
  }

  .box-sub-bantuan-faq img {
    width: 100% !important;
  }

  .isi-faq-bantuan {
    padding: 0px !important;
  }

  .isi-faq-bantuan .row.my-2 {
    width: 100% !important;
  }

  .box-step-faq-bantuan {
    padding-right: 0px !important;
  }

  .text-faq-bantuan {
    padding-right: 0px !important;
  }

  .pic-faq-bantuan {
    padding-right: 0px !important;
  }

  .title-faq-bantuan h1 {
    font-size: 1.25em !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .faq-sub-menu {
    padding-left: 16px !important;
  }

  .box-sub-bantuan-faq {
    padding: 0px !important;
    margin-top: 0.5rem !important;
  }

  .box-sub-bantuan-faq img {
    width: 100% !important;
  }

  .isi-faq-bantuan {
    padding: 0px !important;
  }

  .isi-faq-bantuan .row.my-2 {
    width: 100% !important;
  }

  .box-step-faq-bantuan {
    padding-right: 0px !important;
  }

  .text-faq-bantuan {
    padding-right: 0px !important;
  }

  .pic-faq-bantuan {
    padding-right: 0px !important;
  }

  .title-faq-bantuan h1 {
    font-size: 1.25em !important;
  }
}

@media (min-width: 991.5px) {
  .faq-sub-menu {
    padding-left: 16px !important;
  }

  .box-sub-bantuan-faq {
    padding: 0px !important;
    margin-top: 0.5rem !important;
    padding-left: 24px !important;
  }

  .box-sub-bantuan-faq .pic-faq-bantuan img {
    width: 60% !important;
  }

  .isi-faq-bantuan {
    padding: 0px !important;
  }

  .isi-faq-bantuan .row.my-2 {
    width: 100% !important;
  }

  .box-step-faq-bantuan {
    padding-right: 0px !important;
  }

  .text-faq-bantuan {
    padding-right: 0px !important;
  }

  .pic-faq-bantuan {
    padding-right: 0px !important;
  }

  .title-faq-bantuan h1 {
    font-size: 1.5em !important;
  }

  .but-like-unlike img {
    width: 100% !important;
  }
}

/* Skeleton Produk */
@media screen and (max-width: 320px) {
  .box-produk-skele {
    width: 100%;
    height: 40vw;
  }

  .box-produk-body-skele {
    padding: 0.5rem 0rem !important;
  }

  .nama-produk-skele {
    width: 100%;
    height: 25px;
    border-radius: 0px !important;
  }

  .harga-produk-skele {
    width: 75%;
    height: 16px;
    border-radius: 0px !important;
  }

  .kotak-rating-skele {
    width: 60%;
    height: 12.8px;
    border-radius: 0px !important;
  }

  .lokasi-produk-skele {
    width: 85%;
    height: 12.8px;
    border-radius: 0px !important;
  }
}

@media (min-width: 320px) and (max-width: 375px) {
  .box-produk-skele {
    width: 100%;
    height: 40vw;
  }

  .box-produk-body-skele {
    padding: 0.5rem 0rem !important;
  }

  .nama-produk-skele {
    width: 100%;
    height: 25px;
    border-radius: 0px !important;
  }

  .harga-produk-skele {
    width: 75%;
    height: 16px;
    border-radius: 0px !important;
  }

  .kotak-rating-skele {
    width: 60%;
    height: 12.8px;
    border-radius: 0px !important;
  }

  .lokasi-produk-skele {
    width: 100%;
    height: 12.8px;
    border-radius: 0px !important;
  }
}

@media (min-width: 375px) and (max-width: 415px) {
  .box-produk-skele {
    width: 100%;
    height: 43vw;
  }

  .box-produk-body-skele {
    padding: 0.5rem 0rem !important;
  }

  .nama-produk-skele {
    width: 100%;
    height: 25px;
    border-radius: 0px !important;
  }

  .harga-produk-skele {
    width: 75%;
    height: 16px;
    border-radius: 0px !important;
  }

  .kotak-rating-skele {
    width: 60%;
    height: 12.8px;
    border-radius: 0px !important;
  }

  .lokasi-produk-skele {
    width: 100%;
    height: 12.8px;
    border-radius: 0px !important;
  }
}

@media (min-width: 415px) and (max-width: 575.5px) {
  .box-produk-skele {
    width: 100%;
    height: 43vw;
  }

  .box-produk-body-skele {
    padding: 1rem 1rem !important;
  }

  .nama-produk-skele {
    width: 100%;
    height: 25px;
    border-radius: 0px !important;
  }

  .harga-produk-skele {
    width: 75%;
    height: 20px;
    border-radius: 0px !important;
  }

  .kotak-rating-skele {
    width: 60%;
    height: 15px;
    border-radius: 0px !important;
  }

  .lokasi-produk-skele {
    width: 100%;
    height: 15px;
    border-radius: 0px !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .box-produk-skele {
    width: 100%;
    height: 28vw;
  }

  .box-produk-body-skele {
    padding: 1rem 1rem !important;
  }

  .nama-produk-skele {
    width: 100%;
    height: 25px;
    border-radius: 0px !important;
  }

  .harga-produk-skele {
    width: 75%;
    height: 20px;
    border-radius: 0px !important;
  }

  .kotak-rating-skele {
    width: 60%;
    height: 15px;
    border-radius: 0px !important;
  }

  .lokasi-produk-skele {
    width: 100%;
    height: 15px;
    border-radius: 0px !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .box-produk-skele {
    width: 100%;
    height: 20vw;
  }

  .box-produk-body-skele {
    padding: 1rem 1rem !important;
  }

  .nama-produk-skele {
    width: 100%;
    height: 25px;
    border-radius: 0px !important;
  }

  .harga-produk-skele {
    width: 75%;
    height: 20px;
    border-radius: 0px !important;
  }

  .kotak-rating-skele {
    width: 60%;
    height: 15px;
    border-radius: 0px !important;
  }

  .lokasi-produk-skele {
    width: 100%;
    height: 15px;
    border-radius: 0px !important;
  }
}

@media (min-width: 991.5px) and (max-width: 1199.5px) {
  .box-produk-skele {
    width: 100%;
    height: 15vw;
  }

  .box-produk-body-skele {
    padding: 1rem 1rem !important;
  }

  .nama-produk-skele {
    width: 100%;
    height: 25px;
    border-radius: 0px !important;
  }

  .harga-produk-skele {
    width: 75%;
    height: 20px;
    border-radius: 0px !important;
  }

  .kotak-rating-skele {
    width: 60%;
    height: 15px;
    border-radius: 0px !important;
  }

  .lokasi-produk-skele {
    width: 100%;
    height: 15px;
    border-radius: 0px !important;
  }
}

@media (min-width: 1199.5px) {
  .box-produk-skele {
    width: 100%;
    height: 12vw;
  }

  .box-produk-body-skele {
    padding: 1rem 1rem !important;
  }

  .nama-produk-skele {
    width: 100%;
    height: 25px;
    border-radius: 0px !important;
  }

  .harga-produk-skele {
    width: 75%;
    height: 20px;
    border-radius: 0px !important;
  }

  .kotak-rating-skele {
    width: 60%;
    height: 15px;
    border-radius: 0px !important;
  }

  .lokasi-produk-skele {
    width: 100%;
    height: 15px;
    border-radius: 0px !important;
  }
}

/* Pesanan Saya > Semua */

/* Apply to All width */
.pesanan-saya-toko-icon {
  margin-bottom: auto !important;
}

.pesanan-saya-tanggal-checkout {
  margin-bottom: auto !important;
}

.pesanan-saya .item-pesanan .card {
  margin-bottom: 1rem !important;
}

.pesanan-saya .item-pesanan {
  padding-bottom: 0.5rem !important;
}

@media screen and (max-width: 320px) {
  .action-box-psnan-semua {
    padding: 0px !important;
  }

  .col-search-psnan-semua {
    margin-bottom: 1rem !important;
  }

  .search-psnan-semua {
    padding: 0px !important;
  }

  .teks-urutkan-psnan-semua {
    margin-left: auto !important;
  }

  .filter-urutkan-psnan-semua {
    padding: 0px !important;
  }

  .item-pesanan .nama-toko h3 {
    margin-bottom: 0px !important;
    font-size: 1.1em !important;
  }

  .item-pesanan .nama-toko {
    padding: 0px !important;
  }

  .item-pesanan .no-psnan,
  .item-pesanan .ttl-byrn {
    border-right: 0px !important;
    margin-bottom: 0.5rem !important;
  }

  .item-pesanan .status-pmbyrn {
    border-right: 0px !important;
  }

  .item-pesanan .status-pmbyrn {
    padding-right: 0px !important;
    padding-bottom: 0.5rem !important;
  }

  .item-pesanan .status-pmbyrn .col {
    padding-right: 0px !important;
  }

  .item-pesanan .status-psnan {
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-right: 0px !important;
  }

  .item-pesanan .status-pesanan {
    margin-left: 12px;
  }

  .item-pesanan .box-item-produk-harga {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .item-pesanan .box-item-produk-harga h3 {
    font-size: 1.1em !important;
  }

  .item-pesanan .box-item-produk-harga img {
    width: 60px !important;
  }

  .item-pesanan .btn-lihat-detail-psnan button {
    width: 100% !important;
    font-size: 1.15em !important;
    margin-bottom: 0.5rem !important;
  }

  .item-pesanan .btn-buka-pembayaran-psnan button {
    width: 100% !important;
    font-size: 1.15em !important;
    margin-bottom: 0.5rem !important;
  }

  .item-pesanan .btn-cht-mitra button {
    width: 100% !important;
    font-size: 1.15em !important;
  }

  .item-pesanan .gmbr-item-produk-harga {
    padding: 0px !important;
  }

  .item-pesanan .status-pesanan {
    border-radius: 3px;
    padding: 0px;
    font-weight: 600;
  }
}

@media (min-width: 320px) and (max-width: 370.5px) {
  .item-pesanan .status-pmbyrn {
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .item-pesanan .box-item-produk-harga h3 {
    font-size: 1.1em !important;
  }

  .item-pesanan .nama-toko h3 {
    margin-bottom: 0px !important;
    font-size: 1.1em !important;
  }

  .action-box-psnan-semua {
    padding: 0px !important;
  }

  .col-search-psnan-semua {
    margin-bottom: 1rem !important;
  }

  .search-psnan-semua {
    padding: 0px !important;
  }

  .teks-urutkan-psnan-semua {
    margin-left: auto !important;
  }

  .filter-urutkan-psnan-semua {
    padding: 0px !important;
  }

  .item-pesanan .nama-toko h3 {
    margin-bottom: 0px !important;
    font-size: 1.1em !important;
  }

  .item-pesanan .nama-toko {
    padding: 0px !important;
  }

  .item-pesanan .no-psnan,
  .item-pesanan .ttl-byrn {
    border-right: 0px !important;
    margin-bottom: 0.5rem !important;
  }

  .item-pesanan .status-pmbyrn {
    border-right: 0px !important;
  }

  .item-pesanan .status-pmbyrn {
  }

  .item-pesanan .status-pmbyrn .col {
    padding-right: 0px !important;
  }

  .item-pesanan .status-psnan {
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-right: 0px !important;
  }

  .item-pesanan .status-pesanan {
    margin-left: 12px;
  }

  .item-pesanan .status-pesanan {
    border-radius: 3px;
    padding: 0px;
    font-weight: 600;
  }

  .status-pesanan .fw-6 {
    padding: 0px 3px;
  }

  .item-pesanan .box-item-produk-harga {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .item-pesanan .box-item-produk-harga img {
    width: 80px !important;
  }

  .item-pesanan .btn-lihat-detail-psnan button {
    width: 100% !important;
    font-size: 1.15em !important;
    margin-bottom: 0.5rem !important;
  }

  .item-pesanan .btn-buka-pembayaran-psnan button {
    width: 100% !important;
    font-size: 1.15em !important;
    margin-bottom: 0.5rem !important;
  }

  .item-pesanan .btn-cht-mitra button {
    width: 100% !important;
    font-size: 1.15em !important;
  }

  .item-pesanan .gmbr-item-produk-harga {
    padding: 0px !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .item-pesanan .box-item-produk-harga h3 {
    font-size: 1.1em !important;
  }

  .action-box-psnan-semua {
    padding: 0px !important;
  }

  .col-search-psnan-semua {
    margin-bottom: 1rem !important;
  }

  .search-psnan-semua {
    padding: 0px !important;
  }

  .teks-urutkan-psnan-semua {
    margin-left: auto !important;
  }

  .filter-urutkan-psnan-semua {
    padding: 0px !important;
  }

  .item-pesanan .nama-toko h3 {
    margin-bottom: 0px !important;
    font-size: 1.1em !important;
  }

  .item-pesanan .nama-toko {
    padding: 0px !important;
  }

  .item-pesanan .no-psnan,
  .item-pesanan .ttl-byrn {
    border-right: 0px !important;
    margin-bottom: 0.5rem !important;
  }

  .item-pesanan .status-pmbyrn {
    border-right: 0px !important;
  }

  .item-pesanan .status-pmbyrn {
    padding-right: 0px !important;
  }

  .item-pesanan .status-pmbyrn .col {
    padding-right: 0px !important;
  }

  .item-pesanan .status-psnan {
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-right: 0px !important;
  }

  .item-pesanan .status-pesanan {
    margin-left: 12px;
  }

  .item-pesanan .status-pesanan {
    border-radius: 3px;
    padding: 0px;
    font-weight: 600;
  }

  .status-pesanan .fw-6 {
    padding: 0px 3px;
  }

  .item-pesanan .box-item-produk-harga {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .item-pesanan .box-item-produk-harga img {
    width: 90px !important;
  }

  .item-pesanan .btn-lihat-detail-psnan button {
    width: 100% !important;
    font-size: 1.15em !important;
    margin-bottom: 0.5rem !important;
  }

  .item-pesanan .btn-buka-pembayaran-psnan button {
    width: 100% !important;
    font-size: 1.15em !important;
    margin-bottom: 0.5rem !important;
  }

  .item-pesanan .btn-cht-mitra button {
    width: 100% !important;
    font-size: 1.15em !important;
  }

  .item-pesanan .gmbr-item-produk-harga {
    padding: 0px !important;
  }

  .col-search-psnan-semua {
    width: 45% !important;
  }

  .filter-psnan-smua {
    width: 55% !important;
  }

  .filter-psnan-smua .filter-urutkan-psnan-semua .form-select.select-sort-by {
    font-size: 14px !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .action-box-psnan-semua {
    padding: 0px !important;
  }

  .col-search-psnan-semua {
    margin-bottom: 1rem !important;
  }

  .search-psnan-semua {
    padding: 0px !important;
  }

  .teks-urutkan-psnan-semua {
    margin-left: auto !important;
  }

  .filter-urutkan-psnan-semua {
    padding: 0px !important;
  }

  .item-pesanan .nama-toko h3 {
    margin-bottom: 0px !important;
    font-size: 1.1em !important;
  }

  .item-pesanan .nama-toko {
    padding: 0px !important;
  }

  .item-pesanan .no-psnan,
  .item-pesanan .ttl-byrn {
    border-right: 0px !important;
    margin-bottom: 0.5rem !important;
  }

  .item-pesanan .status-pmbyrn {
    border-right: 0px !important;
  }

  .item-pesanan .status-pmbyrn {
    padding-right: 0px !important;
  }

  .item-pesanan .status-pmbyrn .col {
    padding-right: 0px !important;
  }

  .item-pesanan .status-psnan {
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-right: 0px !important;
  }

  .item-pesanan .status-pesanan {
    margin-left: 12px;
  }

  .item-pesanan .status-pesanan {
    border-radius: 3px;
    padding: 0px;
    font-weight: 600;
  }

  .status-pesanan .fw-6 {
    padding: 0px 6px;
  }

  .item-pesanan .box-item-produk-harga {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .item-pesanan .box-item-produk-harga img {
    width: 90px !important;
  }

  .item-pesanan .btn-buka-pembayaran-psnan {
    margin-left: auto;
  }

  .item-pesanan .btn-buka-pembayaran-psnan button {
    width: 100% !important;
    font-size: 1em !important;
    margin-bottom: 0.5rem !important;
    padding: 8px 12px !important;
  }

  .item-pesanan .btn-lihat-detail-psnan button {
    width: 100% !important;
    font-size: 1em !important;
    margin-bottom: 0.5rem !important;
    padding: 8px 12px !important;
  }

  .item-pesanan .btn-cht-mitra button {
    width: 100% !important;
    font-size: 1em !important;
    padding: 8px 12px !important;
  }

  .item-pesanan .gmbr-item-produk-harga {
    padding: 0px !important;
  }

  .filter-psnan-smua .filter-urutkan-psnan-semua .form-select.select-sort-by {
    font-size: 16px !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .action-box-psnan-semua {
    padding: 0px !important;
  }

  .col-search-psnan-semua {
    margin-bottom: 1rem !important;
  }

  .search-psnan-semua {
    padding: 0px !important;
  }

  .teks-urutkan-psnan-semua {
    margin-left: auto !important;
  }

  .filter-urutkan-psnan-semua {
    padding: 0px !important;
  }

  .item-pesanan .nama-toko h3 {
    margin-bottom: 0px !important;
    font-size: 1.1em !important;
  }

  .item-pesanan .nama-toko {
    padding: 0px !important;
  }

  .item-pesanan .no-psnan,
  .item-pesanan .ttl-byrn {
    border-right: 0px !important;
    margin-bottom: 0.5rem !important;
  }

  .item-pesanan .status-pmbyrn {
    border-right: 0px !important;
  }

  .item-pesanan .status-pmbyrn {
    padding-right: 0px !important;
  }

  .item-pesanan .status-pmbyrn .col {
    padding-right: 0px !important;
  }

  .item-pesanan .status-psnan {
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-right: 0px !important;
  }

  .item-pesanan .status-pesanan {
    margin-left: 12px;
  }

  .item-pesanan .status-pesanan {
    border-radius: 3px;
    padding: 0px;
    font-weight: 600;
  }

  .status-pesanan .fw-6 {
    padding: 0px 6px;
  }

  .item-pesanan .box-item-produk-harga {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .item-pesanan .box-item-produk-harga img {
    width: 100px !important;
  }

  .item-pesanan .btn-lihat-detail-psnan button {
    width: 100% !important;
    font-size: 1.15em !important;
    margin-bottom: 0.5rem !important;
  }

  .item-pesanan .btn-buka-pembayaran-psnan button {
    width: 100% !important;
    font-size: 1.15em !important;
    margin-bottom: 0.5rem !important;
  }

  .item-pesanan .btn-cht-mitra button {
    width: 100% !important;
    font-size: 1.15em !important;
  }

  .item-pesanan .gmbr-item-produk-harga {
    padding: 0px !important;
  }

  .filter-psnan-smua .filter-urutkan-psnan-semua .form-select.select-sort-by {
    font-size: 16px !important;
  }

  .action-box-psnan-semua .action-psnan-smua {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .box-item-produk-harga h3 {
    font-size: 1.15em !important;
  }
}

@media (min-width: 991.5px) and (max-width: 1150.5px) {
  .item-pesanan .status-pesanan {
    border-radius: 3px;
    padding: 0px;
    font-weight: 600;
  }

  .status-pesanan .fw-6 {
    padding: 0px;
  }

  .pesanan-saya .item-pesanan .row.py-3 {
    font-size: 0.88em !important;
  }

  .pesanan-saya .item-pesanan .card h3.fw-6 {
    font-size: 1.1em !important;
  }
}

@media (min-width: 1150.5px) {
  .item-pesanan .status-pesanan {
    border-radius: 3px;
    padding: 0px;
    font-weight: 600;
  }

  .status-pesanan .fw-6 {
    padding: 0px 6px;
  }
}

@media (min-width: 991.5px) {
  .action-box-psnan-semua .action-psnan-smua {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .action-box-psnan-semua {
    padding: 0px !important;
  }

  .search-psnan-semua {
    padding: 0px !important;
  }

  .filter-urutkan-psnan-semua {
    padding: 0px !important;
  }

  .status-psnan {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .status-psnan .status-pesanan {

    margin-left: 12px;
  }

  .item-pesanan .box-item-produk-harga img {
    width: 100px !important;
  }

  .item-pesanan .btn-buka-pembayaran-psnan {
    margin-left: auto;
  }

  .item-pesanan .nama-toko h3 {
    margin-bottom: 0px !important;
    font-size: 1.25em !important;
  }
}

/* Tambahan Pesanan Saya */
@media (min-width: 280px) {
  .tab-menu-pesanan-saya .nav-link {
    color: #272727 !important;
  }
}
/* Detail Pesanan */
@media screen and (max-width: 320px) {
  .detail-pesanan {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .box-detail-status-psnan {
    margin: 0px !important;
    padding: 0.5rem !important;
  }

  .box-detail-status-psnan .col.mb-2 {
    padding-left: 0px !important;
  }

  .detail-pesanan .box-detail-pesanan {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .detail-pesanan .step-progress-detail-pesanan {
    margin: 1rem 0px !important;
  }

  .detail-pesanan .step-progress-detail-pesanan img {
    padding: 5px !important;
  }

  .detail-pesanan .step-progress-detail-pesanan p {
    font-size: 0.75em !important;
  }

  .detail-pesanan .status-bar .status {
    width: 40px;
  }

  .detail-pesanan .status-bar .line {
    margin: 0px -35px !important;
  }

  .product-action-button .col-12 button {
    width: 100% !important;
    font-size: 1.15em !important;
    padding: 7px !important;
    margin-bottom: 0.5rem !important;
  }

  .btl-otomatis {
    padding-top: 2.5px !important;
  }

  .box-batal-otomatis .jam {
  }

  .detail-pesanan-foto-produk {
    padding-right: 0px !important;
  }

  .detail-pesanan-foto-produk img {
    width: 75px !important;
    height: 75px !important;
  }

  .detail-pesanan-detail-produk h3 {
    font-size: 1.1em !important;
  }

  .detail-pesanan-total-pesanan {
    justify-content: space-between !important;
  }

  .detail-pesanan-total-pesanan h3 {
    font-size: 1.1em !important;
  }

  .info-stts-psnan-detail-pesanan {
    padding-left: 0px !important;
  }

  .pesanan-saya-tampilkan-semua button {
    font-size: 1.1em !important;
  }

  .text-detail-harga-pesanan {
    width: 40vw !important;
    font-size: 0.85em !important;
    text-align: right;
  }

  .detail-pesanan-rincian-pembayaran {
    margin-top: 1rem !important;
  }

  .detail-pesanan-rincian-pembayaran h4 {
    border-top: 1px solid #dee2e6 !important;
    padding-top: 1rem !important;
  }

  .detail-pesanan-alamat-pengiriman-box {
    border-right: 0px !important;
  }

  .box-detail-pesanan-ttl-pembayaran {
    padding-right: 0px !important;
  }

  .detail-pesanan-kembali {
    margin-left: 0.5rem !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .detail-pesanan {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .box-detail-status-psnan {
    margin: 0px !important;
    padding: 0.75rem !important;
  }

  .box-detail-status-psnan .col.mb-2 {
    padding-left: 0px !important;
  }

  .detail-pesanan .box-detail-pesanan {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .detail-pesanan .step-progress-detail-pesanan {
    margin: 1rem 0px !important;
  }

  .detail-pesanan .step-progress-detail-pesanan img {
    padding: 6px !important;
  }

  .detail-pesanan .step-progress-detail-pesanan p {
    font-size: 0.75em !important;
  }

  .detail-pesanan .status-bar .status {
    width: 40px;
  }

  .detail-pesanan .status-bar .line {
    margin: 0px -38px !important;
  }

  .product-action-button .col-12 button {
    width: 100% !important;
    font-size: 1.15em !important;
    padding: 7px !important;
    margin-bottom: 0.5rem !important;
  }

  .btl-otomatis {
    padding-top: 2.5px !important;
  }

  .box-batal-otomatis .jam {
  }

  .space-mb-status-pesanan {
    margin-bottom: 0.75rem !important;
  }

  .detail-pesanan-foto-produk img {
    width: 75px !important;
    height: 75px !important;
  }

  .detail-pesanan-detail-produk h3 {
    font-size: 1.1em !important;
  }

  .detail-pesanan-total-pesanan {
    justify-content: space-between !important;
  }

  .detail-pesanan-total-pesanan h3 {
    font-size: 1.1em !important;
  }

  .info-stts-psnan-detail-pesanan {
    padding-left: 0px !important;
  }

  .pesanan-saya-tampilkan-semua button {
    font-size: 1.15em !important;
  }

  .text-detail-harga-pesanan {
    width: 36vw !important;
    font-size: 0.85em !important;
    text-align: right;
  }

  .detail-pesanan-rincian-pembayaran {
    margin-top: 1rem !important;
  }

  .detail-pesanan-rincian-pembayaran h4 {
    border-top: 1px solid #dee2e6 !important;
    padding-top: 1rem !important;
  }

  .detail-pesanan-alamat-pengiriman-box {
    border-right: 0px !important;
  }

  .box-detail-pesanan-ttl-pembayaran {
    padding-right: 0px !important;
  }

  .detail-pesanan-kembali {
    margin-left: 0.5rem !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .detail-pesanan {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .box-detail-status-psnan {
    margin: 0px !important;
    padding: 1rem !important;
  }

  .box-detail-status-psnan .col.mb-2 {
    padding-left: 0px !important;
  }

  .detail-pesanan .box-detail-pesanan {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .detail-pesanan .step-progress-detail-pesanan {
    margin: 1rem 0px !important;
  }

  .detail-pesanan .step-progress-detail-pesanan img {
    padding: 6px !important;
  }

  .detail-pesanan .step-progress-detail-pesanan p {
    font-size: 0.75em !important;
  }

  .detail-pesanan .status-bar .status {
    width: 40px;
  }

  .detail-pesanan .status-bar .line {
    margin: 0px -38px !important;
  }

  .product-action-button .col-12 button {
    width: 100% !important;
    font-size: 1.15em !important;
    padding: 7px !important;
    margin-bottom: 0.5rem !important;
  }

  .btl-otomatis {
    padding-top: 2.5px !important;
  }

  .box-batal-otomatis .jam {
  }

  .space-mb-status-pesanan {
    margin-bottom: 0.75rem !important;
  }

  .box-detail-status-psnan {
  }

  .detail-pesanan-foto-produk img {
    width: 90px !important;
    height: 90px !important;
  }

  .info-stts-psnan-detail-pesanan {
    padding-left: 0px !important;
  }

  .pesanan-saya-tampilkan-semua button {
    font-size: 1.2em !important;
  }

  .text-detail-harga-pesanan,
  .text-harga-detail-pesanan {
    width: 31vw !important;
    font-size: 0.9em !important;
    text-align: right;
  }

  .detail-pesanan-rincian-pembayaran {
    margin-top: 1rem !important;
  }

  .detail-pesanan-rincian-pembayaran h4 {
    border-top: 1px solid #dee2e6 !important;
    padding-top: 1rem !important;
  }

  .detail-pesanan-alamat-pengiriman-box {
    border-right: 0px !important;
  }

  .box-detail-pesanan-ttl-pembayaran {
    padding-right: 0px !important;
  }

  .detail-pesanan-kembali {
    margin-left: 0.5rem !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .product-action-button .col-12 button {
    width: 100% !important;
    font-size: 1em !important;
    padding: 6px 9px !important;
    margin-bottom: 0.5rem !important;
  }

  .product-action-button .col-12 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .product-action-button {
    padding-right: 9px !important;
  }

  .detail-pesanan .step-progress-detail-pesanan {
    margin: 1rem 0px !important;
    padding: 0px 10px !important;
  }

  .detail-pesanan .step-progress-detail-pesanan img {
    padding: 12px !important;
  }

  .detail-pesanan .step-progress-detail-pesanan p {
    font-size: 0.85em !important;
  }

  .detail-pesanan .status-bar .status {
    width: 48px;
  }

  .detail-pesanan .status-bar .line {
    margin: 0px -38px !important;
  }

  .status-pesanan {
    margin-left: 12px !important;
  }

  .box-detail-status-psnan {
    padding: 0.75rem 0rem !important;
  }

  .detail-pesanan-stts-psnan {
    margin-left: 0px !important;
  }

  .pesanan-saya-tampilkan-semua button {
    font-size: 1.15em !important;
  }

  .text-detail-harga-pesanan,
  .text-harga-detail-pesanan {
    width: 26vw !important;
    font-size: 0.9em !important;
    text-align: right;
  }

  .box-detail-pesanan-ttl-pembayaran {
    padding-right: 0px !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .box-detail-status-psnan {
    margin: 0px !important;
    padding: 0.5rem 1.5rem 1rem 1.5rem !important;
    font-size: 0.9em !important;
  }

  .box-detail-status-psnan .col.mb-2 {
    padding-left: 0px !important;
  }

  .detail-pesanan .box-batal-otomatis {
    font-size: 0.85em !important;
    margin-bottom: 1rem !important;
  }

  .detail-pesanan .box-detail-pesanan {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .detail-pesanan .step-progress-detail-pesanan {
    margin: 1rem 0px !important;
    padding: 0px 10px !important;
  }

  .detail-pesanan .step-progress-detail-pesanan img {
    padding: 12px !important;
  }

  .detail-pesanan .step-progress-detail-pesanan p {
    font-size: 0.8em !important;
  }

  .detail-pesanan .status-bar .status {
    width: 55px;
  }

  .detail-pesanan .status-bar .line {
    margin: 0px -38px !important;
  }

  .info-stts-psnan-detail-pesanan {
    padding-left: 0px !important;
  }

  .product-action-button .col-12 button {
    width: 100% !important;
    font-size: 1em !important;
    padding: 7px !important;
    margin-bottom: 0.5rem !important;
  }

  .btl-otomatis {
    padding-top: 1px !important;
  }

  .box-batal-otomatis .jam {
  }

  .space-mb-status-pesanan {
    margin-bottom: 0.75rem !important;
  }

  .info-pngrmn-produk .info-jasa-pgrmn,
  .info-pngrmn-produk .riwayat-pgrmn {
    font-size: 0.9em !important;
  }

  .pesanan-saya-tampilkan-semua button {
    font-size: 1.1em !important;
  }

  .text-detail-harga-pesanan,
  .text-harga-detail-pesanan {
    width: 20vw !important;
    font-size: 0.85em !important;
    text-align: right;
  }

  .detail-pesanan .container.alamat.bg-body.p-3.rounded-3 h4 {
    font-size: 1em !important;
  }

  .detail-pesanan .detail-pesanan-detail-produk h3 {
    font-size: 1.1em !important;
  }

  .detail-pesanan-alamat-pengiriman-box p {
    font-size: 0.9em !important;
  }

  .detail-pesanan-rincian-pembayaran p {
    font-size: 0.9em !important;
  }
}

@media (min-width: 991.5px) {
  .status-pesanan {
    margin-left: 12px !important;
  }

  .box-detail-status-psnan,
  .info-jasa-pgrmn {
    justify-content: space-between !important;
  }

  .info-jasa-pgrmn .border-end {
    border-right: 0px !important;
    border-left: 1px solid #dee2e6 !important;
  }

  .info-jasa-pgrmn .estimasi-tiba-pengiriman {
    border-left: 1px solid #dee2e6 !important;
  }

  .detail-pesanan-stts-psnan {
    margin-left: 0px !important;
  }

  .pesanan-saya-tampilkan-semua button {
    font-size: 1.15em !important;
  }

  .text-detail-harga-pesanan,
  .text-harga-detail-pesanan {
    width: 17vw !important;
    font-size: 0.85em !important;
    text-align: right;
  }
}

@media (min-width: 1400px) {
  .info-psnan-detail-pesanan {
    width: auto !important;
  }

  .pesanan-saya-tampilkan-semua button {
    font-size: 1.25em !important;
  }

  .text-detail-harga-pesanan,
  .text-harga-detail-pesanan {
    width: 11vw !important;
    font-size: 0.85em !important;
    text-align: right;
  }
}

.info-stts-psnan-detail-pesanan b.fw-6 {
  border-radius: 3px !important;
  padding: 3px 10px !important;
}

/* Skeleton Pesanan Saya */
@media screen and (max-width: 320px) {
  .skele-nama-toko-psnan {
    width: 60%;
    height: 15px;
    margin-left: 24px !important;
  }

  .skele-tanggal-psnan {
    width: 30%;
    height: 15px;
    margin-right: 12px;
  }

  .skele-nomor-psnan {
    width: -webkit-fill-available;
    height: 5vw;
    margin-left: 12px;
    padding: 0px !important;
  }

  .skele-total-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 5vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-status-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 10vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-status-psnan {
    width: -webkit-fill-available;
    height: 5vw;
    margin-left: 12px !important;
    margin-right: 12px;
    background-color: #dddbdd !important;
  }

  .skele-gambar-produk-psnan {
    width: 20vw;
    height: 20vw;
    margin-left: 4px;
  }

  .skele-nama-produk-psnan {
    width: -webkit-fill-available;
    height: 6vw;
    margin-left: 12px;
    margin-right: 5px;
  }

  .skele-jmlh-produk-psnan {
    width: 15%;
    height: 5vw;
    margin-left: 12px;
    margin-top: 6px;
  }

  .skele-harga-produk-psnan {
    width: 50%;
    height: 5vw;
    margin-left: 12px;
    margin-top: 6px;
  }

  .skele-total-harga-psnan {
    width: 35%;
    height: 5vw;
    margin-right: 12px;
    margin-left: 6px;
  }
}

@media (min-width: 320px) and (max-width: 375px) {
  .skele-nama-toko-psnan {
    width: 65%;
    height: 15px;
    margin-left: 24px !important;
  }

  .skele-tanggal-psnan {
    width: 30%;
    height: 15px;
    margin-right: 12px;
  }

  .skele-nomor-psnan {
    width: -webkit-fill-available;
    height: 5vw;
    margin-left: 12px;
    padding: 0px !important;
  }

  .skele-total-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 5vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-status-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 10vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-status-psnan {
    width: -webkit-fill-available;
    height: 5vw;
    margin-left: 12px !important;
    margin-right: 12px;
    background-color: #dddbdd !important;
  }

  .skele-gambar-produk-psnan {
    width: 20vw;
    height: 20vw;
    margin-left: 4px;
  }

  .skele-nama-produk-psnan {
    width: -webkit-fill-available;
    height: 6vw;
    margin-left: 12px;
    margin-right: 5px;
  }

  .skele-jmlh-produk-psnan {
    width: 15%;
    height: 5vw;
    margin-left: 12px;
    margin-top: 6px;
  }

  .skele-harga-produk-psnan {
    width: 50%;
    height: 5vw;
    margin-left: 12px;
    margin-top: 6px;
  }

  .skele-total-harga-psnan {
    width: 35%;
    height: 5vw;
    margin-right: 12px;
    margin-left: 6px;
  }
}

@media (min-width: 375px) and (max-width: 425px) {
  .skele-nama-toko-psnan {
    width: 70%;
    height: 17px;
    margin-left: 24px !important;
  }

  .skele-tanggal-psnan {
    width: 30%;
    height: 17px;
    margin-right: 12px;
  }

  .skele-nomor-psnan {
    width: -webkit-fill-available;
    height: 5vw;
    margin-left: 12px;
    padding: 0px !important;
  }

  .skele-total-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 5vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-status-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 10vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-status-psnan {
    width: -webkit-fill-available;
    height: 5vw;
    margin-left: 12px !important;
    margin-right: 12px;
    background-color: #dddbdd !important;
  }

  .skele-gambar-produk-psnan {
    width: 20vw;
    height: 20vw;
    margin-left: 4px;
  }

  .skele-nama-produk-psnan {
    width: -webkit-fill-available;
    height: 6vw;
    margin-left: 12px;
    margin-right: 5px;
  }

  .skele-jmlh-produk-psnan {
    width: 15%;
    height: 5vw;
    margin-left: 12px;
    margin-top: 6px;
  }

  .skele-harga-produk-psnan {
    width: 50%;
    height: 5vw;
    margin-left: 12px;
    margin-top: 6px;
  }

  .skele-total-harga-psnan {
    width: 35%;
    height: 5vw;
    margin-right: 12px;
    margin-left: 6px;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .skele-nama-toko-psnan {
    width: 75%;
    height: 18px;
    margin-left: 24px;
  }

  .skele-tanggal-psnan {
    width: 20%;
    height: 18px;
    margin-right: 12px;
  }

  .skele-nomor-psnan {
    width: -webkit-fill-available;
    height: 5vw;
    margin-left: 12px;
    padding: 0px !important;
  }

  .skele-total-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 5vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-status-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 5vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-status-psnan {
    width: -webkit-fill-available;
    height: 5vw;
    margin-left: 12px !important;
    margin-right: 12px;
    background-color: #dddbdd !important;
  }

  .skele-gambar-produk-psnan {
    width: 90px;
    height: 90px;
    margin-left: 4px;
  }

  .skele-nama-produk-psnan {
    width: -webkit-fill-available;
    height: 4.5vw;
    margin-left: 12px;
    margin-right: 5px;
  }

  .skele-jmlh-produk-psnan {
    width: 15%;
    height: 3.5vw;
    margin-left: 12px;
    margin-top: 9px;
  }

  .skele-harga-produk-psnan {
    width: 35%;
    height: 3.5vw;
    margin-left: 12px;
    margin-top: 6px;
  }

  .skele-total-harga-psnan {
    width: 30%;
    height: 4.5vw;
    margin-right: 12px;
    margin-left: 6px;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .skele-nama-toko-psnan {
    width: 80%;
    height: 18px;
    margin-left: 24px;
  }

  .skele-tanggal-psnan {
    width: 20%;
    height: 18px;
    margin-right: 12px;
  }

  .skele-nomor-psnan {
    width: -webkit-fill-available;
    height: 4vw;
    margin-left: 12px;
    padding: 0px !important;
  }

  .skele-total-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 4vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-status-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 4vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-status-psnan {
    width: -webkit-fill-available;
    height: 4vw;
    margin-left: 12px !important;
    margin-right: 12px;
    background-color: #dddbdd !important;
  }

  .skele-gambar-produk-psnan {
    width: 90px;
    height: 90px;
    margin-left: 4px;
  }

  .skele-nama-produk-psnan {
    width: -webkit-fill-available;
    height: 3.5vw;
    margin-left: 12px;
    margin-right: 5px;
  }

  .skele-jmlh-produk-psnan {
    width: 15%;
    height: 2.5vw;
    margin-left: 12px;
    margin-top: 9px;
  }

  .skele-harga-produk-psnan {
    width: 35%;
    height: 2.5vw;
    margin-left: 12px;
    margin-top: 6px;
  }

  .skele-total-harga-psnan {
    width: 25%;
    height: 3.5vw;
    margin-right: 12px;
    margin-left: 6px;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .skele-nama-toko-psnan {
    width: 80%;
    height: 18px;
    margin-left: 24px;
  }

  .skele-tanggal-psnan {
    width: 20%;
    height: 18px;
    margin-right: 12px;
  }

  .skele-nomor-psnan {
    width: -webkit-fill-available;
    height: 4vw;
    margin-left: 12px;
    padding: 0px !important;
  }

  .skele-total-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 4vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-status-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 4vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-status-psnan {
    width: -webkit-fill-available;
    height: 4vw;
    margin-left: 12px !important;
    margin-right: 12px;
    background-color: #dddbdd !important;
  }

  .skele-gambar-produk-psnan {
    width: 90px;
    height: 90px;
    margin-left: 4px;
  }

  .skele-nama-produk-psnan {
    width: -webkit-fill-available;
    height: 3vw;
    margin-left: 12px;
    margin-right: 5px;

  }

  .skele-jmlh-produk-psnan {
    width: 15%;
    height: 2vw;
    margin-left: 12px;
    margin-top: 9px;
  }

  .skele-harga-produk-psnan {
    width: 35%;
    height: 2vw;
    margin-left: 12px;
    margin-top: 6px;
  }

  .skele-total-harga-psnan {
    width: 25%;
    height: 3vw;
    margin-right: 12px;
    margin-left: 6px;
  }
}

@media (min-width: 991.5px) and (max-width: 1399.5px) {
  .skele-nama-toko-psnan {
    width: 43vw;
    height: 20px;
    margin-left: 24px;
  }

  .skele-tanggal-psnan {
    width: 20%;
    height: 20px;
    margin-right: 12px;
  }

  .skele-nomor-psnan {
    width: -webkit-fill-available;
    height: 3vw;
    margin-left: 12px;
    margin-right: 12px;
    padding: 0px !important;
  }

  .skele-status-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 3vw;
    margin-right: 12px;
    margin-left: 12px;
  }

  .skele-status-psnan {
    width: -webkit-fill-available;
    height: 3vw;
    margin-right: 12px;
    margin-left: 12px;
    background-color: #dddbdd !important;
  }

  .skele-gambar-produk-psnan {
    width: 100px;
    height: 100px;
    margin-left: 4px;
  }

  .skele-nama-produk-psnan {
    width: -webkit-fill-available;
    height: 2.5vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-jmlh-produk-psnan {
    width: 15%;
    height: 1.75vw;
    margin-left: 12px;
    margin-top: 9px;
  }

  .skele-harga-produk-psnan {
    width: 35%;
    height: 1.75vw;
    margin-left: 12px;
    margin-top: 6px;
  }

  .skele-total-harga-psnan {
    width: 20%;
    height: 2vw;
    margin-right: 12px;
    margin-left: 6px;
  }

  .web-sub-total-psnan {
    width: -webkit-fill-available;
    height: 1.75vw;
    margin-right: 3px;
    margin-top: 2.75vw;
  }
}

@media (min-width: 1399.5px) {
  .skele-nama-toko-psnan {
    width: 43vw;
    height: 20px;
    margin-left: 24px;
  }

  .skele-tanggal-psnan {
    width: 20%;
    height: 20px;
    margin-right: 12px;
  }

  .skele-nomor-psnan {
    width: -webkit-fill-available;
    height: 2vw;
    margin-left: 12px;
    margin-right: 12px;
    padding: 0px !important;
  }

  .skele-status-pmbyrn-psnan {
    width: -webkit-fill-available;
    height: 4vw;
    margin-right: 12px;
    margin-left: 12px;
  }

  .skele-status-psnan {
    width: -webkit-fill-available;
    height: 2vw;
    margin-right: 12px;
    background-color: #dddbdd !important;
  }

  .skele-gambar-produk-psnan {
    width: 100px;
    height: 100px;
    margin-left: 4px;
  }

  .skele-nama-produk-psnan {
    width: -webkit-fill-available;
    height: 2.5vw;
    margin-left: 12px;
    margin-right: 12px;
  }

  .skele-jmlh-produk-psnan {
    width: 15%;
    height: 1.75vw;
    margin-left: 12px;
    margin-top: 9px;
  }

  .skele-harga-produk-psnan {
    width: 35%;
    height: 1.75vw;
    margin-left: 12px;
    margin-top: 6px;
  }

  .skele-total-harga-psnan {
    width: 20%;
    height: 2vw;
    margin-right: 12px;
    margin-left: 6px;
  }

  .web-sub-total-psnan {
    width: -webkit-fill-available;
    height: 1.75vw;
    margin-right: 3px;
    margin-top: 2.75vw;
  }
}

/* Additional List Search Result */
@media screen {
  .list-search-result .col.item p.loc {
    padding-right: 12px !important;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
/* Lihat Semua Brand + Lokasi Toko */
@media (min-width: 767.5px) {
  #lihat-semua-popup-brand.container.lihat-semua-popup.brand .list .form-check-label {
    white-space: normal !important;
    font-size: 0.8em !important;
    padding-right: 12px !important;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .tooltip.bs-tooltip-top .tooltip-arrow::before {
    display: none !important;
  }

  #lihat-semua-popup-lokasi.container.lihat-semua-popup.lokasi-toko .list .form-check-label {
    white-space: normal !important;
    font-size: 0.8em !important;
    padding-right: 12px !important;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}

/* Waktu Pesanan Expired */
@media screen and (max-width: 320px) {
  .waktu-bayar-expired {
    margin-top: 8rem !important;
  }

  .waktu-bayar-expired h2 {
    margin-top: 1rem !important;
  }

  .waktu-bayar-expired a {
    margin-top: 1rem !important;
    background-color: #cb7fc7;
    color: black;
  }

  .waktu-bayar-expired img {
    width: 80px;
    height: 80px;
  }

  .waktu-bayar-expired .btn-primary {
    color: black !important;
    background-color: #ffbf1d !important;
    border: 0px !important;
    font-size: 1.3em !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .waktu-bayar-expired {
    margin-top: 8rem !important;
  }

  .waktu-bayar-expired h2 {
    margin-top: 1rem !important;
  }

  .waktu-bayar-expired a {
    margin-top: 1rem !important;
    background-color: #cb7fc7;
    color: black;
  }

  .waktu-bayar-expired img {
    width: 90px;
    height: 90px;
  }

  .waktu-bayar-expired .btn-primary {
    color: black !important;
    background-color: #ffbf1d !important;
    border: 0px !important;
    font-size: 1.3em !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .waktu-bayar-expired {
    margin-top: 8rem !important;
    padding: 0px 2rem !important;
  }

  .waktu-bayar-expired h2 {
    margin-top: 1rem !important;
  }

  .waktu-bayar-expired a {
    margin-top: 1rem !important;
    background-color: #cb7fc7;
    color: black;
  }

  .waktu-bayar-expired img {
    width: 100px;
    height: 100px;
  }

  .waktu-bayar-expired .btn-primary {
    color: black !important;
    background-color: #ffbf1d !important;
    border: 0px !important;
    font-size: 1.3em !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .waktu-bayar-expired {
    margin-top: 8rem !important;
    padding: 0px 2rem !important;
  }

  .waktu-bayar-expired h2 {
    margin-top: 1rem !important;
  }

  .waktu-bayar-expired a {
    margin-top: 1rem !important;
    background-color: #cb7fc7;
    color: black;
  }

  .waktu-bayar-expired img {
    width: 125px;
    height: 125px;
  }

  .waktu-bayar-expired .btn-primary {
    color: black !important;
    background-color: #ffbf1d !important;
    border: 0px !important;
    font-size: 1.3em !important;
  }

  .waktu-bayar-expired.container,
  .waktu-bayar-expired.container-sm {
    max-width: 100% !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .waktu-bayar-expired {
    margin-top: 8rem !important;
    padding: 0px 2rem !important;
  }

  .waktu-bayar-expired h2 {
    margin-top: 1rem !important;
  }

  .waktu-bayar-expired a {
    margin-top: 1rem !important;
    background-color: #cb7fc7;
    color: black;
  }

  .waktu-bayar-expired img {
    width: 135px;
    height: 135px;
  }

  .waktu-bayar-expired .btn-primary {
    color: black !important;
    background-color: #ffbf1d !important;
    border: 0px !important;
    font-size: 1.3em !important;
  }

  /* .waktu-bayar-expired.container,
  .waktu-bayar-expired.container-sm {
    max-width: 100% !important;
  } */
}

@media (min-width: 991.5px) {
  .waktu-bayar-expired {
    margin-top: 10rem !important;
  }

  .waktu-bayar-expired h2 {
    margin-top: 1rem !important;
  }

  .waktu-bayar-expired a {
    margin-top: 1rem !important;
    background-color: #cb7fc7;
    color: black;
  }

  .waktu-bayar-expired img {
    width: 150px;
    height: 150px;
  }

  .waktu-bayar-expired .btn-primary {
    color: black !important;
    background-color: #ffbf1d !important;
    border: 0px !important;
  }
}

/* Checkout */
@media screen and (max-width: 320px) {
  .container.checkout .alamat-pengiriman {
    margin: 0px !important;
  }

  .container.checkout .list_produk_checkout .produk {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container.checkout .pakai-voucher {
    margin: 0px !important;
  }

  .container.checkout .detail-pesanan {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container.checkout .box-checkout-ap .card-alamat-selected {
    padding: 12px !important;
  }

  .container.checkout .box-checkout-ap .card-alamat-selected .mob-checkout-alamat-pengiriman {
    padding: 0px !important;
  }

  .box-checkout-alamat-pengiriman {
    padding-right: 0px !important;
  }

  .btn-checkout-pilih-alamat {
    margin-left: auto;
  }

  .btn-checkout-tambah-catatan {
    padding: 0px 12px !important;
  }

  .btn-checkout-tambah-catatan .col-auto {
    padding: 0px !important;
  }

  .btn-checkout-tambah-catatan button {
    font-size: 1em !important;
  }

  .container.checkout .btn-tambah-alamat {
    font-size: 1.15em !important;
  }

  .container.checkout .box-checkout-nama-toko {
    padding: 10px 12px !important;
  }

  .container.checkout .box-checkout-nama-toko .col-auto.pe-0 {
    padding: 0px !important;
  }

  .container.checkout .box-checkout-item-produk {
    padding: 1rem 12px !important;
  }

  .container.checkout .box-checkout-item-produk .row.px-3 {
    padding: 0px !important;
  }

  .container.checkout .checkout-item-nama-produk {
    padding-right: 0px !important;
  }

  .container.checkout .action-box-product .prod-act-del {
    position: relative;
    bottom: 2px;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .container.checkout .checkout-action-delete-product {
    padding: 0px !important;
  }

  .container.checkout .kuantitas-qty {
    margin-left: auto;
    padding: 0px !important;
  }

  .container.checkout .checkout-catatan input {
    font-size: 1.1em !important;
  }

  .container.checkout .checkout-text p {
    font-size: 1.25em !important;
  }

  .container.checkout .checkout-gambar-jasa-pengiriman img {
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    display: block;
    padding: 10px;
    border: 1px solid #dee2e6;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .container.checkout .checkout-nama-jasa-pengiriman .col-12 {
    margin: 0.25rem 0rem !important;
  }

  .container.checkout .checkout-estimasi-tiba .col-12 {
    margin: 0.25rem 0rem !important;
  }

  .container.checkout .checkout-biaya-jasa-pengiriman .col-12 {
    margin: 0.25rem 0rem !important;
  }

  .container.checkout .detail-pesanan {
    padding: 12px !important;
  }

  .container.checkout .pakai-voucher {
    padding: 12px !important;
  }

  .container.checkout .box-checkout-voucher {
    padding: 0px !important;
  }

  .container.checkout .box-checkout-detail-pesanan {
    padding: 0px !important;
  }

  .container.checkout .btn-ubah-jasa-pengiriman {
    padding: 0px !important;
  }

  .container.checkout .btn-ubah-jasa-pengiriman button {
    font-size: 1.2em !important;
  }

  .container.checkout button.btn_pakai {
    font-size: 0.85em !important;
  }

  .container.checkout .teks-voucher {
    font-size: 0.85em !important;
    padding-right: 12px !important;
  }

  .checkout-item-nama-produk .row.mb-2 {
    margin-bottom: 0px !important;
  }

  .checkout-item-nama-produk h4 {
    margin-bottom: 0px !important;
    line-height: 16px;
  }

  .checkout-alamat-pengiriman {
  }

  .checkout-alamat-pengiriman p {
    font-size: 0.8rem !important;
  }

  .container.checkout .box-checkout-produk-list {
    padding-bottom: 7px;
  }

  .box-checkout-ap .row.p-3.align-items-center {
    padding: 10px !important;
    padding-left: 0px !important;
  }

  .container.checkout .h1-kecil.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .mb-checkout-th {
    padding-left: 30px !important;
    padding: 5px;
  }

  .mb-co-th {
    font-size: 10px;
  }

  .mb-co-ha {
    font-size: 13px;
  }

  .mb-co-mp button {
    font-size: 10px;
  }

  .mb-co-mp {
    padding: 5px;
    padding-top: 7px;
  }

  .row.detail-pesanan.p-3.py-4.mt-4.mx-2.mx-md-0 {
    margin-bottom: 100px;
  }

  .checkout .foto-produk {
    width: 50px;
    border-radius: 8px;
    height: 50px;
  }
}

@media (min-width: 320px) and (max-width: 375px) {
  .container.checkout .alamat-pengiriman {
    margin: 0px !important;
  }

  .container.checkout .list_produk_checkout .produk {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container.checkout .pakai-voucher {
    margin: 0px !important;
  }

  .container.checkout .detail-pesanan {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container.checkout .box-checkout-ap .card-alamat-selected {
    padding: 12px !important;
  }

  .container.checkout .box-checkout-ap .card-alamat-selected .mob-checkout-alamat-pengiriman {
    padding: 0px !important;
  }

  .box-checkout-alamat-pengiriman {
    padding-right: 0px !important;
  }

  .btn-checkout-pilih-alamat {
    margin-left: auto;
  }

  .btn-checkout-tambah-catatan {
    padding: 0px 12px !important;
  }

  .btn-checkout-tambah-catatan .col-auto {
    padding: 0px !important;
  }

  .btn-checkout-tambah-catatan button {
    font-size: 1em !important;
  }

  .container.checkout .btn-tambah-alamat {
    font-size: 1.15em !important;
  }

  .container.checkout .box-checkout-nama-toko {
    padding: 10px 12px !important;
  }

  .container.checkout .box-checkout-nama-toko .col-auto.pe-0 {
    padding: 0px !important;
  }

  .container.checkout .box-checkout-item-produk {
    padding: 1rem 12px !important;
  }

  .container.checkout .box-checkout-item-produk .row.px-3 {
    padding: 0px !important;
  }

  .container.checkout .checkout-item-nama-produk {
    padding-right: 0px !important;
  }

  .container.checkout .action-box-product .prod-act-del {
    position: relative;
    bottom: 2px;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .container.checkout .checkout-action-delete-product {
    padding: 0px !important;
  }

  .container.checkout .kuantitas-qty {
    margin-left: auto;
    padding: 0px !important;
  }

  .container.checkout .checkout-catatan input {
    font-size: 1.1em !important;
  }

  .container.checkout .checkout-text p {
    font-size: 1.25em !important;
  }

  .container.checkout .checkout-gambar-jasa-pengiriman img {
    margin-left: auto;
    margin-right: auto;
    width: 110px;
    display: block;
    padding: 10px;
    border: 1px solid #dee2e6;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .container.checkout .checkout-nama-jasa-pengiriman .col-12 {
    margin: 0.25rem 0rem !important;
  }

  .container.checkout .checkout-estimasi-tiba .col-12 {
    margin: 0.25rem 0rem !important;
  }

  .container.checkout .checkout-biaya-jasa-pengiriman .col-12 {
    margin: 0.25rem 0rem !important;
  }

  .container.checkout .detail-pesanan {
    padding: 12px !important;
  }

  .container.checkout .pakai-voucher {
    padding: 12px !important;
  }

  .container.checkout .box-checkout-voucher {
    padding: 0px !important;
  }

  .container.checkout .box-checkout-detail-pesanan {
    padding: 0px !important;
  }

  .container.checkout .btn-ubah-jasa-pengiriman {
    padding: 0px !important;
  }

  .container.checkout .btn-ubah-jasa-pengiriman button {
    font-size: 1.2em !important;
  }

  .container.checkout button.btn_pakai {
    font-size: 0.85em !important;
  }

  .container.checkout .teks-voucher {
    font-size: 0.85em !important;
    padding-right: 12px !important;
  }

  .container.checkout .box-checkout-produk-list {
    padding-bottom: 7px;
  }

  .checkout-item-nama-produk .row.mb-2 {
    margin-bottom: 0px !important;
  }

  .checkout-item-nama-produk h4 {
    margin-bottom: 0px !important;
    line-height: 16px;
  }

  .checkout-alamat-pengiriman {
  }

  .checkout-alamat-pengiriman p {
    font-size: 0.8rem !important;
  }

  .box-checkout-ap .row.p-3.align-items-center {
    padding: 10px !important;
    padding-left: 0px !important;
  }

  .container.checkout .h1-kecil.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .mb-checkout-th {
    padding-left: 30px !important;
    padding: 5px;
  }

  .mb-co-th {
    font-size: 10px;
  }

  .mb-co-ha {
    font-size: 13px;
  }

  .mb-co-mp button {
    font-size: 10px;
  }

  .mb-co-mp {
    padding: 5px;
    padding-top: 7px;
  }

  .row.detail-pesanan.p-3.py-4.mt-4.mx-2.mx-md-0 {
    margin-bottom: 100px;
  }

  .checkout .foto-produk {
    width: 60px;
    border-radius: 8px;
    height: 60px;
  }
}

@media (min-width: 375px) and (max-width: 425px) {
  .container.checkout .alamat-pengiriman {
    margin: 0px !important;
  }

  .container.checkout .list_produk_checkout .produk {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container.checkout .pakai-voucher {
    margin: 0px !important;
  }

  .container.checkout .detail-pesanan {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container.checkout .box-checkout-ap .card-alamat-selected {
    padding: 12px !important;
  }

  .container.checkout .box-checkout-ap .card-alamat-selected .mob-checkout-alamat-pengiriman {
    padding: 0px !important;
  }

  .box-checkout-alamat-pengiriman {
    padding-right: 0px !important;
  }

  .btn-checkout-pilih-alamat {
    margin-left: auto;
  }

  .btn-checkout-tambah-catatan {
    padding: 0px 12px !important;
  }

  .btn-checkout-tambah-catatan .col-auto {
    padding: 0px !important;
  }

  .btn-checkout-tambah-catatan button {
    font-size: 1em !important;
  }

  .container.checkout .btn-tambah-alamat {
    font-size: 1.15em !important;
  }

  .container.checkout .box-checkout-nama-toko {
    padding: 10px 12px !important;
  }

  .container.checkout .box-checkout-nama-toko .col-auto.pe-0 {
    padding: 0px !important;
  }

  .container.checkout .box-checkout-item-produk {
    padding: 1rem 12px !important;
  }

  .container.checkout .box-checkout-item-produk .row.px-3 {
    padding: 0px !important;
  }

  .container.checkout .checkout-item-nama-produk {
    padding-right: 0px !important;
  }

  .container.checkout .action-box-product .prod-act-del {
    position: relative;
    bottom: 2px;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .container.checkout .checkout-action-delete-product {
    padding: 0px !important;
  }

  .container.checkout .kuantitas-qty {
    margin-left: auto;
    padding: 0px !important;
  }

  .container.checkout .checkout-catatan input {
    font-size: 1.1em !important;
  }

  .container.checkout .checkout-text p {
    font-size: 1.25em !important;
  }

  .container.checkout .checkout-gambar-jasa-pengiriman img {
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    display: block;
    padding: 10px;
    border: 1px solid #dee2e6;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .container.checkout .checkout-nama-jasa-pengiriman .col-12 {
    margin: 0.25rem 0rem !important;
  }

  .container.checkout .checkout-estimasi-tiba .col-12 {
    margin: 0.25rem 0rem !important;
  }

  .container.checkout .checkout-biaya-jasa-pengiriman .col-12 {
    margin: 0.25rem 0rem !important;
  }

  .container.checkout .detail-pesanan {
    padding: 12px !important;
  }

  .container.checkout .pakai-voucher {
    padding: 12px !important;
  }

  .container.checkout .box-checkout-voucher {
    padding: 0px !important;
  }

  .container.checkout .box-checkout-detail-pesanan {
    padding: 0px !important;
  }

  .container.checkout .btn-ubah-jasa-pengiriman {
    padding: 0px !important;
  }

  .container.checkout .btn-ubah-jasa-pengiriman button {
    font-size: 1.2em !important;
  }

  .container.checkout button.btn_pakai {
    font-size: 0.85em !important;
  }

  .container.checkout .teks-voucher {
    font-size: 0.85em !important;
    padding-right: 12px !important;
  }

  .container.checkout .box-checkout-produk-list {
    padding-bottom: 7px;
  }

  .checkout-item-nama-produk .row.mb-2 {
    margin-bottom: 0px !important;
  }

  .checkout-item-nama-produk h4 {
    margin-bottom: 0px !important;
    line-height: 16px;
  }

  .checkout-alamat-pengiriman {
  }

  .checkout-alamat-pengiriman p {
    font-size: 0.8rem !important;
  }

  .box-checkout-ap .row.p-3.align-items-center {
    padding: 10px !important;
    padding-left: 0px !important;
  }

  .container.checkout .h1-kecil.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .mb-checkout-th {
    padding-left: 30px !important;
    padding: 5px;
  }

  .mb-co-th {
    font-size: 10px;
  }

  .mb-co-ha {
    font-size: 13px;
  }

  .mb-co-mp button {
    font-size: 10px;
  }

  .mb-co-mp {
    padding: 5px;
    padding-top: 7px;
  }

  .row.detail-pesanan.p-3.py-4.mt-4.mx-2.mx-md-0 {
    margin-bottom: 100px;
  }

  .checkout .foto-produk {
    width: 60px;
    border-radius: 8px;
    height: 60px;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .container.checkout {
    padding: 0px 1.5rem !important;
  }

  .container.checkout .alamat-pengiriman {
    margin: 0px !important;
  }

  .container.checkout .list_produk_checkout .produk {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container.checkout .pakai-voucher {
    margin: 0px !important;
  }

  .container.checkout .detail-pesanan {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .container.checkout .box-checkout-ap .card-alamat-selected {
    padding: 22px !important;
  }

  .container.checkout .box-checkout-ap .card-alamat-selected .mob-checkout-alamat-pengiriman {
    padding: 0px !important;
  }

  .box-checkout-alamat-pengiriman {
    padding-right: 0px !important;
  }

  .btn-checkout-pilih-alamat {
    margin-left: auto;
  }

  .btn-checkout-tambah-catatan {
    padding: 0px 22px !important;
  }

  .btn-checkout-tambah-catatan .col-auto {
    padding: 0px !important;
  }

  .btn-checkout-tambah-catatan button {
    font-size: 1em !important;
  }

  .container.checkout .btn-tambah-alamat {
    font-size: 1.15em !important;
    width: 96% !important;
    margin-left: 2%;
  }

  .container.checkout .box-checkout-nama-toko {
    padding: 10px 22px !important;
  }

  .container.checkout .box-checkout-nama-toko .col-auto.pe-0 {
    padding: 0px !important;
  }

  .container.checkout .box-checkout-item-produk {
    padding: 1rem 22px !important;
  }

  .container.checkout .box-checkout-item-produk .row.px-3 {
    padding: 0px !important;
  }

  .container.checkout .checkout-item-nama-produk {
    padding-right: 0px !important;
  }

  .container.checkout .action-box-product .prod-act-del {
    position: relative;
    bottom: 2px;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .container.checkout .checkout-action-delete-product {
    padding: 0px !important;
  }

  .container.checkout .kuantitas-qty {
    margin-left: auto;
    padding: 0px !important;
  }

  .container.checkout .checkout-catatan input {
    font-size: 1.1em !important;
  }

  .container.checkout .checkout-text p {
    font-size: 1.25em !important;
  }

  .container.checkout .checkout-gambar-jasa-pengiriman img {
    margin-left: auto;
    margin-right: auto;
    width: 130px;
    display: block;
    padding: 10px;
    border: 1px solid #dee2e6;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .container.checkout .checkout-nama-jasa-pengiriman .col-12 {
    margin: 0.25rem 0rem !important;
  }

  .container.checkout .checkout-estimasi-tiba .col-12 {
    margin: 0.25rem 0rem !important;
  }

  .container.checkout .checkout-biaya-jasa-pengiriman .col-12 {
    margin: 0.25rem 0rem !important;
  }

  .container.checkout .detail-pesanan {
    padding: 22px !important;
  }

  .container.checkout .pakai-voucher {
    padding: 22px !important;
  }

  .container.checkout .box-checkout-voucher {
    padding: 0px !important;
  }

  .container.checkout .box-checkout-detail-pesanan {
    padding: 0px !important;
  }

  .container.checkout .btn-ubah-jasa-pengiriman {
    padding: 0px !important;
  }

  .container.checkout .btn-ubah-jasa-pengiriman button {
    font-size: 1.2em !important;
  }

  .container.checkout button.btn_pakai {
    font-size: 1em !important;
  }

  .container.checkout .teks-voucher {
    font-size: 1em !important;
    padding-right: 12px !important;
  }

  .container.checkout .box-checkout-produk-list {
    padding-bottom: 10px;
  }

  .checkout-item-nama-produk .row.mb-2 {
    margin-bottom: 0px !important;
  }

  .checkout-item-nama-produk h4 {
    margin-bottom: 0px !important;
    line-height: 16px;
  }

  .checkout-alamat-pengiriman {
  }

  .checkout-alamat-pengiriman p {
    font-size: 0.9rem !important;
  }

  .box-checkout-ap .row.p-3.align-items-center {
    padding: 10px !important;
  }

  .container.checkout .h1-kecil.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .row.detail-pesanan.p-3.py-4.mt-4.mx-2.mx-md-0 {
    margin-bottom: 100px;
  }

  .checkout .foto-produk {
    width: 75px;
    border-radius: 8px;
    height: 75px;
  }

  .box-checkout-jasa-pgrmn {
    padding: 0px 22px !important;
  }

  .box-checkout-catatan {
    padding: 0px 22px !important;
  }

  .container.checkout .box-checkout-nama-toko img {
    margin-top: 3px !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.7px) {
  .container.checkout .jasapengiriman-card {
    justify-content: space-between !important;
    margin: 0px !important;
  }

  .container.checkout .box-checkout-ap .card-alamat-selected {
    padding: 12px !important;
  }

  .box-checkout-ap .row.p-3.align-items-center {
    padding: 10px !important;
    padding-left: 0px !important;
  }

  .btn-checkout-tambah-catatan {
    padding: 0px 12px !important;
  }

  .container.checkout .box-checkout-ap .card-alamat-selected .mob-checkout-alamat-pengiriman {
    padding: 0px !important;
  }

  .container.checkout .box-checkout-ap .card-alamat-selected .mob-checkout-alamat-pengiriman {
    padding: 0px !important;
  }

  .container.checkout .btn-checkout-tambah-catatan {
    padding: 0px !important;
  }

  .container.checkout .kuantitas-qty {
    margin-left: auto;
  }

  .container.checkout .action-box-product .prod-act-del {
    position: relative;
    bottom: 2px;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .container.checkout .box-checkout-produk-list {
    padding-bottom: 10px;
  }

  .container.checkout .pakai-voucher {
    padding: 1rem 0px !important;
  }

  .container.checkout .detail-pesanan {
    padding: 1rem 0px !important;
  }

  .checkout-alamat-pengiriman p {
    font-size: 0.9rem !important;
  }

  .container.checkout .box-checkout-nama-toko img {
    margin-top: 3px !important;
  }

  .container.checkout .checkout-nama-jasa-pengiriman {
    margin-right: auto !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .container-fluid.mx-3.text-md-start.text-center {
    margin: 0px !important;
  }

  .container.checkout,
  .container-md.checkout,
  .container-sm.checkout {
    max-width: 100%;
  }

  .box-checkout-tablet-voucher {
    margin: 0px !important;
    padding-right: 0px !important;
  }

  .box-checkout-tablet-voucher .row.sticky-top {
    width: 100% !important;
  }

  .checkout-tablet-voucher {
    padding-right: 0px !important;
  }

  .container.checkout {
    padding: 0px 1rem !important;
  }

  .container.checkout .jasapengiriman-card {
    justify-content: space-between !important;
    margin: 0px !important;
  }

  .container.checkout .box-checkout-produk-list {
    padding-bottom: 10px;
    font-size: 0.8em !important;
  }

  .container.checkout .checkout-catatan input {
    font-size: 1em !important;
  }

  .btn-tambah-catatan {
    font-size: 1.05em !important;
  }

  .btn-tambah-alamat {
    font-size: 1.15em !important;
  }

  .container.checkout .box-checkout-detail-pesanan {
    padding: 0px !important;
  }

  .container.checkout .pakai-voucher {
    padding: 9px 0px !important;
  }

  .container.checkout .detail-pesanan {
    padding: 9px 12px !important;
  }

  .container.checkout .price {
    color: #000;
    font-weight: bold;
    font-size: 1.25em !important;
  }

  .container.checkout .action-box-product .prod-act-del {
    position: relative;
    padding-right: 0px !important;
    font-size: 20px;
  }

  .container.checkout .box-checkout-voucher h4 {
    font-size: 0.9em !important;
  }

  .box-checkout-ap {
    font-size: 0.8em !important;
  }

  .checkout-alamat-pengiriman p {
    font-size: 1.15em !important;
  }

  .btn-checkout-pilih-alamat {
    margin-left: auto;
  }

  .container.checkout .teks-voucher {
    font-size: 0.8em !important;
  }

  .container.checkout .pakai-voucher button {
    font-size: 0.9em !important;
  }

  .container.checkout .box-checkout-detail-pesanan {
    font-size: 0.75em !important;
  }

  .container.checkout .box-checkout-detail-pesanan button {
    font-size: 1em !important;
  }

  .container.checkout .btn-checkout-tambah-catatan {
    padding: 0px !important;
  }

  .container.checkout .card-alamat-selected {
    padding: 12px 0px !important;
  }

  .box-checkout-ap .row.p-3.align-items-center {
    padding: 10px !important;
    padding-left: 0px !important;
  }

  .container.checkout .box-checkout-nama-toko img {
    margin-top: 3px !important;
  }

  .container.checkout .h1-kecil.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 991.5px) and (max-width: 1439.5px) {
  .box-checkout-tablet-voucher .row.sticky-top {
    width: 100% !important;
  }

  .container-fluid.mx-3.text-md-start.text-center {
    margin: 0px !important;
  }

  .container.checkout .btn-checkout-tambah-catatan {
    padding: 0px !important;
  }

  .container.checkout .card-alamat-selected {
    padding: 12px 0px !important;
  }

  .box-checkout-ap .row.p-3.align-items-center {
    padding: 10px !important;
    padding-left: 0px !important;
  }

  .container.checkout .box-checkout-voucher h4 {
    font-size: 1em !important;
  }

  .box-checkout-ap {
    font-size: 0.9em !important;
  }

  .checkout-alamat-pengiriman p {
    font-size: 1.25em !important;
  }

  .btn-checkout-pilih-alamat {
    margin-left: auto;
  }

  .container.checkout .teks-voucher {
    font-size: 0.9em !important;
  }

  .container.checkout .pakai-voucher button {
    font-size: 1em !important;
  }

  .container.checkout .box-checkout-detail-pesanan {
    font-size: 0.8em !important;
  }

  .container.checkout .box-checkout-detail-pesanan button {
    font-size: 0.95em !important;
  }

  .container.checkout .box-checkout-produk-list {
    padding-bottom: 10px;
    font-size: 0.9em !important;
  }

  .container.checkout .jasapengiriman-card {
    justify-content: space-between !important;
    margin: 0px !important;
  }

  .container.checkout .action-box-product .prod-act-del {
    position: relative;
    padding-right: 0px !important;
    font-size: 20px;
  }


  .container.checkout .detail-pesanan .box-checkout-detail-pesanan {
    padding: 0px !important;
  }

  .container.checkout .box-checkout-voucher {
    padding: 0px !important;
  }

  .container.checkout .box-checkout-nama-toko img {
    margin-top: 3px !important;
  }

  .container.checkout .h1-kecil.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 1439.5px) {
  .box-checkout-tablet-voucher .row.sticky-top {
    width: 100% !important;
  }

  .container-fluid.mx-3.text-md-start.text-center {
    margin: 0px !important;
  }

  .container.checkout .btn-checkout-tambah-catatan {
    padding: 0px !important;
  }

  .container.checkout .card-alamat-selected {
    padding: 12px 0px !important;
  }

  .box-checkout-ap .row.p-3.align-items-center {
    padding: 10px !important;
    padding-left: 0px !important;
  }

  .container.checkout .jasapengiriman-card {
    justify-content: space-between !important;
    margin: 0px !important;
  }

  .container.checkout .action-box-product .prod-act-del {
    position: relative;
    padding-right: 0px !important;
    font-size: 20px;
  }

  .btn-checkout-pilih-alamat {
    margin-left: auto;
  }

  .container.checkout .box-checkout-produk-list {
    padding-bottom: 10px;
  }

  .container.checkout .box-checkout-nama-toko img {
    margin-top: 3px !important;
  }

  .container.checkout .h1-kecil.my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    font-size: 1.5em !important;
  }

  .container.checkout .checkout-nama-jasa-pengiriman {
    width: auto !important;
  }

  .container .checkout-gambar-jasa-pengiriman {
    width: auto !important;
  }
}

/* Modal Checkout Pilih Alamat */
@media screen and (max-width: 425px) {
  .modal-checkout-pilih-alamat {
    padding: 0.5rem 1.5rem !important;
  }

  .modal-checkout-pilih-alamat input {
    margin-bottom: auto;
  }

  .modal-checkout-text-utama {
    padding-right: 0px !important;
    text-align: center;
  }

  .modal-checkout-alamat-lengkap {
    padding-right: 0px !important;
    margin-top: 0.1rem;
  }

  .button-checkout-edit-alamat {
    margin-top: 0.25rem !important;
  }

  .button-checkout-edit-alamat button {
    font-size: 1em !important;
    padding: 3px 16px;
  }

  .modal-checkout-alamat-title {
    margin-right: auto;
    font-size: 1em !important;
  }

  #pilihAlamat .modal-pilih-alamat {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #pilihAlamat .modal-header {
    padding-left: 0px !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .modal-checkout-pilih-alamat {
    padding: 0.5rem 2rem !important;
  }

  .modal-checkout-pilih-alamat input {
    margin-bottom: auto;
  }

  .modal-checkout-text-utama {
    text-align: center;
  }

  .modal-checkout-alamat-lengkap {
    padding-right: 0px !important;
    margin-top: 0.1rem;
  }

  .button-checkout-edit-alamat {
    margin-top: 0.25rem !important;
  }

  .button-checkout-edit-alamat button {
    font-size: 1em !important;
    padding: 3px 16px;
  }

  .modal-checkout-alamat-title {
    margin-right: auto;
    font-size: 1em !important;
  }

  #pilihAlamat .modal-pilih-alamat {
  }

  #pilihAlamat .modal-header {
    padding-left: 0px !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .modal-checkout-pilih-alamat {
    padding: 0.5rem 2rem !important;
  }

  .modal-checkout-pilih-alamat input {
    margin-bottom: auto;
  }

  .modal-checkout-text-utama {
    text-align: center;
  }

  .modal-checkout-alamat-lengkap {
    padding-right: 0px !important;
    margin-top: 0.1rem;
  }

  .button-checkout-edit-alamat {
    margin-top: 0.25rem !important;
  }

  .button-checkout-edit-alamat button {
    font-size: 1em !important;
    padding: 3px 16px;
  }

  .modal-checkout-alamat-title {
    margin-right: auto;
    font-size: 1em !important;
  }

  #pilihAlamat .modal-pilih-alamat {
  }

  #pilihAlamat .modal-header {
    padding-left: 0px !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .modal-checkout-pilih-alamat {
    padding: 0.5rem 2rem !important;
  }

  .modal-checkout-pilih-alamat input {
    margin-bottom: auto;
  }

  .modal-checkout-text-utama {
    text-align: center;
  }

  .modal-checkout-alamat-lengkap {
    padding-right: 0px !important;
    font-size: 0.9em !important;
  }

  .button-checkout-edit-alamat {
    margin-top: 0.25rem !important;
  }

  .button-checkout-edit-alamat button {
    font-size: 1em !important;
    padding: 3px 16px;
  }

  .modal-checkout-alamat-title {
    margin-right: auto;
    font-size: 1em !important;
  }

  #pilihAlamat .modal-pilih-alamat {
  }

  #pilihAlamat .modal-header {
    padding-left: 0px !important;
  }

  .modal-pilih-alamat-pengiriman-checkout {
    font-size: 0.9em !important;
  }
}

@media (min-width: 991.5px) {
  .modal-checkout-pilih-alamat {
    padding: 0.5rem 2rem !important;
  }

  .modal-checkout-pilih-alamat input {
    margin-bottom: auto;
  }

  .modal-checkout-text-utama {
    text-align: center;
  }

  .modal-checkout-alamat-lengkap {
    padding-right: 0px !important;
    font-size: 0.9em !important;
  }

  .button-checkout-edit-alamat {
    margin-top: 0.25rem !important;
  }

  .button-checkout-edit-alamat button {
    font-size: 1em !important;
    padding: 3px 16px;
  }

  .modal-checkout-alamat-title {
    margin-right: auto;
    font-size: 1em !important;
  }

  #pilihAlamat .modal-pilih-alamat {
  }

  #pilihAlamat .modal-header {
    padding-left: 0px !important;
  }

  .modal-pilih-alamat-pengiriman-checkout {
    font-size: 0.9em !important;
  }
}

/* Skeleton Checkout */
@media screen and (max-width: 319.5px) {
  .skele-title-modal-tambah-alamat {
    width: 85%;
    margin-top: 8px;
  }

  .skele-checkout-nama-penerima {
    width: 80% !important;
    padding-left: 0px !important;
  }

  .skele-checkout-nomor-penerima {
    width: 50%;
    padding-left: 0px !important;
  }

  .skele-title-checkout-alamat-pengiriman {
    width: 50%;
  }

  .skele-checkout-alamat-penerima {
    width: 80%;
    height: 10vw;
    padding-left: 0px !important;
  }

  .skele-pad-left {
    padding-left: 0px !important;
  }

  .skele-checkout-nama-produk {
    width: 75%;
  }

  .skele-checkout-lokasi-penjual {
    width: 100%;
  }

  .skele-checkout-produk-image {
  }

  .skele-checkout-nama-list-produk {
    width: 100%;
    margin: 0px !important;
  }

  .skele-checkout-harga-list-produk {
    width: 75%;
  }

  .skele-checkout-total-berat-list-produk {
    width: 50%;
    height: 11.5px !important;
  }

  .skele-checkout-title-catatan {
    width: 40%;
    height: 5vw;
  }

  .skele-checkout-box-catatan {
    width: 100% !important;
    height: 6vw;
  }

  .skele-checkout-title-jasa-pengiriman {
    width: 40%;
    height: 5vw;
  }

  .skele-checkout-gambar-jasa-pengiriman {
    width: 100%;
    height: 15vw;
  }

  .skele-checkout-list-jasa-pengiriman {
    height: 6vw;
    width: 40%;
  }

  .skele-checkout-value-jasa-pengiriman {
    height: 6vw;
    width: 25%;
  }

  .skele-checkout-margin {
    margin: 0px !important;
  }

  .text-checkout-voucher-promo-title {
    width: 90% !important;
  }

  .text-checkout-voucher-promo {
    width: 80% !important;
  }

  .checkout-title-metode-pengiriman {
    width: 60% !important;
  }
}

@media (min-width: 319.5px) and (max-width: 425px) {
  .skele-title-modal-tambah-alamat {
    width: 75%;
    margin-top: 8px;
  }

  .skele-checkout-nama-penerima {
    width: 80% !important;
    padding-left: 0px !important;
  }

  .skele-checkout-nomor-penerima {
    width: 50%;
    padding-left: 0px !important;
  }

  .skele-title-checkout-alamat-pengiriman {
    width: 50%;
  }

  .skele-checkout-alamat-penerima {
    width: 80%;
    height: 10vw;
    padding-left: 0px !important;
  }

  .skele-pad-left {
    padding-left: 0px !important;
  }

  .skele-checkout-nama-produk {
    width: 75%;
    height: 3.5vw;
  }

  .skele-checkout-lokasi-penjual {
    width: 100%;
    height: 3.5vw;
  }

  .skele-checkout-produk-image {
  }

  .skele-checkout-nama-list-produk {
    width: 100%;
    margin: 0px !important;
  }

  .skele-checkout-harga-list-produk {
    width: 75%;
  }

  .skele-checkout-total-berat-list-produk {
    width: 50%;
    height: 11.5px !important;
  }

  .skele-checkout-title-catatan {
    width: 40%;
    height: 4vw;
  }

  .skele-checkout-box-catatan {
    width: 100% !important;
    height: 5vw;
  }

  .skele-checkout-title-jasa-pengiriman {
    width: 40%;
    height: 5vw;
  }

  .skele-checkout-gambar-jasa-pengiriman {
    width: 100%;
    height: 15vw;
  }

  .skele-checkout-list-jasa-pengiriman {
    height: 6vw;
    width: 40%;
  }

  .skele-checkout-value-jasa-pengiriman {
    height: 6vw;
    width: 25%;
  }

  .skele-checkout-margin {
    margin: 0px !important;
  }

  .text-checkout-voucher-promo-title {
    width: 75% !important;
  }

  .text-checkout-voucher-promo {
    width: 60% !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .skele-title-modal-tambah-alamat {
    width: 55%;
    margin-top: 8px;
  }

  .skele-checkout-box-title-produk-jual {
    padding: 0px 22px;
  }

  .skele-checkout-nama-penerima {
    width: 80% !important;
    padding-left: 0px !important;
  }

  .skele-checkout-nomor-penerima {
    width: 50%;
    padding-left: 0px !important;
  }

  .skele-title-checkout-alamat-pengiriman {
    width: 50%;
  }

  .skele-checkout-alamat-penerima {
    width: 80%;
    height: 10vw;
    padding-left: 0px !important;
  }

  .skele-pad-left {
    padding-left: 0px !important;
  }

  .skele-checkout-nama-produk {
    width: 75%;
    height: 3vw;
  }

  .skele-checkout-lokasi-penjual {
    width: 100%;
    height: 3vw;
  }

  .skele-checkout-produk-image {
  }

  .skele-checkout-nama-list-produk {
    width: 100%;
    margin: 0px !important;
  }

  .skele-checkout-harga-list-produk {
    width: 75%;
  }

  .skele-checkout-total-berat-list-produk {
    width: 50%;
    height: 3vw !important;
  }

  .skele-checkout-title-catatan {
    width: 40%;
    height: 3vw;
  }

  .skele-checkout-box-catatan {
    width: 100% !important;
    height: 4vw;
  }

  .skele-checkout-title-jasa-pengiriman {
    width: 40%;
    height: 4vw;
  }

  .skele-checkout-gambar-jasa-pengiriman {
    width: 100%;
    height: 15vw;
  }

  .skele-checkout-list-jasa-pengiriman {
    height: 4vw;
    width: 40%;
  }

  .skele-checkout-value-jasa-pengiriman {
    height: 4vw;
    width: 25%;
  }

  .skele-checkout-margin {
    margin: 0px !important;
  }

  .text-checkout-voucher-promo-title {
    width: 75% !important;
  }

  .text-checkout-voucher-promo {
    width: 60% !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .skele-title-modal-tambah-alamat {
    width: 50%;
    margin-top: 8px;
  }

  .skele-checkout-box-title-produk-jual {
    padding: 0px 12px;
  }

  .skele-checkout-nama-penerima {
    width: 80% !important;
    height: 2.5vw;
    padding-left: 0px !important;
  }

  .skele-checkout-nomor-penerima {
    width: 50%;
    height: 2.5vw;
    padding-left: 0px !important;
  }

  .skele-title-checkout-alamat-pengiriman {
    width: 50%;
  }

  .skele-checkout-alamat-penerima {
    width: 80%;
    height: 7vw;
    padding-left: 0px !important;
  }

  .skele-pad-left {
    padding-left: 0px !important;
  }

  .skele-checkout-nama-produk {
    width: 75%;
    height: 3vw;
  }

  .skele-checkout-lokasi-penjual {
    width: 100%;
    height: 3vw;
  }

  .skele-checkout-produk-image {
    width: 100px !important;
    height: 100px !important;
  }

  .skele-checkout-nama-list-produk {
    width: 100%;
    margin: 0px !important;
  }

  .skele-checkout-harga-list-produk {
    width: 75%;
  }

  .skele-checkout-total-berat-list-produk {
    width: 50%;
    height: 3vw !important;
  }

  .skele-checkout-title-catatan {
    width: 40%;
    height: 3vw;
  }

  .skele-checkout-box-catatan {
    width: 100% !important;
    height: 4vw;
  }

  .skele-checkout-title-jasa-pengiriman {
    width: 40%;
    height: 4vw;
  }

  .skele-checkout-gambar-jasa-pengiriman {
    width: 100%;
    height: 10vw;
  }

  .skele-checkout-list-jasa-pengiriman {
    height: 4vw;
    width: 40%;
  }

  .skele-checkout-value-jasa-pengiriman {
    height: 4vw;
    width: 80%;
  }

  .skele-checkout-margin {
    margin: 0px !important;
  }

  .text-checkout-voucher-promo-title {
    width: 75% !important;
  }

  .text-checkout-voucher-promo {
    width: 60% !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .skele-title-modal-tambah-alamat {
    width: 50%;
    margin-top: 8px;
  }

  #tambahAlamat .col-auto img {
    width: 28px !important;
  }

  .skele-checkout-box-title-produk-jual {
    padding: 0px 12px;
  }

  .skele-checkout-nama-penerima {
    width: 80% !important;
    height: 2vw;
    padding-left: 0px !important;
  }

  .skele-checkout-nomor-penerima {
    width: 50%;
    height: 2vw;
    padding-left: 0px !important;
  }

  .skele-title-checkout-alamat-pengiriman {
    width: 50%;
  }

  .skele-checkout-alamat-penerima {
    width: 80%;
    height: 6vw;
    padding-left: 0px !important;
  }

  .skele-pad-left {
    padding-left: 0px !important;
  }

  .skele-checkout-nama-produk {
    width: 75%;
    height: 2vw;
  }

  .skele-checkout-lokasi-penjual {
    width: 100%;
    height: 2vw;
  }

  .skele-checkout-produk-image {
    width: 100px !important;
    height: 100px !important;
  }

  .skele-checkout-nama-list-produk {
    width: 100%;
    margin: 0px !important;
  }

  .skele-checkout-harga-list-produk {
    width: 75%;
  }

  .skele-checkout-total-berat-list-produk {
    width: 50%;
    height: 2vw !important;
  }

  .skele-checkout-title-catatan {
    width: 40%;
    height: 2vw;
  }

  .skele-checkout-box-catatan {
    width: 100% !important;
    height: 3vw;
  }

  .skele-checkout-title-jasa-pengiriman {
    width: 40%;
    height: 3vw;
  }

  .skele-checkout-gambar-jasa-pengiriman {
    width: 100%;
    height: 6vw;
  }

  .skele-checkout-list-jasa-pengiriman {
    height: 2vw;
    width: 40%;
  }

  .skele-checkout-value-jasa-pengiriman {
    height: 2vw;
    width: 80%;
  }

  .skele-checkout-margin {
    margin: 0px !important;
  }

  .text-checkout-voucher-promo-title {
    width: 75% !important;
  }

  .text-checkout-voucher-promo {
    width: 60% !important;
  }
}

@media (min-width: 991.5px) and (max-width: 1439.5px) {
  .skele-title-modal-tambah-alamat {
    width: 50%;
    margin-top: 8px;
  }

  #tambahAlamat .col-auto img {
    width: 28px !important;
  }

  .skele-checkout-box-title-produk-jual {
    padding: 0px 12px;
  }

  .skele-checkout-nama-penerima {
    width: 80% !important;
    height: 1.5vw;
    padding-left: 0px !important;
  }

  .skele-checkout-nomor-penerima {
    width: 50%;
    height: 1.5vw;
    padding-left: 0px !important;
  }

  .skele-title-checkout-alamat-pengiriman {
    width: 50%;
  }

  .skele-checkout-alamat-penerima {
    width: 80%;
    height: 5vw;
    padding-left: 0px !important;
  }

  .skele-pad-left {
    padding-left: 0px !important;
  }

  .skele-checkout-nama-produk {
    width: 75%;
    height: 2vw;
  }

  .skele-checkout-lokasi-penjual {
    width: 100%;
    height: 1.5vw;
  }

  .skele-checkout-produk-image {
    width: 100px !important;
    height: 100px !important;
  }

  .skele-checkout-nama-list-produk {
    width: 100%;
    margin: 0px !important;
  }

  .skele-checkout-harga-list-produk {
    width: 75%;
  }

  .skele-checkout-total-berat-list-produk {
    width: 50%;
    height: 1.5vw !important;
  }

  .skele-checkout-title-catatan {
    width: 40%;
    height: 1.5vw;
  }

  .skele-checkout-box-catatan {
    width: 100% !important;
    height: 2.5vw;
  }

  .skele-checkout-title-jasa-pengiriman {
    width: 40%;
    height: 2.5vw;
  }

  .skele-checkout-gambar-jasa-pengiriman {
    width: 100%;
    height: 5vw;
  }

  .skele-checkout-list-jasa-pengiriman {
    height: 1.5vw;
    width: 40%;
  }

  .skele-checkout-value-jasa-pengiriman {
    height: 1.5vw;
    width: 80%;
  }

  .skele-checkout-margin {
    margin: 0px !important;
  }

  .text-checkout-voucher-promo-title {
    width: 75% !important;
  }

  .text-checkout-voucher-promo {
    width: 60% !important;
  }
}

@media (min-width: 1439.5px) {
  .skele-checkout-box-title-produk-jual {
    padding: 0px 12px;
  }

  .skele-checkout-nama-penerima {
    width: 80% !important;
    height: 1.5vw;
    padding-left: 0px !important;
  }

  .skele-checkout-nomor-penerima {
    width: 50%;
    height: 1.5vw;
    padding-left: 0px !important;
  }

  .skele-title-checkout-alamat-pengiriman {
    width: 50%;
  }

  .skele-checkout-alamat-penerima {
    width: 80%;
    height: 5vw;
    padding-left: 0px !important;
  }

  .skele-pad-left {
    padding-left: 0px !important;
  }

  .skele-checkout-nama-produk {
    width: 75%;
    height: 2vw;
  }

  .skele-checkout-lokasi-penjual {
    width: 100%;
    height: 1.5vw;
  }

  .skele-checkout-produk-image {
    width: 100px !important;
    height: 100px !important;
  }

  .skele-checkout-nama-list-produk {
    width: 100%;
    margin: 0px !important;
  }

  .skele-checkout-harga-list-produk {
    width: 75%;
  }

  .skele-checkout-total-berat-list-produk {
    width: 50%;
    height: 1.5vw !important;
  }

  .skele-checkout-title-catatan {
    width: 40%;
    height: 1.5vw;
  }

  .skele-checkout-box-catatan {
    width: 100% !important;
    height: 2.5vw;
  }

  .skele-checkout-title-jasa-pengiriman {
    width: 40%;
    height: 2.5vw;
  }

  .skele-checkout-gambar-jasa-pengiriman {
    width: 85%;
    height: 4vw;
  }

  .skele-checkout-list-jasa-pengiriman {
    height: 1.5vw;
    width: 40%;
  }

  .skele-checkout-value-jasa-pengiriman {
    height: 1.5vw;
    width: 80%;
  }

  .skele-checkout-margin {
    margin: 0px !important;
  }

  .text-checkout-voucher-promo-title {
    width: 75% !important;
  }

  .text-checkout-voucher-promo {
    width: 60% !important;
  }

  .skele-checkout-box-gambar-jasa-pengiriman {
    width: 25% !important;
  }

  .skele-checkout-nama-jasa-pengiriman {
    width: 25% !important;
  }

  .skele-checkout-estimasi-tiba {
    width: 25% !important;
  }

  .skele-checkout-biaya-jasa-pengiriman {
    width: 25% !important;
  }
}

/* Skeleton Kunjungi Mitra */
@media screen and (max-width: 319.5px) {
  .box-produk-beranda-mitra-body-skele {
    padding: 0.5rem 0rem;
  }

  .skele-kunjungi-mitra-deskripsi {
    width: 50%;
    height: 5vw !important;
    margin-bottom: 0px !important;
  }

  .skele-kunjungi-mitra-deskripsi-content {
    width: 100%;
    height: 45vw;
  }

  .skele-container-produk-toko {
    margin-top: 1rem;
  }

  .skele-kualitas-produk-mitra {
    padding: 8px !important;
    margin-top: 1rem;
    width: 40%;
    margin-bottom: 1rem !important;
  }

  .skele-number-rating-produk-mitra {
    width: 50%;
    height: 7vw;
  }

  .skele-star-rating-produk-mitra {
    width: 100%;
    height: 7vw;
    margin-top: 3px;
  }

  .skele-number-ulasan-produk-mitra {
    width: 85%;
    height: 5vw;
    margin-top: 3px;
  }

  .skele-line-rating-produk-mitra {
    width: 100%;
    margin-bottom: 6px;
  }

  .skele-galeri-foto-profile-mitra {
    width: 100%;
    height: 61.5px;
  }

  .skele-ulasan-nama-produk-review {
    width: 90%;
    height: 5vw;
  }

  .skele-foto-produk-review-mitra {
    width: 75%;
    height: 61.5px;
  }

  .skele-foto-customer-review-mitra {
    width: 40px;
    height: 40px;
  }

  .skele-ulasan-nama-customer-review-mitra {
    width: 100%;
    height: 5vw;
    margin-top: 0.25rem;
    margin-bottom: 0rem !important;
  }

  .skele-ulasan-tanggal-customer-review-mitra {
    width: 60%;
    height: 5vw;
    margin-top: 0.25rem;
  }

  .skele-ulasan-rating-customer-review-mitra {
    width: 50%;
    height: 5vw;
    margin-top: 0.25rem;
  }

  .skele-ulasan-comment-customer-review-mitra {
    width: 100%;
    height: 12vw;
    margin-top: 0.25rem;
  }

  .skele-foto-produk-customer-review-mitra {
    width: 40px;
    height: 39.5px;
    margin-top: 0.25rem;
    margin-right: 10px;
  }
}

@media (min-width: 319.5px) and (max-width: 424.5px) {
  .skele-kunjungi-mitra-deskripsi {
    width: 50%;
    height: 5vw !important;
    margin-bottom: 0px !important;
  }

  .skele-kunjungi-mitra-deskripsi-content {
    width: 100%;
    height: 45vw;
  }

  .box-produk-beranda-mitra-body-skele {
    padding: 0.5rem 0.5rem !important;
  }

  .skele-container-produk-toko {
    margin-top: 1rem;
  }

  .skele-number-rating-produk-mitra {
    width: 50%;
    height: 6vw;
  }

  .skele-star-rating-produk-mitra {
    width: 100%;
    height: 6vw;
    margin-top: 3px;
  }

  .skele-number-ulasan-produk-mitra {
    width: 85%;
    height: 5vw;
    margin-top: 3px;
  }

  .skele-line-rating-produk-mitra {
    width: 100%;
    margin-bottom: 6px;
  }

  .skele-galeri-foto-profile-mitra {
    width: 100%;
    height: 22vw;
  }

  .skele-ulasan-nama-produk-review {
    width: 90%;
    height: 5vw;
  }

  .skele-foto-produk-review-mitra {
    width: 75%;
    height: 23vw;
  }

  .skele-foto-customer-review-mitra {
    width: 40px;
    height: 40px;
  }

  .skele-ulasan-nama-customer-review-mitra {
    width: 100%;
    height: 5vw;
    margin-top: 0.25rem;
    margin-bottom: 0rem !important;
  }

  .skele-ulasan-tanggal-customer-review-mitra {
    width: 60%;
    height: 5vw;
    margin-top: 0.25rem;
  }

  .skele-ulasan-rating-customer-review-mitra {
    width: 50%;
    height: 5vw;
    margin-top: 0.25rem;
  }

  .skele-ulasan-comment-customer-review-mitra {
    width: 100%;
    height: 12vw;
    margin-top: 0.25rem;
  }

  .skele-foto-produk-customer-review-mitra {
    width: 40px;
    height: 39.5px;
    margin-top: 0.25rem;
    margin-right: 10px;
  }
}

@media (min-width: 424.5px) and (max-width: 575.5px) {
  .skele-kunjungi-mitra-deskripsi {
    width: 50%;
    height: 4vw !important;
    margin-bottom: 0px !important;
  }

  .skele-kunjungi-mitra-deskripsi-content {
    width: 100%;
    height: 35vw;
  }

  .skele-container-produk-toko {
    margin-top: 1rem;
  }

  .skele-number-rating-produk-mitra {
    width: 50%;
    height: 6vw;
  }

  .skele-star-rating-produk-mitra {
    width: 75%;
    height: 6vw;
    margin-top: 3px;
  }

  .skele-number-ulasan-produk-mitra {
    width: 65%;
    height: 4vw;
    margin-top: 3px;
  }

  .skele-line-rating-produk-mitra {
    width: 85%;
    margin-bottom: 6px;
  }

  .skele-galeri-foto-profile-mitra {
    width: 100%;
    height: 20vw;
  }

  .skele-ulasan-nama-produk-review {
    width: 90%;
    height: 5vw;
  }

  .skele-foto-produk-review-mitra {
    width: 100px;
    height: 100px;
  }

  .skele-foto-customer-review-mitra {
    width: 50px;
    height: 50px;
  }

  .skele-ulasan-nama-customer-review-mitra {
    width: 80%;
    height: 4vw;
    margin-top: 0.25rem;
    margin-bottom: 0rem !important;
  }

  .skele-ulasan-tanggal-customer-review-mitra {
    width: 45%;
    height: 4vw;
    margin-top: 0.25rem;
  }

  .skele-ulasan-rating-customer-review-mitra {
    width: 35%;
    height: 4vw;
    margin-top: 0.25rem;
  }

  .skele-ulasan-comment-customer-review-mitra {
    width: 100%;
    height: 10vw;
    margin-top: 0.25rem;
  }

  .skele-foto-produk-customer-review-mitra {
    width: 40px;
    height: 39.5px;
    margin-top: 0.25rem;
    margin-right: 10px;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .skele-kunjungi-mitra-deskripsi {
    width: 40%;
    height: 4vw !important;
    margin-bottom: 0px !important;
  }

  .skele-kunjungi-mitra-deskripsi-content {
    width: 100%;
    height: 25vw;
  }

  .skele-container-produk-toko {
    margin-top: 1rem;
  }

  .skele-number-rating-produk-mitra {
    width: 50%;
    height: 5vw;
  }

  .skele-star-rating-produk-mitra {
    width: 65%;
    height: 4vw;
    margin-top: 3px;
  }

  .skele-number-ulasan-produk-mitra {
    width: 50%;
    height: 3vw;
    margin-top: 3px;
  }

  .skele-line-rating-produk-mitra {
    width: 85%;
    margin-bottom: 6px;
  }

  .skele-galeri-foto-profile-mitra {
    width: 100%;
    height: 20vw;
  }

  .skele-ulasan-nama-produk-review {
    width: 90%;
    height: 5vw;
  }

  .skele-foto-produk-review-mitra {
    width: 100px;
    height: 100px;
  }

  .skele-foto-customer-review-mitra {
    width: 60px;
    height: 60px;
  }

  .skele-ulasan-nama-customer-review-mitra {
    width: 80%;
    height: 3vw;
    margin-top: 0.25rem;
    margin-bottom: 0rem !important;
  }

  .skele-ulasan-tanggal-customer-review-mitra {
    width: 45%;
    height: 3vw;
    margin-top: 0.25rem;
  }

  .skele-ulasan-rating-customer-review-mitra {
    width: 35%;
    height: 3vw;
    margin-top: 0.25rem;
  }

  .skele-ulasan-comment-customer-review-mitra {
    width: 100%;
    height: 8vw;
    margin-top: 0.25rem;
  }

  .skele-foto-produk-customer-review-mitra {
    width: 60px;
    height: 60px;
    margin-top: 0.25rem;
    margin-right: 10px;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .skele-kunjungi-mitra-deskripsi {
    width: 35%;
    height: 3.5vw !important;
    margin-bottom: 0px !important;
  }

  .skele-kunjungi-mitra-deskripsi-content {
    width: 100%;
    height: 20vw;
  }

  .skele-container-produk-toko {
    margin-top: 1rem;
  }

  .loading-etalase-mitra {
    width: 30% !important;
  }

  .loading-container-list-produk {
    width: 70% !important;
  }

  .skeleton-title-box-etalase-mitra {
    width: 50%;
    margin: 0.5rem 1rem;
    margin-bottom: 3px !important;
  }

  .skeleton-content-box-etalase-mitra {
    width: 80%;
    margin: 0.5rem 1rem;
    margin-bottom: 3px !important;
  }

  .skele-number-rating-produk-mitra {
    width: 70%;
    height: 5vw;
  }

  .skele-star-rating-produk-mitra {
    width: 90%;
    height: 3.5vw;
    margin-top: 3px;
  }

  .skele-number-ulasan-produk-mitra {
    width: 65%;
    height: 2.5vw;
    margin-top: 3px;
  }

  .skele-line-rating-produk-mitra {
    width: 90%;
    margin-bottom: 12px;
  }

  .skele-galeri-foto-profile-mitra {
    width: 100%;
    height: 9.5vw;
  }

  .skele-ulasan-nama-produk-review {
    width: 90%;
    height: 4vw;
  }

  .skele-foto-produk-review-mitra {
    width: 100px;
    height: 100px;
  }

  .skele-foto-customer-review-mitra {
    width: 60px;
    height: 60px;
  }

  .skele-ulasan-nama-customer-review-mitra {
    width: 75%;
    height: 2.5vw;
    margin-top: 0.25rem;
    margin-bottom: 0rem !important;
  }

  .skele-ulasan-tanggal-customer-review-mitra {
    width: 45%;
    height: 2.5vw;
    margin-top: 0.25rem;
  }

  .skele-ulasan-rating-customer-review-mitra {
    width: 25%;
    height: 2.5vw;
    margin-top: 0.25rem;
  }

  .skele-ulasan-comment-customer-review-mitra {
    width: 100%;
    height: 7vw;
    margin-top: 0.25rem;
  }

  .skele-foto-produk-customer-review-mitra {
    width: 75px;
    height: 75px;
    margin-top: 0.25rem;
    margin-right: 10px;
  }
}

@media (min-width: 991.5px) {
  .skele-kunjungi-mitra-deskripsi {
    width: 35%;
    height: 30px !important;
    margin-bottom: 0px !important;
  }

  .skele-kunjungi-mitra-deskripsi-content {
    width: 100%;
    height: 8vw;
  }

  .skele-container-produk-toko {
    margin-top: 1rem;
  }

  .loading-etalase-mitra {
    width: 23% !important;
  }

  .loading-container-list-produk {
    width: 77% !important;
  }

  .skeleton-title-box-etalase-mitra {
    width: 50%;
    margin: 0.5rem 1rem;
    margin-bottom: 3px !important;
  }

  .skeleton-content-box-etalase-mitra {
    width: 80%;
    margin: 0.5rem 1rem;
    margin-bottom: 3px !important;
  }

  .skele-line-rating-produk-mitra {
    width: 85%;
    margin-bottom: 12px;
  }

  .skele-galeri-foto-profile-mitra {
    width: 100%;
    height: 9vw;
  }

  .skele-ulasan-nama-produk-review {
    width: 90%;
    height: 3vw;
  }

  .skele-foto-produk-review-mitra {
    width: 100px;
    height: 100px;
  }

  .skele-foto-customer-review-mitra {
    width: 60px;
    height: 60px;
  }

  .skele-ulasan-nama-customer-review-mitra {
    width: 50%;
    height: 1.75vw;
    margin-top: 0.25rem;
    margin-bottom: 0rem !important;
  }

  .skele-ulasan-tanggal-customer-review-mitra {
    width: 30%;
    height: 1.75vw;
    margin-top: 0.25rem;
  }

  .skele-ulasan-rating-customer-review-mitra {
    width: 20%;
    height: 1.75vw;
    margin-top: 0.25rem;
  }

  .skele-ulasan-comment-customer-review-mitra {
    width: 100%;
    height: 4vw;
    margin-top: 0.25rem;
  }

  .skele-foto-produk-customer-review-mitra {
    width: 75px;
    height: 75px;
    margin-top: 0.25rem;
    margin-right: 10px;
  }
}

@media (min-width: 991.5px) and (max-width: 1399.5px) {
  .skele-number-rating-produk-mitra {
    width: 50%;
    height: 4vw;
  }

  .skele-star-rating-produk-mitra {
    width: 80%;
    height: 3vw;
    margin-top: 3px;
  }

  .skele-number-ulasan-produk-mitra {
    width: 55%;
    height: 2.5vw;
    margin-top: 3px;
  }
}

@media (min-width: 1399.5px) {
  .skele-number-rating-produk-mitra {
    width: 50%;
    height: 3.25vw;
  }

  .skele-star-rating-produk-mitra {
    width: 65%;
    height: 2.25vw;
    margin-top: 3px;
  }

  .skele-number-ulasan-produk-mitra {
    width: 55%;
    height: 1.75vw;
    margin-top: 3px;
  }
}

/* Skeleton Profile Mitra Lihat Galeri Semua */

@media screen and (max-width: 319.5px) {
  .skele-lihat-semua-foto-review-user {
    width: 100%;
    height: 15vw;
  }

  .foto-review-galeri-satu-gambar {
    max-height: 270px;
    object-fit: cover;
  }
}

@media screen and (max-width: 350.5px) {
  .loading-scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 80vw;
  }

  .scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 80vw;
  }

  .skele-foto-review-galeri-satu-gambar {
    height: 80vw;
    width: 100%;
  }

  .skele-small-foto-prod-review-galeri {
    height: 45px;
    width: 45px;
    max-width: 45px !important;
    margin-top: 10px;
  }

  .title-skele-modal-foto-review-galeri-satu {
    width: 60%;
  }
}

@media (min-width: 350.5px) and (max-width: 374.5px) {
  .loading-scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 81vw;
  }

  .scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 81vw;
  }

  .skele-foto-review-galeri-satu-gambar {
    height: 81vw;
    width: 100%;
  }

  .skele-small-foto-prod-review-galeri {
    height: 50px;
    width: 50px;
    max-width: 50px !important;
    margin-top: 10px;
  }

  .title-skele-modal-foto-review-galeri-satu {
    width: 60%;
  }
}

@media (min-width: 374.5px) and (max-width: 425.5px) {
  .loading-scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 82vw;
  }

  .scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 82vw;
  }

  .skele-foto-review-galeri-satu-gambar {
    height: 82vw;
    width: 100%;
  }

  .skele-small-foto-prod-review-galeri {
    height: 60px;
    width: 60px;
    max-width: 60px !important;
    margin-top: 10px;
  }

  .title-skele-modal-foto-review-galeri-satu {
    width: 60%;
  }
}

@media (min-width: 319.5px) and (max-width: 424.5px) {
  .skele-lihat-semua-foto-review-user {
    width: 100%;
    height: 16.5vw;
  }

  .foto-review-galeri-satu-gambar {
    max-height: 350px;
    object-fit: cover;
  }
}

@media (min-width: 424.5px) and (max-width: 575.5px) {
  .skele-lihat-semua-foto-review-user {
    width: 100%;
    height: 18vw;
  }

  .loading-scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 88vw;
  }

  .scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 88vw;
  }

  .foto-review-galeri-satu-gambar {
    max-height: 450px;
    object-fit: cover;
  }

  .skele-foto-review-galeri-satu-gambar {
    height: 88vw;
    width: 100%;
  }

  .skele-small-foto-prod-review-galeri {
    height: 70px;
    width: 70px;
    max-width: 70px !important;
    margin-top: 10px;
  }

  .title-skele-modal-foto-review-galeri-satu {
    width: 60%;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .skele-lihat-semua-foto-review-user {
    width: 100%;
    height: 103px;
  }

  .loading-scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 450px;
  }

  .scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 450px;
  }

  .foto-review-galeri-satu-gambar {
    max-height: 450px;
    object-fit: cover;
  }

  .skele-foto-review-galeri-satu-gambar {
    height: 450px;
    width: 100%;
  }

  .skele-small-foto-prod-review-galeri {
    height: 80px;
    width: 80px;
    max-width: 80px !important;
    margin-top: 10px;
  }

  .title-skele-modal-foto-review-galeri-satu {
    width: 60%;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .skele-lihat-semua-foto-review-user {
    width: 100%;
    height: 103px;
  }

  .loading-scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 450px;
  }

  .scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 450px;
  }

  .foto-review-galeri-satu-gambar {
    max-height: 450px;
    object-fit: cover;
  }

  .skele-foto-review-galeri-satu-gambar {
    height: 450px;
    width: 100%;
  }

  .skele-small-foto-prod-review-galeri {
    height: 80px;
    width: 80px;
    max-width: 80px !important;
    margin-top: 10px;
  }

  .title-skele-modal-foto-review-galeri-satu {
    width: 60%;
  }
}

@media (min-width: 991.5px) {
  .loading-scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 450px;
  }

  .skele-lihat-semua-foto-review-user {
    width: 100%;
    height: 103px;
  }

  .scroll-down-galeri-lihat-semua {
    overflow-y: auto;
    max-height: 450px;
  }

  .foto-review-galeri-satu-gambar {
    max-height: 450px;
    object-fit: cover;
  }

  .skele-foto-review-galeri-satu-gambar {
    height: 450px;
    width: 100%;
  }

  .skele-small-foto-prod-review-galeri {
    height: 80px;
    width: 80px;
    max-width: 80px !important;
    margin-top: 10px;
  }

  .title-skele-modal-foto-review-galeri-satu {
    width: 60%;
  }
}

/* Pembayaran BCA */
@media screen and (max-width: 320px) {
  .container.pembayaran {
    background: #f7f7f7 !important;
    padding-top: 1px;
  }

  .container.pembayaran .h1-kecil.my-5 {
    margin: 1rem 0rem !important;
  }

  .container.pembayaran .box-menunggu-pembayaran {
    margin: 0px;
  }

  .container.pembayaran .box-menunggu-pembayaran .col-auto {
    padding-left: 0px !important;
  }

  .container.pembayaran .info-menunggu-pembayaran {
    margin-top: 3px;
  }

  .container.pembayaran .content-container-pembayaran {
    padding: 0px 12px;
  }

  .container.pembayaran .box-content-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .row.bg-body.rounded-3.p-3 {
    margin: 1rem 0px !important;
  }

  .container.pembayaran .box-info-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .box-info-pembayaran .virtual-account .gambar-pembayaran-virtual-account img {
    width: 60px !important;
  }

  .container.pembayaran .box-info-pembayaran .gambar-pembayaran-virtual-account {
    padding-right: 0px !important;
  }

  .container.pembayaran .box-cara-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .list-cara-pembayaran {
    margin: 0px 12px !important;
    padding: 12px !important;
  }

  .container.pembayaran .box-detail-pembayaran {
    margin: 0.5rem 0px !important;
  }

  #caraPembayaran button.accordion-button,
  .pembayaran #accordionFlushExample button.accordion-button {
    font-size: 0.8em !important;
    background: #f7f7f7 !important;
    padding: 1rem 0px !important;
  }

  #caraPembayaran .accordion-item,
  .pembayaran #accordionFlushExample .accordion-item {
    border: 0px;
  }

  #caraPembayaran .accordion-body,
  .pembayaran #accordionFlushExample .accordion-body {
    padding: 0px !important;
  }

  .header-container-pembayaran .navbar-brand.m-3 {
    margin: 0px !important;
  }

  .header-container-pembayaran img {
    width: 110px !important;
  }

  .container.pembayaran .box-info-pembayaran .row.my-3 {
    margin-bottom: 0px !important;
  }

  .pembayaran .detail-pembayaran {
    box-shadow: 0px 0px 0px !important;
  }

  .pembayaran .box-pembayaran-detail-pesanan {
    padding: 0px !important;
  }

  .pembayaran .nomor {
    background: #ffffff;color: #000;
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
    padding: 4px;
    text-align: center;
  }

  #caraPembayaran .accordion-button:not(.collapsed),
  .pembayaran #accordionFlushExample .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: 0px 0px !important;
  }

  #caraPembayaran .accordion-button:focus,
  .pembayaran #accordionFlushExample .accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0px 0px !important;
  }

  .gambar-pembayaran-qr-code img {
    width: -webkit-fill-available !important;
  }

  .virtual-account-qr-code {
    justify-content: center !important;
  }

  .container.pembayaran .box-info-pembayaran .virtual-account b.fw-6 {
    font-size: 0.8em !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .container.pembayaran {
    background: #f7f7f7 !important;
    padding-top: 1px;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container.pembayaran .h1-kecil.my-5 {
    margin: 1rem 0rem !important;
  }

  .container.pembayaran .box-menunggu-pembayaran {
    margin: 0px;
  }

  .container.pembayaran .box-menunggu-pembayaran .col-auto {
    padding-left: 0px !important;
  }

  .container.pembayaran .info-menunggu-pembayaran {
    margin-top: 3px;
  }

  .container.pembayaran .content-container-pembayaran {
    padding: 0px 12px;
  }

  .container.pembayaran .box-content-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .row.bg-body.rounded-3.p-3 {
    margin: 1rem 0px !important;
  }

  .container.pembayaran .box-info-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .box-info-pembayaran .virtual-account .gambar-pembayaran-virtual-account img {
    width: 65px !important;
  }

  .container.pembayaran .box-cara-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .list-cara-pembayaran {
    margin: 0px 12px !important;
    padding: 12px !important;
  }

  .container.pembayaran .box-detail-pembayaran {
    margin: 0.5rem 0px !important;
  }

  #caraPembayaran button.accordion-button,
  .pembayaran #accordionFlushExample button.accordion-button {
    font-size: 0.8em !important;
    background: #f7f7f7 !important;
    padding: 1rem 0px !important;
  }

  #caraPembayaran .accordion-item,
  .pembayaran #accordionFlushExample .accordion-item {
    border: 0px;
  }

  #caraPembayaran .accordion-body,
  .pembayaran #accordionFlushExample .accordion-body {
    padding: 0px !important;
  }

  .header-container-pembayaran .navbar-brand.m-3 {
    margin: 0px !important;
  }

  .header-container-pembayaran img {
    width: 110px !important;
  }

  .container.pembayaran .box-info-pembayaran .row.my-3 {
    margin-bottom: 0px !important;
  }

  .pembayaran .detail-pembayaran {
    box-shadow: 0px 0px 0px !important;
  }

  .pembayaran .box-pembayaran-detail-pesanan {
    padding: 0px !important;
  }

  .pembayaran .nomor {
    background: #ffffff;color: #000;
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
    padding: 4px;
    text-align: center;
  }

  #caraPembayaran .accordion-button:not(.collapsed),
  .pembayaran #accordionFlushExample .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: 0px 0px !important;
  }

  #caraPembayaran .accordion-button:focus,
  .pembayaran #accordionFlushExample .accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0px 0px !important;
  }

  .gambar-pembayaran-qr-code img {
    width: -webkit-fill-available !important;
  }

  .virtual-account-qr-code {
    justify-content: center !important;
  }

  .container.pembayaran .box-info-pembayaran .virtual-account b.fw-6 {
    font-size: 0.8em !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .container.pembayaran {
    background: #f7f7f7 !important;
    padding-top: 1px;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .container.pembayaran .h1-kecil.my-5 {
    margin: 1rem 0rem !important;
  }

  .container.pembayaran .box-menunggu-pembayaran {
    margin: 0px;
  }

  .container.pembayaran .box-menunggu-pembayaran .col-auto {
    padding-left: 0px !important;
  }

  .container.pembayaran .info-menunggu-pembayaran {
    margin-top: 3px;
  }

  .container.pembayaran .content-container-pembayaran {
    padding: 0px 12px;
  }

  .container.pembayaran .box-content-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .row.bg-body.rounded-3.p-3 {
    margin: 1rem 0px !important;
  }

  .container.pembayaran .box-info-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .box-cara-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .list-cara-pembayaran {
    margin: 0px 12px !important;
    padding: 12px !important;
  }

  .container.pembayaran .box-detail-pembayaran {
    margin: 0.5rem 0px !important;
  }

  #caraPembayaran button.accordion-button,
  .pembayaran #accordionFlushExample button.accordion-button {
    font-size: 0.8em !important;
    background: #f7f7f7 !important;
    padding: 1rem 0px !important;
  }

  #caraPembayaran .accordion-item,
  .pembayaran #accordionFlushExample .accordion-item {
    border: 0px;
  }

  #caraPembayaran .accordion-body,
  .pembayaran #accordionFlushExample .accordion-body {
    padding: 0px !important;
  }

  .header-container-pembayaran .navbar-brand.m-3 {
    margin: 0px !important;
  }

  .header-container-pembayaran img {
    width: 110px !important;
  }

  .container.pembayaran .box-info-pembayaran .row.my-3 {
    margin-bottom: 0px !important;
  }

  .pembayaran .detail-pembayaran {
    box-shadow: 0px 0px 0px !important;
  }

  .pembayaran .box-pembayaran-detail-pesanan {
    padding: 0px !important;
  }

  .pembayaran .nomor {
    background: #ffffff;color: #000;
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
    padding: 4px;
    text-align: center;
  }

  #caraPembayaran .accordion-button:not(.collapsed),
  .pembayaran #accordionFlushExample .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: 0px 0px !important;
  }

  #caraPembayaran .accordion-button:focus,
  .pembayaran #accordionFlushExample .accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0px 0px !important;
  }

  .gambar-pembayaran-qr-code img {
    width: -webkit-fill-available !important;
  }

  .virtual-account-qr-code {
    justify-content: center !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .container.pembayaran {
    background: #f7f7f7 !important;
    padding-top: 1px;
    padding-left: 5rem !important;
    padding-right: 5rem !important;
    max-width: 100% !important;
  }

  .container.pembayaran .h1-kecil.my-5 {
    margin: 1rem 0rem !important;
  }

  .container.pembayaran .box-menunggu-pembayaran {
    margin: 0px;
  }

  .container.pembayaran .box-menunggu-pembayaran .col-auto {
    padding-left: 0px !important;
  }

  .container.pembayaran .info-menunggu-pembayaran {
    margin-top: 3px;
  }

  .container.pembayaran .content-container-pembayaran {
    padding: 0px 12px;
  }

  .container.pembayaran .box-content-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .row.bg-body.rounded-3.p-3 {
    margin: 1rem 0px !important;
  }

  .container.pembayaran .box-info-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .box-cara-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .list-cara-pembayaran {
    margin: 0px 12px !important;
    padding: 12px !important;
  }

  .container.pembayaran .box-detail-pembayaran {
    margin: 0.5rem 0px !important;
  }

  #caraPembayaran button.accordion-button,
  .pembayaran #accordionFlushExample button.accordion-button {
    font-size: 0.8em !important;
    background: #f7f7f7 !important;
    padding: 1rem 0px !important;
  }

  #caraPembayaran .accordion-item,
  .pembayaran #accordionFlushExample .accordion-item {
    border: 0px;
  }

  #caraPembayaran .accordion-body,
  .pembayaran #accordionFlushExample .accordion-body {
    padding: 0px !important;
  }

  .header-container-pembayaran .navbar-brand.m-3 {
    margin: 0px !important;
  }

  .header-container-pembayaran img {
    width: 110px !important;
  }

  .container.pembayaran .box-info-pembayaran .row.my-3 {
    margin-bottom: 0px !important;
  }

  .pembayaran .detail-pembayaran {
    box-shadow: 0px 0px 0px !important;
  }

  .pembayaran .box-pembayaran-detail-pesanan {
    padding: 0px !important;
  }

  .pembayaran .nomor {
    background: #ffffff;color: #000;
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
    padding: 2px;
    text-align: center;
  }

  #caraPembayaran .accordion-button:not(.collapsed),
  .pembayaran #accordionFlushExample .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: 0px 0px !important;
  }

  #caraPembayaran .accordion-button:focus,
  .pembayaran #accordionFlushExample .accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0px 0px !important;
  }

  .gambar-pembayaran-qr-code img {
    width: -webkit-fill-available !important;
  }

  .virtual-account-qr-code {
    justify-content: center !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .container.pembayaran {
    background: #f7f7f7 !important;
    padding-top: 1px;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    max-width: 100% !important;
  }

  .container.pembayaran .h1-kecil.my-5 {
    margin: 1rem 0rem !important;
  }

  .container.pembayaran .box-menunggu-pembayaran {
    margin: 0px;
  }

  .container.pembayaran .box-menunggu-pembayaran .col-auto {
    padding-left: 0px !important;
  }

  .container.pembayaran .info-menunggu-pembayaran {
    margin-top: 3px;
  }

  .container.pembayaran .content-container-pembayaran {
    padding: 0px 1rem;
  }

  .container.pembayaran .box-content-pembayaran {
    padding: 0px !important;
    font-size: 1.6vw !important;
  }

  .container.pembayaran .row.bg-body.rounded-3.p-3 {
    margin: 1rem 0px !important;
  }

  .container.pembayaran .box-info-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .box-cara-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .list-cara-pembayaran {
    margin: 0px 12px !important;
    padding: 12px !important;
  }

  .container.pembayaran .box-detail-pembayaran {
    margin-right: 0px !important;
    padding-left: 0px !important;
    margin-left: 2rem !important;
    width: 37% !important;
  }

  #caraPembayaran button.accordion-button,
  .pembayaran #accordionFlushExample button.accordion-button {
    font-size: 0.8em !important;
    background: #f7f7f7 !important;
    padding: 1rem 0px !important;
  }

  #caraPembayaran .accordion-item,
  .pembayaran #accordionFlushExample .accordion-item {
    border: 0px;
  }

  #caraPembayaran .accordion-body,
  .pembayaran #accordionFlushExample .accordion-body {
    padding: 0px !important;
  }

  .container.pembayaran .box-info-pembayaran .row.my-3 {
    margin-bottom: 0px !important;
  }

  .pembayaran .detail-pembayaran {
    box-shadow: 0px 0px 0px !important;
  }

  .pembayaran .box-pembayaran-detail-pesanan {
    padding: 0px !important;
    font-size: 1.6vw !important;
  }

  .pembayaran .nomor {
    background: #ffffff;color: #000;
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
    padding: 2px;
    text-align: center;
  }

  #caraPembayaran .accordion-button:not(.collapsed),
  .pembayaran #accordionFlushExample .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: 0px 0px !important;
  }

  #caraPembayaran .accordion-button:focus,
  .pembayaran #accordionFlushExample .accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0px 0px !important;
  }

  .gambar-pembayaran-qr-code img {
    width: -webkit-fill-available !important;
  }

  .virtual-account-qr-code {
    justify-content: center !important;
  }
}

@media (min-width: 991.5px) {
  .container.pembayaran {
    background: #f7f7f7 !important;
    padding-top: 1px;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    max-width: 1140px !important;
  }

  .container.pembayaran .h1-kecil.my-5 {
    margin: 1rem 0rem !important;
  }

  .container.pembayaran .box-menunggu-pembayaran {
    margin: 0px;
  }

  .container.pembayaran .box-menunggu-pembayaran .col-auto {
    padding-left: 0px !important;
  }

  .container.pembayaran .info-menunggu-pembayaran {
    margin-top: 3px;
  }

  .container.pembayaran .content-container-pembayaran {
    padding: 0px 1rem;
  }

  .container.pembayaran .box-content-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .row.bg-body.rounded-3.p-3 {
    margin: 1rem 0px !important;
  }

  .container.pembayaran .box-info-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .box-cara-pembayaran {
    padding: 0px !important;
  }

  .container.pembayaran .list-cara-pembayaran {
    margin: 0px 12px !important;
    padding: 12px !important;
  }

  .container.pembayaran .box-detail-pembayaran {
    margin-right: 0px !important;
    margin-left: 2rem !important;
    width: 37% !important;
  }

  #caraPembayaran button.accordion-button,
  .pembayaran #accordionFlushExample button.accordion-button {
    font-size: 0.75em !important;
    background: #f7f7f7 !important;
    padding: 1rem 0px !important;
  }

  #caraPembayaran .accordion-item,
  .pembayaran #accordionFlushExample .accordion-item {
    border: 0px;
  }

  #caraPembayaran .accordion-body,
  .pembayaran #accordionFlushExample .accordion-body {
    padding: 0px !important;
  }

  .container.pembayaran .box-info-pembayaran .row.my-3 {
    margin-bottom: 0px !important;
  }

  .pembayaran .detail-pembayaran {
    box-shadow: 0px 0px 0px !important;

  }

  .pembayaran .box-pembayaran-detail-pesanan {
    padding: 0px !important;
  }

  .pembayaran .nomor {
    background: #ffffff;color: #000;
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
    padding: 2px;
    text-align: center;
  }

  #caraPembayaran .accordion-button:not(.collapsed),
  .pembayaran #accordionFlushExample .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: 0px 0px !important;
  }

  #caraPembayaran .accordion-button:focus,
  .pembayaran #accordionFlushExample .accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0px 0px !important;
  }

  .gambar-pembayaran-qr-code img {
    width: -webkit-fill-available !important;
  }
}

/* Modal Detail Pembayaran */
@media screen and (max-width: 425px) {
  .pembayaran .modal .line-tebal {
    margin: 0px 0px 12px 0px !important;
  }

  .pembayaran .modal .line {
    margin: 0px 0px 12px 0px !important;
  }

  .text-detail-pembayaran-total p {
    font-size: 1.25em !important;
  }

  .detail-pembayaran-toko-icon img {
    margin-top: 2px;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .pembayaran .modal .line-tebal {
    margin: 0px 0px 12px 0px !important;
  }

  .pembayaran .modal .line {
    margin: 0px 0px 12px 0px !important;
  }

  .text-detail-pembayaran-total p {
    font-size: 1.25em !important;
  }

  .detail-pembayaran-toko-icon img {
    margin-top: 4px;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .pembayaran .modal .line-tebal {
    margin: 0px 0px 12px 0px !important;
  }

  .pembayaran .modal .line {
    margin: 0px 0px 12px 0px !important;
  }

  .text-detail-pembayaran-total p {
    font-size: 1.25em !important;
  }

  .detail-pembayaran-toko-icon img {
    margin-top: 4px;
  }
}

@media (min-width: 767.5px) {
  .text-detail-pembayaran-total p {
    font-size: 1.25em !important;
  }

  .pembayaran .modal .line {
    margin: 0px 0px 12px 0px !important;
  }

  .detail-pembayaran-toko-icon img {
    margin-top: 4px;
  }
}

/* Modal Checkout Metode Peng */
@media screen and (max-width: 425px) {
  #metodePengiriman button.accordion-button {
    padding: 12px 0px !important;
    font-size: 0.9em !important;
  }

  #metodePengiriman .modal-body {
    padding-top: 0px !important;
  }

  #metodePengiriman .form-check.py-2.d-flex.align-items-center.border-bottom {
    border-bottom: 0px !important;
    padding: 12px !important;
    padding-right: 0px !important;
    border-top: 1px solid #dee2e6 !important;
  }

  #metodePengiriman .form-check.py-2.d-flex.align-items-center.border-bottom img {
    width: 60px !important;
    margin-left: 10px;
  }

  #metodePengiriman .accordion-button:focus {
    box-shadow: 0px 0px 0px !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  #metodePengiriman button.accordion-button {
    padding: 12px !important;
  }

  #metodePengiriman .modal-body {
    padding-top: 0px !important;
  }

  #metodePengiriman .form-check.py-2.d-flex.align-items-center.border-bottom {
    border-bottom: 0px !important;
    padding: 10px 30px !important;
    padding-right: 0px !important;
    border-top: 1px solid #dee2e6 !important;
  }

  #metodePengiriman .form-check.py-2.d-flex.align-items-center.border-bottom img {
    width: 75px !important;
    margin-left: 10px;
  }

  #metodePengiriman .accordion-button:focus {
    box-shadow: 0px 0px 0px !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  #metodePengiriman button.accordion-button {
    padding: 12px !important;
  }

  #metodePengiriman .modal-body {
    padding-top: 0px !important;
  }

  #metodePengiriman .form-check.py-2.d-flex.align-items-center.border-bottom {
    border-bottom: 0px !important;
    padding: 10px 30px !important;
    padding-right: 0px !important;
    border-top: 1px solid #dee2e6 !important;
  }

  #metodePengiriman .form-check.py-2.d-flex.align-items-center.border-bottom img {
    width: 75px !important;
    margin-left: 10px;
  }

  #metodePengiriman .accordion-button:focus {
    box-shadow: 0px 0px 0px !important;
  }
}

@media (min-width: 767.5px) {
  #metodePengiriman button.accordion-button {
    padding: 12px !important;
  }

  #metodePengiriman .modal-body {
    padding-top: 0px !important;
  }

  #metodePengiriman .form-check.py-2.d-flex.align-items-center.border-bottom {
    border-bottom: 0px !important;
    padding: 10px 30px !important;
    padding-right: 0px !important;
    border-top: 1px solid #dee2e6 !important;
  }

  #metodePengiriman .form-check.py-2.d-flex.align-items-center.border-bottom img {
    width: 75px !important;
    margin-left: 10px;
  }

  #metodePengiriman .accordion-button:focus {
    box-shadow: 0px 0px 0px !important;
  }
}

/* Modal Tambah Alamat */

@media screen and (max-width: 425px) {
  .modal-no-telp-alamat-checkout {
    width: 100% !important;
    display: block !important;
  }

  .modal-nama-penerima-alamat-checkout {
    width: 100% !important;
    display: block !important;
  }
}

/* Tambah Catatan */
@media screen and (max-width: 425px) {
  .row.px-3.mt-2.mb-2.text-tambah-catatan-alamat {
    padding: 0px 12px !important;
  }

  .row.px-3.mt-2.mb-2.text-tambah-catatan-alamat .col-auto {
    padding: 0px !important ;
  }

  .row.px-3.mt-2.mb-2.text-tambah-catatan-alamat textarea#tambahCatatanAlamat {
    width: 100% !important;
    padding: 0px !important;
  }

  #tambahAlamat input.form-control {
    font-size: 1.1em !important;
  }

  #tambahAlamat textarea.form-control {
    font-size: 1.1em !important;
  }

  #tambahAlamat span.input-group-text {
    font-size: 1.1em !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .row.px-3.mt-2.mb-2.text-tambah-catatan-alamat {
    padding: 0px 20px !important;
  }

  .row.px-3.mt-2.mb-2.text-tambah-catatan-alamat .col-auto {
    padding: 0px !important ;
  }

  .row.px-3.mt-2.mb-2.text-tambah-catatan-alamat textarea#tambahCatatanAlamat {
    width: 100% !important;
    padding: 0px !important;
  }

  #tambahAlamat input.form-control {
    font-size: 1.1em !important;
  }

  #tambahAlamat textarea.form-control {
    font-size: 1.1em !important;
  }

  #tambahAlamat span.input-group-text {
    font-size: 1.1em !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  #tambahAlamat input.form-control {
    font-size: 1.1em !important;
  }

  #tambahAlamat textarea.form-control {
    font-size: 1.1em !important;
  }

  #tambahAlamat span.input-group-text {
    font-size: 1.1em !important;
  }
}

@media (min-width: 575.5px) {
  .row.px-3.mt-2.mb-2.text-tambah-catatan-alamat {
    padding: 0px 12px !important;
  }

  .row.px-3.mt-2.mb-2.text-tambah-catatan-alamat .col-auto {
    padding: 0px !important ;
  }

  .row.px-3.mt-2.mb-2.text-tambah-catatan-alamat textarea#tambahCatatanAlamat {
    width: 100% !important;
    padding: 0px !important;
    margin: 1px 0px !important;
  }
}

@media (min-width: 425px) {
  .modal-alamat-block-tablet {
    display: flex !important;
  }
}

/* Tentang Kartara */
.tk-belanja-sekarang {
  background-color: #cb7fc7 !important;
  border: 1px solid #cb7fc7 !important;
  border-radius: 8px;
  background-color: #cb7fc7;
  color: #373737;
  font-weight: 600;
  padding: 10px 16px;
}

.tk-menjadi-mitra-umkm {
  background-color: white !important;
  border: 1px solid #cb7fc7 !important;
  border-radius: 8px;
  background-color: #cb7fc7;
  color: #373737;
  font-weight: 600;
  padding: 10px 16px;
}

.tk-tentang-kartara {
}

.info-tentang-kartara {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.our-vision-kartara {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.container-tentang-kartara h1 {
  margin-bottom: 1rem !important;
  font-weight: bolder;
}

.container-tentang-kartara .line-tentang-kartara h2 {
  font-weight: bolder;
  font-size: 2em !important;
}

.container.vision-kartara .visi-kartara h2 {
  font-weight: bolder !important;
  font-size: 1.4em !important;
}

.container-tentang-kartara .visi-kartara {
  margin-bottom: 1rem !important;
}

.gambar-produk-tentang-kartara {
  margin: 0px !important;
  margin-top: 2rem !important;
  max-width: 100% !important;
}

@media screen and (max-width: 425px) {
  .container-tentang-kartara .video-tentang-kartara video {
    width: 100% !important;
    height: auto !important;
  }

  .container-tentang-kartara .kantor-kartara .loc-kartara img {
    width: 100% !important;
  }

  .tk-belanja-sekarang {
    background-color: #cb7fc7 !important;
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 8px !important;
    font-size: 1em !important;
  }

  .tk-menjadi-mitra-umkm {
    background-color: white !important;
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 8px !important;
    font-size: 1em !important;
  }

  .button-menjadi-mitra-umkm {
    padding-left: 0px !important;
  }

  .button-belanja-sekarang {
    padding-right: 6px !important;
  }

  .small-photo-box img {
    width: 80% !important;
  }

  .small-photo-box {
    width: 50% !important;
  }

  .big-photo-box {
    width: 50% !important;
  }

  .big-photo-box img {
    width: 100% !important;
  }

  .gambar-produk-tentang-kartara {
    margin: 0px !important;
    padding: 0px !important;
    margin-top: 2rem !important;
  }

  .container-tentang-kartara .tk-tentang-kartara {
    margin: 2rem 0px !important;
  }

  .gambar-produk-tentang-kartara .row.col-12 {
    padding-right: 0px !important;
  }

  .container-tentang-kartara h1 {
    margin-bottom: 1rem !important;
    font-size: 1.5em !important;
    font-weight: bolder !important;
  }

  .container-tentang-kartara .line-tentang-kartara h2 {
    font-weight: bolder;
  }

  .container-tentang-kartara .video-tentang-kartara {
    margin: 2rem 0px !important;
  }

  .container-tentang-kartara .mission-kartara {
    margin: 2rem 0px !important;
  }

  .container-tentang-kartara .vision-kartara {
    margin: 2rem 0px !important;
  }

  .container-tentang-kartara .kantor-kartara {
    margin: 2rem 0px !important;
  }

  .container.vision-kartara .our-vision-kartara img {
    width: 30px !important;
  }

  .container.vision-kartara .visi-kartara h2 {
    font-weight: bolder !important;
    font-size: 1.2em !important;
  }

  .container.kantor-kartara h2 {
    font-weight: bolder !important;
    font-size: 1.2em !important;
  }

  .container.kantor-kartara .row.mb-2 .col {
  }

  .container-tentang-kartara .kantor-kartara .row.mb-2 .col-auto img {
    width: 15px !important;
  }
}

@media (min-width: 425px) and (max-width: 575.5px) {
  .container-tentang-kartara .video-tentang-kartara video {
    width: 90% !important;
    height: auto !important;
  }

  .container-tentang-kartara .kantor-kartara .loc-kartara img {
    width: 90% !important;
  }

  .container-tentang-kartara .info-tentang-kartara {
    padding: 0px 2rem !important;
  }

  .tk-belanja-sekarang {
    background-color: #cb7fc7 !important;
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 8px !important;
    font-size: 1em !important;
  }

  .tk-menjadi-mitra-umkm {
    background-color: white !important;
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 8px !important;
    font-size: 1em !important;
  }

  .button-menjadi-mitra-umkm {
    padding-left: 0px !important;
  }

  .button-belanja-sekarang {
    padding-right: 6px !important;
  }

  .small-photo-box img {
    width: 80% !important;
  }

  .small-photo-box {
    width: 50% !important;
  }

  .big-photo-box {
    width: 50% !important;
  }

  .big-photo-box img {
    width: 100% !important;
  }

  .gambar-produk-tentang-kartara {
    margin: 0px !important;
    padding: 0px 2rem !important;
    margin-top: 2rem !important;
  }

  .container-tentang-kartara .tk-tentang-kartara {
    margin: 2rem 0px !important;
  }

  .gambar-produk-tentang-kartara .row.col-12 {
    padding-right: 0px !important;
  }

  .container-tentang-kartara h1 {
    margin-bottom: 1rem !important;
    font-size: 1.5em !important;
    font-weight: bolder !important;
  }

  .container-tentang-kartara .line-tentang-kartara h2 {
    font-weight: bolder;
  }

  .container-tentang-kartara .video-tentang-kartara {
    margin: 2rem 0px !important;
    padding: 0px 2rem !important;
  }

  .container-tentang-kartara .mission-kartara {
    margin: 2rem 0px !important;
    padding: 0px 2rem !important;
  }

  .container-tentang-kartara .vision-kartara {
    margin: 2rem 0px !important;
    padding: 0px 2rem !important;
  }

  .container-tentang-kartara .kantor-kartara {
    margin: 2rem 0px !important;
    padding: 0px 2rem !important;
  }

  .container.vision-kartara .our-vision-kartara img {
    width: 30px !important;
  }

  .container.vision-kartara .visi-kartara h2 {
    font-weight: bolder !important;
    font-size: 1.2em !important;
  }

  .container.kantor-kartara h2 {
    font-weight: bolder !important;
    font-size: 1.2em !important;
  }

  .container.kantor-kartara .row.mb-2 .col {
  }

  .container-tentang-kartara .kantor-kartara .row.mb-2 .col-auto img {
    width: 15px !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .container-tentang-kartara .video-tentang-kartara video {
    width: 275px !important;
    height: 165px !important;
  }

  .container-tentang-kartara .kantor-kartara .loc-kartara img {
    width: 90% !important;
  }

  .container-tentang-kartara .info-tentang-kartara {
    padding: 0px 4rem !important;
  }

  .tk-belanja-sekarang {
    background-color: #cb7fc7 !important;
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 8px !important;
    font-size: 1em !important;
  }

  .tk-menjadi-mitra-umkm {
    background-color: white !important;
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 8px !important;
    font-size: 1em !important;
  }

  .button-menjadi-mitra-umkm {
    padding-left: 0px !important;
  }

  .button-belanja-sekarang {
    padding-right: 6px !important;
  }

  .small-photo-box img {
    width: 80% !important;
    max-width: 160px !important;
  }

  .small-photo-box {
    width: 50% !important;
  }

  .big-photo-box {
    width: 50% !important;
  }

  .big-photo-box img {
    width: 100% !important;
    max-width: 210px !important;
  }

  .gambar-produk-tentang-kartara {
    margin: 0px !important;
    padding: 0px 4rem !important;
    margin-top: 2rem !important;
    max-width: 100% !important;
  }

  .container-tentang-kartara .tk-tentang-kartara {
    margin: 2rem 0px !important;
    max-width: 100% !important;
  }

  .gambar-produk-tentang-kartara .row.col-12 {
    padding-right: 0px !important;
  }

  .container-tentang-kartara h1 {
    margin-bottom: 1rem !important;
    font-size: 1.5em !important;
    font-weight: bolder !important;
  }

  .container-tentang-kartara .line-tentang-kartara h2 {
    font-weight: bolder;
  }

  .container-tentang-kartara .video-tentang-kartara {
    margin: 2rem 0px !important;
    padding: 0px 4rem !important;
    max-width: 100% !important;
  }


  .container-tentang-kartara .mission-kartara {
    margin: 2rem 0px !important;
    padding: 0px 4rem !important;
    max-width: 100% !important;
  }

  .container-tentang-kartara .vision-kartara {
    margin: 2rem 0px !important;
    padding: 0px 4rem !important;
    max-width: 100% !important;
  }

  .container-tentang-kartara .kantor-kartara {
    margin: 2rem 0px !important;
    padding: 0px 4rem !important;
    max-width: 100% !important;
  }

  .container.vision-kartara .our-vision-kartara img {
    width: 30px !important;
  }

  .container.vision-kartara .visi-kartara h2 {
    font-weight: bolder !important;
    font-size: 1.2em !important;
  }

  .container.kantor-kartara h2 {
    font-weight: bolder !important;
    font-size: 1.2em !important;
  }

  .container.kantor-kartara .row.mb-2 .col {
  }

  .container-tentang-kartara .kantor-kartara .row.mb-2 .col-auto img {
    width: 15px !important;
  }

  .container-tentang-kartara,
  .container-sm-tentang-kartara {
    max-width: 100% !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .container-tentang-kartara .video-tentang-kartara video {
    width: 400px !important;
    height: 200px !important;
  }

  .container-tentang-kartara .kantor-kartara .loc-kartara img {
    width: 90% !important;
  }

  .container-tentang-kartara .info-tentang-kartara {
    padding-right: 0px !important;
  }

  .tk-belanja-sekarang {
    background-color: #cb7fc7 !important;
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 8px !important;
    font-size: 1em !important;
  }

  .tk-menjadi-mitra-umkm {
    background-color: white !important;
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 8px !important;
    font-size: 1em !important;
  }

  .button-menjadi-mitra-umkm {
    padding-left: 0px !important;
  }

  .button-belanja-sekarang {
    padding-right: 6px !important;
  }

  .small-photo-box img {
    width: 80% !important;
    max-width: 160px !important;
  }

  .small-photo-box {
    width: 50% !important;
  }

  .big-photo-box {
    width: 50% !important;
  }

  .big-photo-box img {
    width: 100% !important;
    max-width: 210px !important;
  }

  .gambar-produk-tentang-kartara {
    margin: 0px !important;
    margin-top: 2rem !important;
    max-width: 100% !important;
  }

  .container-tentang-kartara .tk-tentang-kartara {
    margin: 2rem 0px !important;
    max-width: 100% !important;
    padding: 0px 2rem !important;
  }

  .gambar-produk-tentang-kartara .row.col-12 {
    padding-right: 0px !important;
  }

  .container-tentang-kartara h1 {
    margin-bottom: 1rem !important;
    font-size: 1.5em !important;
    font-weight: bolder !important;
  }

  .container-tentang-kartara .line-tentang-kartara h2 {
    font-weight: bolder;
  }

  .container-tentang-kartara .video-tentang-kartara {
    margin: 2rem 0px !important;
    padding: 0px 2rem !important;
    max-width: 100% !important;
  }

  .container-tentang-kartara .mission-kartara {
    margin: 2rem 0px !important;
    padding: 0px 2rem !important;
    max-width: 100% !important;
  }

  .container-tentang-kartara .vision-kartara {
    margin: 2rem 0px !important;
    padding: 0px 2rem !important;
    max-width: 100% !important;
  }

  .container-tentang-kartara .kantor-kartara {
    margin: 2rem 0px !important;
    padding: 0px 2rem !important;
    max-width: 100% !important;
  }

  .container.vision-kartara .our-vision-kartara img {
    width: 30px !important;
  }

  .container.vision-kartara .visi-kartara h2 {
    font-weight: bolder !important;
    font-size: 1.2em !important;
  }

  .container.kantor-kartara h2 {
    font-weight: bolder !important;
    font-size: 1.2em !important;
  }

  .container.kantor-kartara .row.mb-2 .col {
  }

  .container-tentang-kartara .kantor-kartara .row.mb-2 .col-auto img {
    width: 15px !important;
  }

  .container-tentang-kartara,
  .container-sm-tentang-kartara {
    max-width: 100% !important;
  }
}

@media (min-width: 991.5px) and (max-width: 1399.5px) {
  .container-tentang-kartara .video-tentang-kartara video {
    width: 500px !important;
    height: 250px !important;
  }

  .container-tentang-kartara .kantor-kartara .loc-kartara img {
    width: 90% !important;
  }

  .container-tentang-kartara .info-tentang-kartara {
    padding-right: 0px !important;
  }

  .tk-belanja-sekarang {
    background-color: #cb7fc7 !important;
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 8px !important;
    font-size: 1em !important;
  }

  .tk-menjadi-mitra-umkm {
    background-color: white !important;
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 8px !important;
    font-size: 1em !important;
  }

  .button-menjadi-mitra-umkm {
    padding-left: 0px !important;
  }

  .button-belanja-sekarang {
    padding-right: 6px !important;
  }

  .small-photo-box img {
    width: 80% !important;
    max-width: 190px !important;
  }

  .small-photo-box {
    width: 50% !important;
  }

  .big-photo-box {
    width: 50% !important;
  }

  .big-photo-box img {
    width: 100% !important;
    max-width: 250px !important;
  }

  .gambar-produk-tentang-kartara {
    margin: 0px !important;
    margin-top: 2rem !important;
    max-width: 100% !important;
  }

  .gambar-produk-tentang-kartara .row.col-12 {
    padding-right: 0px !important;
  }

  .container-tentang-kartara h1 {
    margin-bottom: 1rem !important;
    font-size: 1.75em !important;
    font-weight: bolder !important;
  }

  .container-tentang-kartara .line-tentang-kartara h2 {
    font-weight: bolder;
  }

  .container.vision-kartara .our-vision-kartara img {
    width: 40px !important;
  }

  .container.vision-kartara .visi-kartara h2 {
    font-weight: bolder !important;
    font-size: 1.2em !important;
  }

  .container.kantor-kartara h2 {
    font-weight: bolder !important;
    font-size: 1.2em !important;
  }

  .container.kantor-kartara .row.mb-2 .col {
  }

  .container-tentang-kartara .kantor-kartara .row.mb-2 .col-auto img {
    width: 15px !important;
  }

  .container-tentang-kartara,
  .container-sm-tentang-kartara {
    max-width: 100% !important;
  }
}

/* Cara Pembayaran Bank Manual */

.upload_bukti_transfer_sekarang:hover {
  cursor: pointer;
}
.upload_bukti_transfer_nanti:hover {
  cursor: pointer;
}


.upload_bukti_transfer_sekarang .btn {
  color: #fff!important;
  
}
.upload_bukti_transfer_nanti .btn {
  color: #fff!important;
}


@media screen and (max-width: 319.5px) {
  .upload_bukti_transfer_sekarang {
    background-color: #cb7fc7;
    color:#fff;
    border-radius: 8px !important;
    text-align: center;
  }

  .upload_bukti_transfer_sekarang .btn {
    font-weight: 600;
    font-size: 1.1em;
  }

  .upload_bukti_transfer_nanti {
    background-color: #cb7fc7;
    color:#fff;
    border-radius: 8px !important;
    text-align: center;
  }

  .upload_bukti_transfer_nanti .btn {
    font-weight: 600;
    font-size: 1.1em;
  }

  .pembayaran-instant {
    background: #f7f7f7;
    border-radius: 5px;
    margin: 0rem !important;
  }

  .box-info-pembayaran-instant {
    padding-right: 0px !important;
  }

  .pembayaran-instant-button-salin {
    padding-right: 0px !important;
  }

  .pembayaran-instant-button-salin .btn {
    padding: 0px !important;
    font-size: 10px;
    color: #2f80ed;
    font-weight: 600;
  }

  .total-pembayaran-instant-button-salin .btn {
    color: #2f80ed;
    font-size: 10px;
    font-weight: 600;
  }

  .total-pembayaran-instant-button-salin {
    padding-right: 0px;
  }

  .title-info-pembayaran-instant p {
    font-size: 1.3em;
    font-weight: 600;
  }

  .isi-info-pembayaran-instant p {
    font-size: 1.15em;
  }
}

@media (min-width: 319.5px) and (max-width: 424.5px) {
  .upload_bukti_transfer_sekarang {
    background-color: #cb7fc7;
    color:#fff;
    border-radius: 8px !important;
    text-align: center;
  }

  .upload_bukti_transfer_sekarang .btn {
    font-weight: 600;
    font-size: 1.1em;
  }

  .upload_bukti_transfer_nanti {
    background-color: #cb7fc7;
    color:#fff;
    border-radius: 8px !important;
    text-align: center;
  }

  .upload_bukti_transfer_nanti .btn {
    font-weight: 600;
    font-size: 1.1em;
  }

  .pembayaran-instant {
    background: #f7f7f7;
    border-radius: 5px;
    margin: 0rem !important;
  }

  .box-info-pembayaran-instant {
    padding-right: 0px !important;
  }

  .pembayaran-instant-button-salin {
    padding-right: 0px !important;
  }

  .pembayaran-instant-button-salin .btn {
    padding: 0px !important;
    font-size: 12px;
    color: #2f80ed;
    font-weight: 600;
  }

  .total-pembayaran-instant-button-salin .btn {
    color: #2f80ed;
    font-size: 12px;
    font-weight: 600;
  }

  .total-pembayaran-instant-button-salin {
    padding-right: 0px;
  }

  .title-info-pembayaran-instant p {
    font-size: 1.3em;
    font-weight: 600;
  }

  .isi-info-pembayaran-instant p {
    font-size: 1.15em;
  }
}

@media (min-width: 424.5px) and (max-width: 575.5px) {
  .upload_bukti_transfer_sekarang {
    background-color: #cb7fc7;
    color:#fff;
    border-radius: 8px !important;
    text-align: center;
  }

  .upload_bukti_transfer_sekarang .btn {
    font-weight: 600;
    font-size: 1.2em;
  }

  .upload_bukti_transfer_nanti {
    background-color: #cb7fc7;
    color:#fff;
    border-radius: 8px !important;
    text-align: center;
  }

  .upload_bukti_transfer_nanti .btn {
    font-weight: 600;
    font-size: 1.2em;
  }

  .pembayaran-instant {
    background: #f7f7f7;
    border-radius: 5px;
    margin: 0rem !important;
  }

  .box-info-pembayaran-instant {
    padding-right: 0px !important;
  }

  .pembayaran-instant-button-salin {
    padding-right: 0px !important;
  }

  .pembayaran-instant-button-salin .btn {
    padding: 0px !important;
    font-size: 12px;
    color: #2f80ed;
    font-weight: 600;
  }

  .total-pembayaran-instant-button-salin .btn {
    color: #2f80ed;
    font-size: 12px;
    font-weight: 600;
  }

  .total-pembayaran-instant-button-salin {
    padding-right: 0px;
  }

  .title-info-pembayaran-instant p {
    font-size: 1.3em;
    font-weight: 600;
  }

  .isi-info-pembayaran-instant p {
    font-size: 1.25em;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .upload_bukti_transfer_sekarang {
    background-color: #cb7fc7;
    color:#fff;
    border-radius: 8px !important;
    text-align: center;
  }

  .upload_bukti_transfer_sekarang .btn {
    font-weight: 600;
    font-size: 1.2em;
  }

  .upload_bukti_transfer_nanti {
    background-color: #cb7fc7;
    color:#fff;
    border-radius: 8px !important;
    text-align: center;
  }

  .upload_bukti_transfer_nanti .btn {
    font-weight: 600;
    font-size: 1.2em;
  }

  .pembayaran-instant {
    background: #f7f7f7;
    border-radius: 5px;
    margin: 0rem !important;
  }

  .box-info-pembayaran-instant {
    padding-right: 0px !important;
  }

  .pembayaran-instant-button-salin {
    padding-right: 0px !important;
  }

  .pembayaran-instant-button-salin .btn {
    padding: 0px !important;
    font-size: 14px;
    color: #2f80ed;
    font-weight: 600;
  }

  .total-pembayaran-instant-button-salin .btn {
    color: #2f80ed;
    font-size: 14px;
    font-weight: 600;
  }

  .total-pembayaran-instant-button-salin {
    padding-right: 0px;
  }

  .title-info-pembayaran-instant p {
    font-size: 1.2em;
    font-weight: 600;
  }

  .isi-info-pembayaran-instant p {
    font-size: 1.15em;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .upload_bukti_transfer_sekarang {
    background-color: #cb7fc7;
    color:#fff;
    border-radius: 8px !important;
    text-align: center;
  }

  .upload_bukti_transfer_sekarang .btn {
    font-weight: 600;
    font-size: 1.2em;
  }

  .upload_bukti_transfer_nanti {
    background-color: #cb7fc7;
    color:#fff;
    border-radius: 8px !important;
    text-align: center;
  }

  .upload_bukti_transfer_nanti .btn {
    font-weight: 600;
    font-size: 1.2em;
  }

  .pembayaran-instant {
    background: #f7f7f7;
    border-radius: 5px;
  }

  .pembayaran-instant-button-salin {
    padding-right: 0px !important;
  }

  .pembayaran-instant-button-salin .btn {
    padding: 0px !important;
    font-size: 12px;
    color: #2f80ed;
    font-weight: 600;
  }

  .total-pembayaran-instant-button-salin .btn {
    color: #2f80ed;
    font-size: 12px;
    font-weight: 600;
  }

  .title-info-pembayaran-instant {
    padding-right: 0px !important;
  }

  .box-info-pembayaran-instant {
    padding-right: 0px !important;
  }

  .total-pembayaran-instant-button-salin {
    padding-right: 0px !important;
  }
}

@media (min-width: 991.5px) {
  .upload_bukti_transfer_sekarang {
    background-color: #cb7fc7;
    color:#fff;
    border-radius: 8px !important;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .upload_bukti_transfer_sekarang .btn {
    font-weight: 600;
  }

  .upload_bukti_transfer_nanti {
    background-color: #cb7fc7;
    color:#fff;
    border-radius: 8px !important;
    text-align: center;
  }

  .upload_bukti_transfer_nanti .btn {
    font-weight: 600;
  }

  .pembayaran-instant {
    background: #f7f7f7;
    border-radius: 5px;
  }

  .pembayaran-instant-button-salin {
    padding-right: 0px !important;
  }

  .pembayaran-instant-button-salin .btn {
    padding: 0px !important;
    font-size: 16px;
    color: #2f80ed;
    font-weight: 600;
  }

  .total-pembayaran-instant-button-salin .btn {
    color: #2f80ed;
    font-size: 16px;
    font-weight: 600;
  }
}

/* Tulis Ulasan */
@media screen and (max-width: 319.5px) {
  .tulis-ulasan {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .gmbr-item-tulis-ulasan {
    padding: 0px;
  }

  .mob-produk-diberi-ulasan {
    padding-right: 0px;
  }

  .mob-produk-diberi-ulasan h3.fw-6 {
    font-size: 1em !important;
  }

  .mob-produk-diberi-ulasan p {
    font-size: 0.85em !important;
  }

  .gmbr-item-tulis-ulasan img {
    width: 50px;
  }

  .beri-ulasan-pendapatmu label {
    font-size: 1.1em;
  }

  .beri-ulasan-pendapatmu textarea {
    font-size: 1.1em;
  }

  .beri-ulasan-tambah-foto p {
    font-size: 1.1em;
  }

  .beri-ulasan-tambah-video p {
    font-size: 1.1em;
  }

  .beri-ulasan-kirim-anonim input {
    font-size: 18px;
    margin-top: 0.15rem !important;
  }

  .beri-ulasan-kirim-anonim .col {
    padding-right: 0px !important;
  }

  .beri-ulasan-kirim-anonim label {
    font-size: 1.1em;
  }

  .tulis-ulasan-button-ubah button {
    background-color: #cb7fc7;
    border: 1px solid #cb7fc7;
    padding: 3px 12px;
  }

  .tulis-ulasan-rating-produk .fa.fa-star {
    font-size: 2.5em !important;
    margin-right: 1rem;
    color: #000;
    text-shadow: -1px 0 #cb7fc7, 0 1px #cb7fc7, 1px 0 #cb7fc7, 0 -1px #cb7fc7;
  }

  .beri-ulasan-input-media {
    width: 100%;
    padding: 0.4rem;
    border: 1px solid #cb7fc7;
  }

  .box-input-tambahkan-foto-ulasan-mobile label {
    width: 100%;
  }

  .box-input-tambahkan-video-ulasan-mobile label {
    width: 100%;
  }

  .beri-ulasan-button-simpan {
  }

  .beri-ulasan-card {
  }

  .ket-rating-tulis-ulasan-produk p {
    padding-top: 8px !important;
  }

  .beri-ulasan-pendapatmu textarea {
    margin-top: 0.5rem;
  }

  .rating-tulis-ulasan-produk.jq-ry-container {
    padding: 0px !important;
  }

  .rating-tulis-ulasan-produk.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    filter: drop-shadow(0px 0px 1px black);
  }

  .rating-tulis-ulasan-produk-mobile.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    filter: drop-shadow(0px 0px 1px black);
  }

  .box-hasil-tambahkan-foto-ulasan-mobile {
    position: relative !important;
  }

  .box-hasil-tambahkan-foto-ulasan-mobile button {
    position: absolute;
    top: -8px;
    right: -4px;
    /* top: 2px;
    right: -10px; */
    z-index: 100;
    background-color: #fff;
    padding: 3px 4px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    border-radius: 50%;
    border: 1px solid #cb7fc7;
  }

  .box-hasil-tambahkan-foto-ulasan-mobile:hover button {
    opacity: 1;
  }

  .box-hasil-tambahkan-video-ulasan-mobile {
    position: relative !important;
  }

  .box-hasil-tambahkan-video-ulasan-mobile button {
    position: absolute;
    top: -8px;
    right: -4px;
    /* top: 2px;
    right: -10px; */
    z-index: 100;
    background-color: #fff;
    padding: 3px 4px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    border-radius: 50%;
    border: 1px solid #cb7fc7;
  }

  .box-hasil-tambahkan-video-ulasan-mobile:hover button {
    opacity: 1;
  }

  .box-hasil-tambahkan-foto-ulasan-mobile {
    padding-right: 3px !important;
    width: 20% !important;
    padding-left: 6px;
    /* width: 22.5% !important;
    display: inline-block;
    color: #000;
    text-align: center;
    padding: 14px;
    text-decoration: none; */
  }

  .box-hasil-tambahkan-video-ulasan-mobile {
    padding-right: 3px !important;
    width: 20% !important;
    padding-left: 6px;
  }

  .box-input-tambahkan-foto-ulasan-mobile {
    padding-right: 3px !important;
    width: 20% !important;
    padding-left: 6px;
    /* width: 22.5% !important;
    display: inline-block;
    color: #000;
    text-align: center;
    padding: 14px;
    text-decoration: none; */
  }

  .box-input-tambahkan-video-ulasan-mobile {
    padding-right: 3px !important;
    width: 20% !important;
    padding-left: 6px;
  }

  .mobile-beri-ulasan-scroll {
    padding-left: 6px !important;
    margin-top: 0.5rem !important;
    /* overflow: auto;
    white-space: nowrap;
    display: inline-block; */
  }
}

@media (min-width: 319.5px) and (max-width: 424.5px) {
  .tulis-ulasan {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .gmbr-item-tulis-ulasan {
    padding: 0px;
  }

  .mob-produk-diberi-ulasan {
    padding-right: 0px;
  }

  .mob-produk-diberi-ulasan h3.fw-6 {
    font-size: 1.15em !important;
  }

  .mob-produk-diberi-ulasan p {
    font-size: 0.9em !important;
  }

  .gmbr-item-tulis-ulasan img {
    width: 60px;
  }

  .beri-ulasan-pendapatmu label {
    font-size: 1.15em;
  }

  .beri-ulasan-pendapatmu textarea {
    font-size: 1.15em;
  }

  .beri-ulasan-tambah-foto p {
    font-size: 1.15em;
  }

  .beri-ulasan-tambah-video p {
    font-size: 1.15em;
  }

  .beri-ulasan-kirim-anonim input {
    font-size: 18px;
    margin-top: 0.15rem !important;
  }

  .beri-ulasan-kirim-anonim .col {
    padding-right: 0px !important;
  }

  .beri-ulasan-kirim-anonim label {
    font-size: 1.15em;
  }

  .tulis-ulasan-button-ubah button {
    background-color: #cb7fc7;
    border: 1px solid #cb7fc7;
    padding: 3px 12px;
  }

  .tulis-ulasan-rating-produk .fa.fa-star {
    font-size: 2.5em !important;
    margin-right: 1rem;
    color: #000;
    text-shadow: -1px 0 #cb7fc7, 0 1px #cb7fc7, 1px 0 #cb7fc7, 0 -1px #cb7fc7;
  }

  .beri-ulasan-input-media {
    width: 100%;
    padding: 0.6rem;
    border: 1px solid #cb7fc7;
  }

  .box-input-tambahkan-foto-ulasan-mobile label {
    width: 100%;
  }

  .box-input-tambahkan-video-ulasan-mobile label {
    width: 100%;
  }

  .beri-ulasan-button-simpan {
  }

  .beri-ulasan-card {
  }

  .ket-rating-tulis-ulasan-produk p {
    padding-top: 8px !important;
  }

  .beri-ulasan-pendapatmu textarea {
    margin-top: 0.5rem;
  }

  .rating-tulis-ulasan-produk.jq-ry-container {
    padding: 0px !important;
  }

  .rating-tulis-ulasan-produk.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    filter: drop-shadow(0px 0px 1px black);
  }

  .rating-tulis-ulasan-produk-mobile.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    filter: drop-shadow(0px 0px 1px black);
  }

  .box-hasil-tambahkan-foto-ulasan-mobile {
    position: relative !important;
  }

  .box-hasil-tambahkan-foto-ulasan-mobile button {
    position: absolute;
    top: -8px;
    right: -4px;
    /* top: 2px;
    right: -10px; */
    z-index: 100;
    background-color: #fff;
    padding: 3px 4px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    border-radius: 50%;
    border: 1px solid #cb7fc7;
  }

  .box-hasil-tambahkan-foto-ulasan-mobile:hover button {
    opacity: 1;
  }

  .box-hasil-tambahkan-video-ulasan-mobile {
    position: relative !important;
  }

  .box-hasil-tambahkan-video-ulasan-mobile button {
    position: absolute;
    top: -8px;
    right: -4px;
    /* top: 2px;
    right: -10px; */
    z-index: 100;
    background-color: #fff;
    padding: 3px 4px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    border-radius: 50%;
    border: 1px solid #cb7fc7;
  }

  .box-hasil-tambahkan-video-ulasan-mobile:hover button {
    opacity: 1;
  }

  .box-hasil-tambahkan-foto-ulasan-mobile {
    padding-right: 3px !important;
    width: 20% !important;
    padding-left: 6px;
    /* width: 22.5% !important;
    display: inline-block;
    color: #000;
    text-align: center;
    padding: 14px;
    text-decoration: none; */
  }

  .box-hasil-tambahkan-video-ulasan-mobile {
    padding-right: 3px !important;
    width: 20% !important;
    padding-left: 6px;
  }

  .box-input-tambahkan-foto-ulasan-mobile {
    padding-right: 3px !important;
    width: 20% !important;
    padding-left: 6px;
    /* width: 22.5% !important;
    display: inline-block;
    color: #000;
    text-align: center;
    padding: 14px;
    text-decoration: none; */
  }

  .box-input-tambahkan-video-ulasan-mobile {
    padding-right: 3px !important;
    width: 20% !important;
    padding-left: 6px;
  }

  .mobile-beri-ulasan-scroll {
    padding-left: 6px !important;
    margin-top: 0.5rem !important;
    /* overflow: auto;
    white-space: nowrap;
    display: inline-block; */
  }
}

@media (min-width: 424.5px) and (max-width: 575.5px) {
  .tulis-ulasan {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .gmbr-item-tulis-ulasan {
    padding: 0px;
  }

  .mob-produk-diberi-ulasan {
    padding-right: 0px;
  }

  .mob-produk-diberi-ulasan h3.fw-6 {
    font-size: 1.2em !important;
  }

  .mob-produk-diberi-ulasan p {
    font-size: 1em !important;
  }

  .gmbr-item-tulis-ulasan img {
    width: 70px;
  }

  .beri-ulasan-pendapatmu label {
    font-size: 1.2em;
  }

  .beri-ulasan-pendapatmu textarea {
    font-size: 1.2em;
  }

  .beri-ulasan-tambah-foto p {
    font-size: 1.2em;
  }

  .beri-ulasan-tambah-video p {
    font-size: 1.2em;
  }

  .beri-ulasan-kirim-anonim input {
    font-size: 18px;
    margin-top: 0.15rem !important;
  }

  .beri-ulasan-kirim-anonim .col {
    padding-right: 0px !important;
  }

  .beri-ulasan-kirim-anonim label {
    font-size: 1.2em;
  }

  .tulis-ulasan-button-ubah button {
    background-color: #cb7fc7;
    border: 1px solid #cb7fc7;
    padding: 3px 12px;
  }

  .tulis-ulasan-rating-produk .fa.fa-star {
    font-size: 2.5em !important;
    margin-right: 1rem;
    color: #000;
    text-shadow: -1px 0 #cb7fc7, 0 1px #cb7fc7, 1px 0 #cb7fc7, 0 -1px #cb7fc7;
  }

  .beri-ulasan-input-media {
    width: 100%;
    padding: 0.85rem;
    border: 1px solid #cb7fc7;
  }

  .box-input-tambahkan-foto-ulasan-mobile label {
    width: 100%;
  }

  .box-input-tambahkan-video-ulasan-mobile label {
    width: 100%;
  }

  .beri-ulasan-button-simpan {
  }

  .beri-ulasan-card {
  }

  .ket-rating-tulis-ulasan-produk p {
    padding-top: 8px !important;
  }

  .beri-ulasan-pendapatmu textarea {
    margin-top: 0.5rem;
  }

  .rating-tulis-ulasan-produk.jq-ry-container {
    padding: 0px !important;
  }

  .rating-tulis-ulasan-produk.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    filter: drop-shadow(0px 0px 1px black);
  }

  .rating-tulis-ulasan-produk-mobile.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    filter: drop-shadow(0px 0px 1px black);
  }

  .rating-tulis-ulasan-produk.jq-ry-container svg {
  }

  .box-hasil-tambahkan-foto-ulasan-mobile {
    position: relative !important;
  }

  .box-hasil-tambahkan-foto-ulasan-mobile button {
    position: absolute;
    top: -8px;
    right: -4px;
    z-index: 100;
    background-color: #fff;
    padding: 3px 5px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    line-height: 10px;
    border-radius: 50%;
    border: 1px solid #cb7fc7;
  }

  .box-hasil-tambahkan-foto-ulasan-mobile:hover button {
    opacity: 1;
  }

  .box-hasil-tambahkan-video-ulasan-mobile {
    position: relative !important;
  }

  .box-hasil-tambahkan-video-ulasan-mobile button {
    position: absolute;
    top: -8px;
    right: -4px;
    z-index: 100;
    background-color: #fff;
    padding: 3px 5px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    line-height: 10px;
    border-radius: 50%;
    border: 1px solid #cb7fc7;
  }

  .box-hasil-tambahkan-video-ulasan-mobile:hover button {
    opacity: 1;
  }

  .box-hasil-tambahkan-foto-ulasan-mobile {
    padding-right: 6px !important;
    width: 20% !important;
  }

  .box-hasil-tambahkan-video-ulasan-mobile {
    padding-right: 6px !important;
    width: 20% !important;
  }

  .box-input-tambahkan-foto-ulasan-mobile {
    padding-right: 6px !important;
    width: 20% !important;
  }

  .box-input-tambahkan-video-ulasan-mobile {
    padding-right: 6px !important;
    width: 20% !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .gmbr-item-tulis-ulasan {
    padding-left: 0px;
  }

  .mob-produk-diberi-ulasan {
    padding-right: 0px;
  }

  .mob-produk-diberi-ulasan h3.fw-6 {
    font-size: 1.25em !important;
  }

  .mob-produk-diberi-ulasan p {
    font-size: 1em !important;
  }

  .gmbr-item-tulis-ulasan img {
    width: 80px;
  }

  .beri-ulasan-pendapatmu label {
    font-size: 1.2em;
  }

  .beri-ulasan-pendapatmu textarea {
    font-size: 1.2em;
  }

  .beri-ulasan-tambah-foto p {
    font-size: 1.2em;
  }

  .beri-ulasan-tambah-video p {
    font-size: 1.2em;
  }

  .beri-ulasan-kirim-anonim input {
    font-size: 18px;
    margin-top: 0.15rem !important;
  }

  .beri-ulasan-kirim-anonim .col {
    padding-right: 0px !important;
  }

  .beri-ulasan-kirim-anonim label {
    font-size: 1.2em;
  }

  .tulis-ulasan-button-ubah button {
    background-color: #cb7fc7;
    border: 1px solid #cb7fc7;
    padding: 3px 12px;
  }

  .tulis-ulasan-rating-produk .fa.fa-star {
    font-size: 2.5em !important;
    margin-right: 1rem;
    color: #000;
    text-shadow: -1px 0 #cb7fc7, 0 1px #cb7fc7, 1px 0 #cb7fc7, 0 -1px #cb7fc7;
  }

  .beri-ulasan-input-media {
    width: 100%;
    padding: 1.2rem;
    border: 1px solid #cb7fc7;
  }

  .box-input-tambahkan-foto-ulasan-mobile label {
    width: 100%;
  }

  .box-input-tambahkan-video-ulasan-mobile label {
    width: 100%;
  }
  .beri-ulasan-button-simpan {
    margin-left: auto;
  }

  .beri-ulasan-card {
  }

  .ket-rating-tulis-ulasan-produk p {
    padding-top: 8px !important;
  }

  .beri-ulasan-pendapatmu textarea {
    margin-top: 0.5rem;
  }

  .rating-tulis-ulasan-produk.jq-ry-container {
    padding: 0px !important;
  }

  .rating-tulis-ulasan-produk.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    filter: drop-shadow(0px 0px 1px black);
  }

  .rating-tulis-ulasan-produk-mobile.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    filter: drop-shadow(0px 0px 1px black);
  }

  .box-hasil-tambahkan-foto-ulasan-mobile {
    position: relative !important;
  }

  .box-hasil-tambahkan-foto-ulasan-mobile button {
    position: absolute;
    top: -8px;
    right: -4px;
    z-index: 100;
    background-color: #fff;
    padding: 3px 5px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    line-height: 10px;
    border-radius: 50%;
    border: 1px solid #cb7fc7;
  }

  .box-hasil-tambahkan-foto-ulasan-mobile:hover button {
    opacity: 1;
  }

  .box-hasil-tambahkan-video-ulasan-mobile {
    position: relative !important;
  }

  .box-hasil-tambahkan-video-ulasan-mobile button {
    position: absolute;
    top: -8px;
    right: -4px;
    z-index: 100;
    background-color: #fff;
    padding: 3px 5px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    line-height: 10px;
    border-radius: 50%;
    border: 1px solid #cb7fc7;
  }

  .box-hasil-tambahkan-video-ulasan-mobile:hover button {
    opacity: 1;
  }

  .box-hasil-tambahkan-foto-ulasan-mobile {
    padding-right: 6px !important;
  }

  .box-hasil-tambahkan-video-ulasan-mobile {
    padding-right: 6px !important;
  }

  .box-input-tambahkan-foto-ulasan-mobile {
    padding-right: 6px !important;
  }

  .box-input-tambahkan-video-ulasan-mobile {
    padding-right: 6px !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .gmbr-item-tulis-ulasan img {
    width: 90px;
  }

  .tulis-ulasan-button-ubah button {
    background-color: #cb7fc7;
    border: 1px solid #cb7fc7;
    padding: 3px 12px;
  }

  .tulis-ulasan-rating-produk .fa.fa-star {
    font-size: 2.5em !important;
    margin-right: 1rem;
    color: #000;
    text-shadow: -1px 0 #cb7fc7, 0 1px #cb7fc7, 1px 0 #cb7fc7, 0 -1px #cb7fc7;
  }

  .beri-ulasan-input-media {
    width: 100%;
    padding: 1.1rem;
    border: 1px solid #cb7fc7;
  }

  .box-input-tambahkan-foto-ulasan label {
    width: 100%;
  }

  .box-input-tambahkan-video-ulasan label {
    width: 100%;
  }

  .beri-ulasan-button-simpan {
    margin-left: auto !important;
  }

  .beri-ulasan-card {
    margin-bottom: 2rem;
  }

  .ket-rating-tulis-ulasan-produk p {
    padding-top: 8px !important;
  }

  .beri-ulasan-pendapatmu textarea {
    margin-top: 0.5rem;
  }

  .rating-tulis-ulasan-produk.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    filter: drop-shadow(0px 0px 1px black);
  }

  .rating-tulis-ulasan-produk-test.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    filter: drop-shadow(0px 0px 1px black);
  }

  .box-hasil-tambahkan-foto-ulasan {
    position: relative !important;
  }

  .box-hasil-tambahkan-foto-ulasan button {
    position: absolute;
    top: -8px;
    right: -4px;
    z-index: 100;
    background-color: #fff;
    padding: 3px 5px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    line-height: 10px;
    border-radius: 50%;
    border: 1px solid #cb7fc7;
  }

  .box-hasil-tambahkan-foto-ulasan:hover button {
    opacity: 1;
  }

  .box-hasil-tambahkan-video-ulasan {
    position: relative !important;
  }

  .box-hasil-tambahkan-video-ulasan button {
    position: absolute;
    top: -8px;
    right: -4px;
    z-index: 100;
    background-color: #fff;
    padding: 3px 5px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    line-height: 10px;
    border-radius: 50%;
    border: 1px solid #cb7fc7;
  }

  .box-hasil-tambahkan-video-ulasan:hover button {
    opacity: 1;
  }

  .box-hasil-tambahkan-foto-ulasan {
    width: 20% !important;
    padding-right: 6px !important;
  }

  .box-hasil-tambahkan-video-ulasan {
    width: 20% !important;
    padding-right: 6px !important;
  }

  .box-input-tambahkan-foto-ulasan {
    width: 20% !important;
    padding-right: 6px !important;
  }

  .box-input-tambahkan-video-ulasan {
    width: 20% !important;
    padding-right: 6px !important;
  }

  .ulasan-nama-produk-yang-diulas h3 {
    font-size: 1.05em !important;
  }

  .ulasan-tanggal-produk-diterima p {
    font-size: 0.9em;
  }

  .ulasan-tgl-pesanan-diterima .col-auto p {
    font-size: 0.9em;
    padding-top: 0.25rem;
  }
}

@media (min-width: 991.5px) {
  .gmbr-item-tulis-ulasan img {
    width: 100px;
  }

  .tulis-ulasan-button-ubah button {
    background-color: #cb7fc7;
    border: 1px solid #cb7fc7;
    padding: 3px 12px;
  }

  .tulis-ulasan-rating-produk .fa.fa-star {
    font-size: 2.5em !important;
    margin-right: 1rem;
    color: #000;
    text-shadow: -1px 0 #cb7fc7, 0 1px #cb7fc7, 1px 0 #cb7fc7, 0 -1px #cb7fc7;
  }

  .beri-ulasan-input-media {
    width: 100%;
    padding: 1.25rem;
    border: 1px solid #cb7fc7;
  }

  .box-input-tambahkan-foto-ulasan label {
    width: 100%;
  }

  .box-input-tambahkan-video-ulasan label {
    width: 100%;
  }

  .beri-ulasan-button-simpan {
    margin-left: auto !important;
  }

  .beri-ulasan-card {
    margin-bottom: 2rem;
  }

  .ket-rating-tulis-ulasan-produk p {
    padding-top: 8px !important;
  }

  .beri-ulasan-pendapatmu textarea {
    margin-top: 0.5rem;
  }

  .rating-tulis-ulasan-produk.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    filter: drop-shadow(0px 0px 1px black);
  }

  .rating-tulis-ulasan-produk-test.jq-ry-container .jq-ry-normal-group.jq-ry-group svg {
    filter: drop-shadow(0px 0px 1px black);
  }

  .box-hasil-tambahkan-foto-ulasan {
    position: relative !important;
  }

  .box-hasil-tambahkan-foto-ulasan button {
    position: absolute;
    top: -8px;
    right: 4px;
    z-index: 100;
    background-color: #fff;
    padding: 3px 5px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    line-height: 10px;
    border-radius: 50%;
    border: 1px solid #cb7fc7;
  }

  .box-hasil-tambahkan-foto-ulasan:hover button {
    opacity: 1;
  }

  .box-hasil-tambahkan-video-ulasan {
    position: relative !important;
  }

  .box-hasil-tambahkan-video-ulasan button {
    position: absolute;
    top: -8px;
    right: 4px;
    z-index: 100;
    background-color: #fff;
    padding: 3px 5px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    line-height: 10px;
    border-radius: 50%;
    border: 1px solid #cb7fc7;
  }

  .box-hasil-tambahkan-video-ulasan:hover button {
    opacity: 1;
  }
}

@media (min-width: 1199.5px) and (max-width: 1399.5px) {
  .box-hasil-tambahkan-foto-ulasan {
    width: 14% !important;
  }

  .box-hasil-tambahkan-video-ulasan {
    width: 14% !important;
  }

  .box-input-tambahkan-foto-ulasan {
    width: 14% !important;
  }

  .box-input-tambahkan-video-ulasan {
    width: 14% !important;
  }
}

@media (min-width: 1399.5px) {
  .box-hasil-tambahkan-foto-ulasan {
    width: 12.5% !important;
  }

  .box-hasil-tambahkan-video-ulasan {
    width: 12.5% !important;
  }

  .box-input-tambahkan-foto-ulasan {
    width: 12.5% !important;
  }

  .box-input-tambahkan-video-ulasan {
    width: 12.5% !important;
  }
}


/* Konfirmasi Pembayaran */

/* ALL */
.konfirmasi-pembayaran .waktu-batas-pembayaran {
  background: #2f80ed;
  border-radius: 3px;
  color: #000;
}

@media screen and (max-width: 319.5px) {
  .content-container-konfirmasi-pembayaran {
    padding: 0px 12px !important;
  }

  .container.konfirmasi-pembayaran .box-menunggu-pembayaran .col-auto {
    padding-left: 0px !important;
  }

  .container.konfirmasi-pembayaran .info-menunggu-pembayaran {
    margin-top: 3px;
  }

  .container.konfirmasi-pembayaran .box-info-pembayaran .konfirmasi-total-pembayaran {
    padding: 0px !important;
  }

  .container.konfirmasi-pembayaran .konfirmasi-info-bank {
    margin: 0px !important;
  }

  .container.konfirmasi-pembayaran .box-note-konfirmasi-pembayaran {
    padding: 0px !important;
  }

  .container.konfirmasi-pembayaran .konfirmasi-pembayaran-text-total-bayar {
    padding: 1rem 0px !important;
    font-size: 1.1em !important;
  }

  .container.konfirmasi-pembayaran .list-informasi-bank {
    margin-bottom: 1rem;
  }

  .container.konfirmasi-pembayaran p.note-konfirmasi-pembayaran {
    color: #808080;
    padding: 0px 4px;
  }

  .container.konfirmasi-pembayaran p.sub-title-konfirmasi-pembayaran {
    padding: 0px 4px;
  }

  .box-upload-bukti-transfer {
    border-style: dashed;
    padding: 3rem;
    text-align: center;
  }

  .btn-upload-bukti-transfer label {
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px;
  }

  .btn-cek-status-pbyran {
    color: black !important;
    background-color: white !important;
    border-color: #cb7fc7 !important;
  }

  .form-konfirmasi-pembayaran input {
    font-size: 1em !important;
  }

  .form-konfirmasi-pembayaran select {
    font-size: 1em !important;
  }

  .konfirmasi-btn-transfer-sekarang #tmbl-upload-bukti-transfer {
    font-size: 0.8em !important;
  }

  .konfirmasi-btn-transfer-sekarang .btn.my-3.col-12 {
    margin-top: 0px !important;
  }

  .container.konfirmasi-pembayaran .h1-kecil.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 319.5px) and (max-width: 424.5px) {
  .content-container-konfirmasi-pembayaran {
    padding: 0px 12px !important;
  }

  .container.konfirmasi-pembayaran .box-menunggu-pembayaran .col-auto {
    padding-left: 0px !important;
  }

  .container.konfirmasi-pembayaran .info-menunggu-pembayaran {
    margin-top: 3px;
  }

  .container.konfirmasi-pembayaran .box-info-pembayaran .konfirmasi-total-pembayaran {
    padding: 0px !important;
  }

  .container.konfirmasi-pembayaran .konfirmasi-info-bank {
    margin: 0px !important;
  }

  .container.konfirmasi-pembayaran .box-note-konfirmasi-pembayaran {
    padding: 0px !important;
  }

  .container.konfirmasi-pembayaran .konfirmasi-pembayaran-text-total-bayar {
    padding: 1rem 0px !important;
    font-size: 1.1em !important;
  }

  .container.konfirmasi-pembayaran .list-informasi-bank {
    margin-bottom: 1rem;
  }

  .container.konfirmasi-pembayaran p.note-konfirmasi-pembayaran {
    color: #808080;
    padding: 0px 4px;
  }

  .container.konfirmasi-pembayaran p.sub-title-konfirmasi-pembayaran {
    padding: 0px 4px;
  }

  .box-upload-bukti-transfer {
    border-style: dashed;
    padding: 3rem;
    text-align: center;
  }

  .btn-upload-bukti-transfer label {
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px;
  }

  .btn-cek-status-pbyran {
    color: black !important;
    background-color: white !important;
    border-color: #cb7fc7 !important;
  }

  .form-konfirmasi-pembayaran input {
    font-size: 1em !important;
  }

  .form-konfirmasi-pembayaran select {
    font-size: 1em !important;
  }

  .konfirmasi-btn-transfer-sekarang #tmbl-upload-bukti-transfer {
    font-size: 0.8em !important;
  }

  .konfirmasi-btn-transfer-sekarang .btn.my-3.col-12 {
    margin-top: 0px !important;
  }

  .container.konfirmasi-pembayaran .h1-kecil.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 424.5px) and (max-width: 575.5px) {
  .container.konfirmasi-pembayaran {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .content-container-konfirmasi-pembayaran {
    padding: 0px 12px !important;
  }

  .container.konfirmasi-pembayaran .box-menunggu-pembayaran .col-auto {
    padding-left: 0px !important;
  }

  .container.konfirmasi-pembayaran .info-menunggu-pembayaran {
    margin-top: 3px;
  }

  .container.konfirmasi-pembayaran .box-info-pembayaran .konfirmasi-total-pembayaran {
    padding: 0px !important;
  }

  .container.konfirmasi-pembayaran .konfirmasi-info-bank {
    margin: 0px !important;
  }

  .container.konfirmasi-pembayaran .box-note-konfirmasi-pembayaran {
    padding: 0px !important;
  }

  .container.konfirmasi-pembayaran .konfirmasi-pembayaran-text-total-bayar {
    padding: 1rem 0px !important;
    font-size: 1.1em !important;
  }

  .container.konfirmasi-pembayaran .list-informasi-bank {
    margin-bottom: 1rem;
  }

  .container.konfirmasi-pembayaran p.note-konfirmasi-pembayaran {
    color: #808080;
    padding: 0px 4px;
  }

  .container.konfirmasi-pembayaran p.sub-title-konfirmasi-pembayaran {
    padding: 0px 4px;
  }

  .box-upload-bukti-transfer {
    border-style: dashed;
    padding: 3rem;
    text-align: center;
  }

  .btn-upload-bukti-transfer label {
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px;
  }

  .btn-cek-status-pbyran {
    color: black !important;
    background-color: white !important;
    border-color: #cb7fc7 !important;
  }

  .form-konfirmasi-pembayaran input {
    font-size: 1em !important;
  }

  .form-konfirmasi-pembayaran select {
    font-size: 1em !important;
  }

  .konfirmasi-btn-transfer-sekarang #tmbl-upload-bukti-transfer {
    font-size: 0.8em !important;
  }

  .konfirmasi-btn-transfer-sekarang .btn.my-3.col-12 {
    margin-top: 0px !important;
  }

  .container.konfirmasi-pembayaran .h1-kecil.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .container.konfirmasi-pembayaran {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .content-container-konfirmasi-pembayaran {
    padding: 0px 12px !important;
  }

  .container.konfirmasi-pembayaran .box-menunggu-pembayaran .col-auto {
    padding-left: 0px !important;
  }

  .container.konfirmasi-pembayaran .info-menunggu-pembayaran {
    margin-top: 3px;
  }

  .container.konfirmasi-pembayaran .box-info-pembayaran .konfirmasi-total-pembayaran {
    padding: 0px !important;
  }

  .container.konfirmasi-pembayaran .konfirmasi-info-bank {
    margin: 0px !important;
  }

  .container.konfirmasi-pembayaran .box-note-konfirmasi-pembayaran {
    padding: 0px !important;
  }

  .container.konfirmasi-pembayaran .konfirmasi-pembayaran-text-total-bayar {
    padding: 1rem 0px !important;
    font-size: 1.1em !important;
  }

  .container.konfirmasi-pembayaran .list-informasi-bank {
    margin-bottom: 1rem;
  }

  .container.konfirmasi-pembayaran p.note-konfirmasi-pembayaran {
    color: #808080;
    padding: 0px 4px;
  }

  .container.konfirmasi-pembayaran p.sub-title-konfirmasi-pembayaran {
    padding: 0px 4px;
  }

  .box-upload-bukti-transfer {
    border-style: dashed;
    padding: 3rem;
    text-align: center;
  }

  .btn-upload-bukti-transfer label {
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px;
  }

  .btn-cek-status-pbyran {

    color: black !important;
    background-color: white !important;
    border-color: #cb7fc7 !important;
  }

  .form-konfirmasi-pembayaran input {
    font-size: 1em !important;
  }

  .form-konfirmasi-pembayaran select {
    font-size: 1em !important;
  }

  .konfirmasi-btn-transfer-sekarang #tmbl-upload-bukti-transfer {
    font-size: 0.8em !important;
  }

  .konfirmasi-btn-transfer-sekarang .btn.my-3.col-12 {
    margin-top: 0px !important;
  }

  .container.konfirmasi-pembayaran .h1-kecil.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 991.5px) {
  .container.konfirmasi-pembayaran {
    background: #f7f7f7 !important;
    padding-top: 1px;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    max-width: 768px !important;
  }

  .container.konfirmasi-pembayaran .h1-kecil.my-5 {
    margin: 1rem 0rem !important;
  }

  .container.konfirmasi-pembayaran .content-container-konfirmasi-pembayaran {
    padding: 0px 1rem;
  }

  .container.konfirmasi-pembayaran .box-menunggu-pembayaran {
    margin: 0px;
  }

  .container.konfirmasi-pembayaran .row.bg-body.rounded-3.p-3 {
    margin: 1rem 0px !important;
  }

  .container.konfirmasi-pembayaran .box-info-pembayaran {
    padding: 0px !important;
  }

  .container.konfirmasi-pembayaran .box-info-pembayaran .row.my-3 {
    margin-bottom: 0px !important;
  }

  .container.konfirmasi-pembayaran .total-pembayaran {
    background: #f7f7f7;
    border-radius: 5px;
    font-size: 1.5em;
  }

  .container.konfirmasi-pembayaran .konfirmasi-pembayaran-text-total-bayar {
    padding: 1rem 0px !important;
    font-size: 1.1em !important;
  }

  .container.konfirmasi-pembayaran .list-informasi-bank {
    margin-bottom: 1rem;
  }

  .container.konfirmasi-pembayaran p.note-konfirmasi-pembayaran {
    color: #808080;
    padding: 0px 4px;
  }

  .container.konfirmasi-pembayaran p.sub-title-konfirmasi-pembayaran {
    padding: 0px 4px;
  }

  .box-upload-bukti-transfer {
    border-style: dashed;
    padding: 3rem;
    text-align: center;
  }

  .btn-upload-bukti-transfer label {
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 16px;
  }

  .btn-cek-status-pbyran {
    color: black !important;
    background-color: white !important;
    border-color: #cb7fc7 !important;
  }

  .verifikasi-pembayaran {
    margin-top: 8rem;
    background: #f7f7f7 !important;
    border: 6px solid #f7f7f7;
    max-width: 768px !important;
  }

  .konfirmasi-btn-transfer-sekarang {
    padding: 0px 10px !important;
  }
}

/* Menu Ulasan */
@media screen and (max-width: 319.5px) {
  .page-list-ulasan {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .box-tab-menunggu-ulasan {
    width: 60% !important;
  }

  .box-tab-ulasan-saya {
    width: 40% !important;
  }

  .tab-menu-ulasan a#pills-menunggu-ulasan-tab {
    padding-right: 0rem !important;
    color: black;
    font-weight: 600;
    padding-left: 0px;
    text-align: center;
    font-size: 0.9em;
  }

  .tab-menu-ulasan a#pills-ulasan-saya-tab {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    color: black;
    font-weight: 600;
    text-align: center;
    font-size: 0.9em;
  }

  .box-menu-untuk-ulasan {
    padding-right: 0px;
    padding-left: 0px;
  }

  .menu-btn-beri-ulasan {
    float: right;
    margin-top: 1rem;
    border-radius: 8px;
    padding: 6px 20px !important;
    font-size: 1.2em;
  }

  .p-ulasan-pesanan-diterima p {
    font-size: 0.85em;
  }

  .box-product-menunggu-ulasan {
    padding: 0px !important;
  }

  .box-menu-untuk-ulasan .nav li .active {
    border-bottom: 4px solid #ffffff !important;
  }

  .box-menu-untuk-ulasan .nav li .jumlah-menunggu-ulasan {
    color: #000;
    background: #ffffff;color: #000;
    border-radius: 50%;
    padding: 1px 5px !important;
  }

  .menu-ulasan-text-ulasan {
    padding-right: 0px !important;
    margin-left: auto;
  }

  .gambar-profile-untuk-beri-ulasan {
    padding: 0px !important;
  }

  .gambar-profile-untuk-beri-ulasan img {
    width: 30px !important;
  }

  .p-ulasan-pesanan-diterima {
    padding-left: 0px !important;
    margin-top: 0.5rem;
  }

  .nama-produk-untuk-diberi-ulasan h4 {
    font-size: 0.9em !important;
  }
}

@media (min-width: 319.5px) and (max-width: 374.5px) {
  .page-list-ulasan {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .box-tab-menunggu-ulasan {
    width: 60% !important;
  }

  .box-tab-ulasan-saya {
    width: 40% !important;
  }

  .tab-menu-ulasan a#pills-menunggu-ulasan-tab {
    padding-right: 0rem !important;
    color: black;
    font-weight: 600;
    padding-left: 0px;
    text-align: center;
    font-size: 0.9em;
  }

  .tab-menu-ulasan a#pills-ulasan-saya-tab {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    color: black;
    font-weight: 600;
    text-align: center;
    font-size: 0.9em;
  }

  .box-menu-untuk-ulasan {
    padding-right: 0px;
    padding-left: 0px;
  }

  .menu-btn-beri-ulasan {
    float: right;
    margin-top: 1rem;
    border-radius: 8px;
    padding: 6px 20px !important;
    font-size: 1.2em;
  }

  .p-ulasan-pesanan-diterima p {
    font-size: 0.85em;
  }

  .box-product-menunggu-ulasan {
    padding: 0px !important;
  }

  .box-menu-untuk-ulasan .nav li .active {
    border-bottom: 4px solid #ffffff !important;
  }

  .box-menu-untuk-ulasan .nav li .jumlah-menunggu-ulasan {
    color: #000;
    background: #ffffff;color: #000;
    border-radius: 50%;
    padding: 1px 5px !important;
  }

  .menu-ulasan-text-ulasan {
    padding-right: 0px !important;
    margin-left: auto;
  }

  .gambar-profile-untuk-beri-ulasan {
    padding: 0px !important;
  }

  .gambar-profile-untuk-beri-ulasan img {
    width: 30px !important;
  }

  .p-ulasan-pesanan-diterima {
    padding-left: 0px !important;
    margin-top: 0.5rem;
  }

  .nama-produk-untuk-diberi-ulasan h4 {
    font-size: 0.9em !important;
  }
}

@media (min-width: 374.5px) and (max-width: 424.5px) {
  .page-list-ulasan {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .tab-menu-ulasan a#pills-menunggu-ulasan-tab {
    padding-right: 0rem !important;
    color: black;
    font-weight: 600;
    padding-left: 0px;
    text-align: center;
  }

  .tab-menu-ulasan a#pills-ulasan-saya-tab {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    color: black;
    font-weight: 600;
    text-align: center;
  }

  .box-menu-untuk-ulasan {
    padding-right: 0px;
    padding-left: 0px;
  }

  .menu-btn-beri-ulasan {
    float: right;
    margin-top: 1rem;
    border-radius: 8px;
    padding: 6px 20px !important;
    font-size: 1.2em;
  }

  .p-ulasan-pesanan-diterima p {
    font-size: 0.85em;
  }

  .box-product-menunggu-ulasan {
    padding: 0px !important;
  }

  .box-menu-untuk-ulasan .nav li .active {
    border-bottom: 4px solid #ffffff !important;
  }

  .box-menu-untuk-ulasan .nav li .jumlah-menunggu-ulasan {
    color: #000;
    background: #ffffff;color: #000;
    border-radius: 50%;
    padding: 1px 8px !important;
  }

  .menu-ulasan-text-ulasan {
    padding-right: 0px !important;
    margin-left: auto;
  }

  .gambar-profile-untuk-beri-ulasan {
    padding: 0px !important;
  }

  .gambar-profile-untuk-beri-ulasan img {
    width: 30px !important;
  }

  .p-ulasan-pesanan-diterima {
    padding-left: 0px !important;
    margin-top: 0.5rem;
  }

  .nama-produk-untuk-diberi-ulasan h4 {
    font-size: 0.9em !important;
  }
}

@media (min-width: 424.5px) and (max-width: 575.5px) {
  .page-list-ulasan {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .tab-menu-ulasan a#pills-menunggu-ulasan-tab {
    padding-right: 0rem !important;
    color: black;
    font-weight: 600;
    padding-left: 0px;
    text-align: center;
  }

  .tab-menu-ulasan a#pills-ulasan-saya-tab {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    color: black;
    font-weight: 600;
    text-align: center;
  }

  .box-menu-untuk-ulasan {
    padding-right: 0px;
    padding-left: 0px;
  }

  .menu-btn-beri-ulasan {
    float: right;
    margin-top: 1rem;
    border-radius: 8px;
    padding: 12px 20px !important;
    font-size: 1.2em;
  }

  .p-ulasan-pesanan-diterima p {
    font-size: 0.85em;
  }

  .box-product-menunggu-ulasan {
    padding: 0px !important;
  }

  .box-menu-untuk-ulasan .nav li .active {
    border-bottom: 4px solid #ffffff !important;
  }

  .box-menu-untuk-ulasan .nav li .jumlah-menunggu-ulasan {
    color: #000;
    background: #ffffff;color: #000;
    border-radius: 50%;
    padding: 1px 8px !important;
  }

  .menu-ulasan-text-ulasan {
    padding-right: 0px !important;
    margin-left: auto;
  }

  .gambar-profile-untuk-beri-ulasan {
    padding: 0px !important;
  }

  .gambar-profile-untuk-beri-ulasan img {
    width: 35px !important;
  }

  .p-ulasan-pesanan-diterima {
    padding-left: 0px !important;
    margin-top: 0.5rem;
  }

  .nama-produk-untuk-diberi-ulasan h4 {
    font-size: 0.9em !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .tab-menu-ulasan a#pills-menunggu-ulasan-tab {
    padding-right: 0rem !important;
    color: black;
    font-weight: 600;
    padding-left: 0px;
    text-align: center;
  }

  .tab-menu-ulasan a#pills-ulasan-saya-tab {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    color: black;
    font-weight: 600;
    text-align: center;
  }

  .box-menu-untuk-ulasan {
    padding-right: 0px;
    padding-left: 0px;
  }

  .menu-btn-beri-ulasan {
    float: right;
    margin-top: 1rem;
    border-radius: 8px;
    padding: 12px 20px !important;
    font-size: 1.2em;
  }

  .p-ulasan-pesanan-diterima p {
    font-size: 0.85em;
  }

  .box-product-menunggu-ulasan {
    padding: 0px !important;
  }

  .box-menu-untuk-ulasan .nav li .active {
    border-bottom: 4px solid #ffffff !important;
  }

  .box-menu-untuk-ulasan .nav li .jumlah-menunggu-ulasan {
    color: #000;
    background: #ffffff;color: #000;
    border-radius: 50%;
    padding: 1px 8px !important;
  }

  .menu-ulasan-text-ulasan {
    padding-right: 0px !important;
    margin-left: auto;
  }

  .gambar-profile-untuk-beri-ulasan {
    padding: 0px !important;
  }

  .gambar-profile-untuk-beri-ulasan img {
    width: 35px !important;
  }

  .p-ulasan-pesanan-diterima {
    padding-left: 0px !important;
    margin-top: 0.5rem;
  }

  .nama-produk-untuk-diberi-ulasan h4 {
    font-size: 0.9em !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .tab-menu-ulasan a#pills-menunggu-ulasan-tab {
    padding-right: 0rem !important;
    color: black;
    font-weight: 600;
    padding-left: 0px;
    text-align: center;
  }

  .tab-menu-ulasan a#pills-ulasan-saya-tab {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    color: black;
    font-weight: 600;
    text-align: center;
  }

  .box-menu-untuk-ulasan {
    padding-right: 0px;
    padding-left: 0px;
  }

  .menu-btn-beri-ulasan {
    float: right;
    margin-top: 1rem;
    border-radius: 8px;
    padding: 8px 20px !important;
    font-size: 1em;
  }

  .p-ulasan-pesanan-diterima p {
    font-size: 0.85em;
  }

  .box-product-menunggu-ulasan {
    padding: 0px !important;
  }

  .box-menu-untuk-ulasan .nav li .active {
    border-bottom: 4px solid #ffffff !important;
  }

  .box-menu-untuk-ulasan .nav li .jumlah-menunggu-ulasan {
    color: #000;
    background: #ffffff;color: #000;
    border-radius: 50%;
    padding: 1px 8px !important;
  }

  .menu-ulasan-text-ulasan {
    padding-right: 0px !important;
    margin-left: auto;
  }

  .gambar-profile-untuk-beri-ulasan {
    padding: 0px !important;
  }

  .gambar-profile-untuk-beri-ulasan img {
    width: 35px !important;
  }

  .p-ulasan-pesanan-diterima {
    padding-left: 0px !important;
    margin-top: 0.5rem;
  }

  .nama-produk-untuk-diberi-ulasan h4 {
    font-size: 0.9em !important;
  }
}

@media (min-width: 991.5px) {
  .tab-menu-ulasan a#pills-menunggu-ulasan-tab {
    padding-right: 0rem !important;
    margin-right: 1rem;
    color: black;
    font-weight: 600;
    padding-left: 0px;
  }

  .tab-menu-ulasan a#pills-ulasan-saya-tab {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    color: black;
    font-weight: 600;
  }

  .box-menu-untuk-ulasan {
    padding-right: 0px;
    padding-left: 0px;
  }

  .menu-btn-beri-ulasan {
    float: right;
    margin-top: 1rem;
    border-radius: 8px;
  }

  .p-ulasan-pesanan-diterima p {
    font-size: 0.85em;
  }

  .box-product-menunggu-ulasan {
    padding: 0px !important;
  }

  .box-menu-untuk-ulasan .nav li .active {
    border-bottom: 6px solid #ffffff !important;
  }

  .box-menu-untuk-ulasan .nav li .jumlah-menunggu-ulasan {
    color: #000;
    background: #ffffff;color: #000;
    border-radius: 50%;
    padding: 1px 8px !important;
  }
}

/* Lihat Ulasan */
@media screen and (max-width: 319.5px) {
  .gmbr-item-lihat-ulasan img {
    width: 50px !important;
  }

  .gmbr-item-lihat-ulasan {
    padding-right: 0px !important;
  }

  .ket-info-lihat-ulasan-produk {
    font-size: 0.85em !important;
  }

  .lihat-ulasan-pendapatmu {
    font-size: 0.9em;
  }

  .scroll-lihat-galeri-mitra .small-foto-prod {
    width: 45px;
    max-width: fit-content !important;
    border: 1px solid #cb7fc7;
    margin-top: 10px;
  }

  .scroll-lihat-galeri-mitra a {
    margin-right: 3px !important;
  }
}

@media (min-width: 319.5px) and (max-width: 374.5px) {
  .scroll-lihat-galeri-mitra .small-foto-prod {
    width: 50px;
    max-width: fit-content !important;
    border: 1px solid #cb7fc7;
    margin-top: 10px;
  }

  .scroll-lihat-galeri-mitra a {
    margin-right: 3px !important;
  }
}

@media (min-width: 374.5px) and (max-width: 424.5px) {
  .scroll-lihat-galeri-mitra .small-foto-prod {
    width: 60px;
    max-width: fit-content !important;
    border: 1px solid #cb7fc7;
    margin-top: 10px;
  }

  .scroll-lihat-galeri-mitra a {
    margin-right: 3px !important;
  }
}

@media (min-width: 319.5px) and (max-width: 424.5px) {
  .gmbr-item-lihat-ulasan img {
    width: 60px !important;
  }

  .gmbr-item-lihat-ulasan {
    padding-right: 0px !important;
  }

  .ket-info-lihat-ulasan-produk {
    font-size: 0.85em !important;
  }

  .lihat-ulasan-pendapatmu {
    font-size: 0.9em;
  }
}

@media (min-width: 424.5px) and (max-width: 575.5px) {
  .gmbr-item-lihat-ulasan img {
    width: 70px !important;
  }

  .gmbr-item-lihat-ulasan {
    padding-right: 0px !important;
  }

  .ket-info-lihat-ulasan-produk {
    font-size: 0.85em !important;
  }

  .lihat-ulasan-pendapatmu {
    font-size: 0.9em;
  }

  .scroll-lihat-galeri-mitra .small-foto-prod {
    width: 70px;
    max-width: fit-content !important;
    border: 1px solid #cb7fc7;
    margin-top: 10px;
  }

  .scroll-lihat-galeri-mitra a {
    margin-right: 10px !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .gmbr-item-lihat-ulasan img {
    width: 80px !important;
  }

  .ket-info-lihat-ulasan-produk {
    font-size: 0.85em !important;
  }

  .lihat-ulasan-pendapatmu {
    font-size: 0.9em;
  }

  .scroll-lihat-galeri-mitra .small-foto-prod {
    width: 80px;
    max-width: fit-content !important;
    border: 1px solid #cb7fc7;
    margin-top: 10px;
  }

  .scroll-lihat-galeri-mitra a {
    margin-right: 10px !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .ket-info-lihat-ulasan-produk {
    font-size: 0.85em !important;
  }

  .lihat-ulasan-pendapatmu {
    font-size: 0.9em;
  }

  .gmbr-item-lihat-ulasan img {
    width: 90px !important;
  }

  .scroll-lihat-galeri-mitra .small-foto-prod {
    width: 80px;
    max-width: fit-content !important;
    border: 1px solid #cb7fc7;
    margin-top: 10px;
  }

  .scroll-lihat-galeri-mitra a {
    margin-right: 10px !important;
  }
}

@media (min-width: 991.5px) {
  .ket-info-lihat-ulasan-produk {
    font-size: 0.9em !important;
  }

  .lihat-ulasan-pendapatmu {
    font-size: 1em;
  }

  .gmbr-item-lihat-ulasan img {
    width: 100px !important;
  }

  .scroll-lihat-galeri-mitra .small-foto-prod {
    width: 80px;
    max-width: fit-content !important;
    border: 1px solid #cb7fc7;
    margin-top: 10px;
  }

  .scroll-lihat-galeri-mitra a {
    margin-right: 10px !important;
  }
}

/* Skeleton Loading List Ulasan */
@media screen and (max-width: 319.5px) {
  .skele-info-box-ulasan {
    width: 100%;
    height: 12.5px;
  }

  .skele-info-box-tgl-diterima-ulasan {
    width: 185px;
    height: 12.5px;
    margin-left: -12px;
  }

  .skele-foto-toko-menunggu-ulasan {
    width: 30px;
    height: 30px;
  }

  .skele-gambar-produk-list-ulasan {
    width: 50px;
    height: 50px;
  }

  .skele-nama-produk-list-ulasan {
    width: 100%;
    height: 25px;
  }
}

@media (min-width: 319.5px) and (max-width: 424.5px) {
  .skele-info-box-ulasan {
    width: 100%;
    height: 12.5px;
  }

  .skele-info-box-tgl-diterima-ulasan {
    width: 190px;
    height: 12.5px;
    margin-left: -12px;
  }

  .skele-foto-toko-menunggu-ulasan {
    width: 30px;
    height: 30px;
  }

  .skele-gambar-produk-list-ulasan {
    width: 60px;
    height: 60px;
  }

  .skele-nama-produk-list-ulasan {
    width: 100%;
    height: 12.5px;
  }
}

@media (min-width: 424.5px) and (max-width: 575.5px) {
  .skele-info-box-ulasan {
    width: 100%;
    height: 15px;
  }

  .skele-info-box-tgl-diterima-ulasan {
    width: 250px;
    height: 15px;
    margin-left: -12px;
  }

  .skele-foto-toko-menunggu-ulasan {
    width: 35px;
    height: 35px;
  }

  .skele-gambar-produk-list-ulasan {
    width: 70px;
    height: 70px;
  }

  .skele-nama-produk-list-ulasan {
    width: 100%;
    height: 15px;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .skele-info-box-ulasan {
    width: 100%;
    height: 17.5px;
  }

  .skele-info-box-tgl-diterima-ulasan {
    width: 250px;
    height: 17.5px;
    margin-left: -12px;
  }

  .skele-foto-toko-menunggu-ulasan {
    width: 35px;
    height: 35px;
  }

  .skele-gambar-produk-list-ulasan {
    width: 80px;
    height: 80px;
  }

  .skele-nama-produk-list-ulasan {
    width: 100%;
    height: 17.5px;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .skele-info-box-ulasan {
    width: 100%;
    height: 17.5px;
  }

  .skele-info-box-tgl-diterima-ulasan {
    width: 250px;
    height: 17.5px;
    margin-left: -12px;
  }

  .skele-foto-toko-menunggu-ulasan {
    width: 35px;
    height: 35px;
  }

  .skele-gambar-produk-list-ulasan {
    width: 90px;
    height: 90px;
  }

  .skele-nama-produk-list-ulasan {
    width: 100%;
    height: 17.5px;
  }
}

@media (min-width: 991.5px) {
  .skele-info-box-ulasan {
    width: 100%;
    height: 20px;
  }

  .skele-info-box-tgl-diterima-ulasan {
    width: 100%;
    height: 20px;
  }

  .skele-foto-toko-menunggu-ulasan {
    width: 45px;
    height: 45px;
  }

  .skele-gambar-produk-list-ulasan {
    width: 100px;
    height: 100px;
  }

  .skele-nama-produk-list-ulasan {
    width: 65%;
    height: 20px;
  }
}

/* Menu List Komplain */
@media screen and (max-width: 319.5px) {
  .page-list-komplain {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .filter-select-komplain {
    margin-top: 1rem;
    margin-left: auto;
  }

  .search-komplain input {
    font-size: 4vw !important;
  }

  .gambar-list-menu-komplain img {
    width: 35px !important;
  }

  .mob-btn-lihat-detail-komplain button {
    font-size: 1.1em !important;
  }

  .ulasan-nama-produk-yang-diulas {
    padding-right: 0px !important;
  }
}

@media (min-width: 319.5px) and (max-width: 424.5px) {
  .page-list-komplain {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .filter-select-komplain {
    margin-top: 1rem;
    margin-left: auto;
  }

  .search-komplain input {
    font-size: 3vw !important;
  }

  .gambar-list-menu-komplain img {
    width: 35px !important;
  }

  .mob-btn-lihat-detail-komplain button {
    font-size: 1.1em !important;
  }

  .ulasan-nama-produk-yang-diulas {
    padding-right: 0px !important;
  }
}

@media (min-width: 424.5px) and (max-width: 575.5px) {
  .page-list-komplain {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .filter-select-komplain {
    margin-top: 1rem;
    margin-left: auto;
  }

  .gambar-list-menu-komplain img {
    width: 40px !important;
  }

  .ulasan-nama-produk-yang-diulas {
    padding-right: 0px !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .filter-select-komplain {
    margin-left: auto;
  }

  .gambar-list-menu-komplain img {
    width: 40px !important;
  }

  .ulasan-nama-produk-yang-diulas {
    padding-right: 0px !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .filter-select-komplain {
    margin-left: auto;
  }

  .gambar-list-menu-komplain img {
    width: 40px !important;
  }

  .ulasan-nama-produk-yang-diulas {
    padding-right: 0px !important;
  }
}

@media (min-width: 991.5px) {
  .gambar-list-menu-komplain img {
    width: 40px !important;
  }
}

/* Negosiasi */
@media screen and (max-width: 424.5px) {
  .btn.nego-produk {
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 4px 12px;
  }

  .btn.nego-produk img {
    width: 16px !important;
  }

  .btn.nego-produk span {
    font-size: 0.8em !important;
  }
}

@media (min-width: 424.5px) and (max-width: 767.5px) {
  .btn.nego-produk {
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 6px 12px;
  }

  .btn.nego-produk img {
    width: 20px !important;
  }

  .btn.nego-produk span {
    font-size: 0.9em !important;
  }
}

@media (min-width: 767.5px) {
  .btn.nego-produk {
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 16px;
  }
}

/* Menu List Negosiasi */
@media screen and (max-width: 319.5px) {
  .page-list-negosiasi {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .filter-select-negosiasi {
    margin-top: 1rem;
    margin-left: auto;
  }

  .search-negosiasi input {
    font-size: 4vw !important;
  }

  .gambar-list-menu-negosiasi img {
    width: 35px !important;
  }

  .mob-btn-lihat-detail-negosiasi button {
    font-size: 1.1em !important;
  }

  .nama-produk-yang-dinegosiasi {
    padding-right: 0px !important;
  }

  .status-menunggu-negosiasi {
    background: #fff2d1;
    padding: 3px 6px !important;
  }

  .status-negosiasi-dibatalkan {
    background: #b3b3b3;
    padding: 3px 6px !important;
  }

  .status-negosiasi-diterima {
    background: #d4eddc;
    padding: 3px 6px !important;
  }
}

@media (min-width: 319.5px) and (max-width: 424.5px) {
  .page-list-negosiasi {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .filter-select-negosiasi {
    margin-top: 1rem;
    margin-left: auto;
  }

  .search-negosiasi input {
    font-size: 3vw !important;
  }

  .gambar-list-menu-negosiasi img {
    width: 35px !important;
  }

  .mob-btn-lihat-detail-negosiasi button {
    font-size: 1.1em !important;
  }

  .nama-produk-yang-dinegosiasi {
    padding-right: 0px !important;
  }
}

@media (min-width: 424.5px) and (max-width: 575.5px) {
  .page-list-negosiasi {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .filter-select-negosiasi {
    margin-top: 1rem;
    margin-left: auto;
  }

  .gambar-list-menu-negosiasi img {
    width: 40px !important;
  }

  .nama-produk-yang-dinegosiasi {
    padding-right: 0px !important;
  }
}

@media (min-width: 575.5px) and (max-width: 767.5px) {
  .filter-select-negosiasi {
    margin-left: auto;
  }

  .gambar-list-menu-negosiasi img {
    width: 40px !important;
  }

  .nama-produk-yang-dinegosiasi {
    padding-right: 0px !important;
  }
}

@media (min-width: 767.5px) and (max-width: 991.5px) {
  .filter-select-negosiasi {
    margin-left: auto;
  }

  .gambar-list-menu-negosiasi img {
    width: 40px !important;
  }

  .nama-produk-yang-dinegosiasi {
    padding-right: 0px !important;
  }
}

@media (min-width: 991.5px) {
  .tab-menu-histori-negosiasi a#pills-menunggu-negosiasi-tab {
    color: black;
    font-weight: 600;
    padding-left: 0px;
  }

  .tab-menu-histori-negosiasi a#pills-negosiasi-dibatalkan-tab {
    color: black;
    font-weight: 600;
    padding-left: 0px;
  }

  .tab-menu-histori-negosiasi a#pills-negosiasi-diterima-tab {
    color: black;
    font-weight: 600;
    padding-left: 0px;
  }

  .status-menunggu-negosiasi {
    background: #fff2d1;
    padding: 3px 6px !important;
  }

  .status-negosiasi-dibatalkan {
    background: #f7f7f7;
    padding: 3px 6px !important;
  }

  .status-negosiasi-diterima {
    background: #d4eddc;
    padding: 3px 6px !important;
  }

  .gambar-list-menu-negosiasi img {
    width: 40px !important;
  }

  .btn.white-back-btn {
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 16px;
  }

  .btn.orange-back-btn {
    border: 1px solid #cb7fc7 !important;
    border-radius: 8px;
    background-color: #cb7fc7;
    color: #373737;
    font-weight: 600;
    padding: 10px 16px;
  }

  .text-harga-dan-jumlah-nego {
    color: #000;
    font-weight: 600;
    font-size: 2em;
  }
}
/* Laptop Large */
@media (min-width: 1440px) {
}

/* 4K */
@media (min-width: 2560px) {
}

body.offcanvas-active {
  overflow: hidden;
}

.offcanvas-header {
  display: none;
}

.screen-darken {
  height: 100%;
  width: 0%;
  z-index: 30;
  position: fixed;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition: opacity 0.2s linear, visibility 0.2s, width 2s ease-in;
}

.screen-darken.active {
  z-index: 10;
  transition: opacity 0.3s ease, width 0s;
  opacity: 1;
  width: 100%;
  visibility: visible;
}

/* ============ mobile view ============ */
@media all and (max-width: 991px) {
  .offcanvas-header {
    display: block;
  }

  .mobile-offcanvas {
    visibility: hidden;
    transform: translateX(-100%);
    border-radius: 0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 80%;
    z-index: 1200;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
  }

  .mobile-offcanvas.show {
    visibility: visible;
    transform: translateX(0);
  }
  .mobile-offcanvas .container,
  .mobile-offcanvas .container-fluid {
    display: block;
  }
}