@media (max-width: 768px) {
  .gap {
    margin-top: 85px;
  }
  .header .list-header-menu-left,
  .header .list-header-menu-right {
    display: none;
  }
  .header .brand-header {
    display: block;
    margin-bottom: 15px;
  }
  .header .list-menu-search {
    display: none;
  }
  .header .wrp-input-search {
    margin-bottom: 15px;
  }
  .header .hide-for-mobile {
    display: none;
  }
  .header .hide-for-desktop {
    display: block;
  }
  .menu-category .menu-cat-content {
    display: block;
    padding: 15px;
    text-align: center;
  }
  .menu-category .menu-cat-content .cat-item {
    display: inline-block;
    margin-bottom: 20px;
    width: 100px;
  }
  .content-category .list-content-category li .wrp-item-cat {
    width: auto;
  }
  .content-category #banner-kategori {
    background-color: #fff;
  }
  .content-flash .list-content-flash li .wrp-item-flash {
    width: auto;
  }
  .content-flash .list-content-flash li .wrp-item-flash .item-flash {
    width: auto;
  }
  .section-header .section-content h2 {
    display: block;
  }
  .section-header .list-shiopi-mall li {
    display: block;
    float: none;
  }
  .section-header .list-shiopi-mall .sparator {
    display: none;
  }
  .section-header .lihat-semua {
    /* float: none; */
  }
  .wrp-shiopi-mall .shiopi-mall {
    display: block;
  }
  .wrp-shiopi-mall .shiopi-mall .side-left {
    flex: none;
  }
  .wrp-shiopi-mall .shiopi-mall .side-right {
    flex: none;
  }
  .wrp-shiopi-mall .shiopi-mall .side-right .list-banner-mall {
    width: auto;
  }
  .wrp-shiopi-mall .shiopi-mall .side-right .list-banner-mall li {
    float: none;
    margin: auto;
  }
  .wrp-search-pop .search-pop ul {
    display: block;
  }
  .wrp-search-pop .search-pop ul li {
    width: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .wrp-search-pop .search-pop ul li:last-child {
    border-bottom: none;
  }
  .prod-terlaris {
    display: block;
  }
  .prod-terlaris a {
    display: block;
    margin-bottom: 15px;
    padding: 0;
  }
  .prod-terlaris a .terlaris-title {
    padding: 15px;
  }
  .wrp-rekomendasi .rekomendasi ul li {
    float: none;
  }
  .wrp-rekomendasi .rekomendasi ul li a {
    width: auto;
  }
  .wrp-rekomendasi .rekomendasi ul li a .pict-rekomendasi {
    text-align: center;
  }
  .copyright .copyright-right {
    text-align: left;
  }
  .wrp-profile .profile-left {
    margin-bottom: 20px;
  }
  .wrp-profile .profile-left .list-akun li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .wrp-profile .profile-left .list-akun li:last-child {
    border-bottom: none;
  }
  .wrp-profile .profile-left .list-akun li ol li {
    border-bottom: none;
  }
  .wrp-profile .profile-right .block-header {
    height: auto;
  }
  .wrp-profile .profile-right .form-right {
    text-align: left;
  }
  .wrp-profile .profile-right .btn-add {
    float: none;
  }
  .wrp-profile .profile-right .wrp-profile-avatar ul {
    text-align: left;
  }
  .wrp-profile .profile-right .wrp-profile-avatar ul li {
    margin-left: 0;
    margin-right: 20px;
  }
  .wrp-profile .profile-right .flex-end {
    justify-content: flex-start;
  }
  .wrp-profile .profile-right .list-block li .wrp-block-col {
    display: block;
  }
  .wrp-profile .profile-right .list-block li .wrp-block-col .block-col1,
  .wrp-profile .profile-right .list-block li .wrp-block-col .block-col2,
  .wrp-profile .profile-right .list-block li .wrp-block-col .block-col3 {
    margin-bottom: 10px;
  }
  .wrp-profile .profile-right .list-block li .tandai {
    text-align: left;
  }
  .list-pesanan-saya .nav-justified .nav-item {
    flex-basis: auto;
  }
  .list-pesanan-saya .list-pesanan li {
    display: block;
  }
  .list-pesanan-saya .list-pesanan li div:first-child {
    display: block;
    flex: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .list-pesanan-saya .list-pesanan li div:last-child {
    display: block;
    flex: none;
  }
  .list-pesanan-saya .list-pesanan li div:last-child .btn {
    margin-bottom: 5px;
  }
  .header-list-koin {
    display: block;
  }
}