@media (min-width: 1200px) and (max-width: 1380px) {
  .order-website .form-group label {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .order-website .form-group {
    margin-left: 0px;
    margin-right: 0px;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
  }
  .select2-container--default .select2-results > .select2-results__options {
    font-size: 12px;
  }
  .product-category h5 {
    font-size: 15px;
  }
  .product-category .card .card-body {
    padding: 0.7rem 0.7rem;
  }
  .features .services-feature .product-type-header h2 {
    font-size: 1.8rem;
  }
  .order-website .form-domain-check button[type="submit"] {
    margin-top: 15px;
    font-size: 13px;
  }
  .order-website .accordion-list .type-list a[data-bs-toggle="collapse"] {
    padding: 0 30px;
  }
  .order-website .category-website .title-kategori h5::after {
    margin-left: 22px;
    transform: rotate(330deg);
  }
  .info-paket .row .card-paket-layanan .card-body .harga-paket .harga-currency {
    font-size: 1.2rem;
    color: #395591;
  }
  .keranjang-belanja .keranjang-belanja-list h4 {
    font-size: 1.4rem;
  }
  .keranjang-belanja .keranjang-belanja-list .box-harga::after {
    font-size: 40px;
    margin-top: -64px;
    margin-left: 120px;
  }
  .keranjang-belanja .keranjang-belanja-list .delete-list-keranjang button {
    margin-left: -13px;
  }
  .keranjang-belanja .keranjang-belanja-list .box-harga p span {
    font-size: 12px;
  }
  .order-payment .info-pembayaran .label-payment {
    font-size: 16px;
  }
}
@media (min-width: 1380px) {
  .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
  }
  .select2-container--default .select2-results > .select2-results__options {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .artikel h5 {
    width: 230px;
    max-height: 47px;
    overflow-y: hidden;
    overflow-x: hidden;
  }

  /* Portofolio Properties */
  .portofolio-detail .section-title h2 {
    background-color: #5777ba;
    width: fit-content;
    padding: 10px 50px 10px 50px;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 30px;
    clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
    color: white;
  }

  .portofolio-detail .section-title h2::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 40px;
    background-color: white;
    transform: skewX(26deg);
    top: 54px;
    margin-left: -30px;
  }

  .portofolio-detail .section-title h2::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 40px;
    background-color: white;
    transform: skewX(26deg);
    top: 27px;
    margin-left: 26px;
  }

  /* Kategori Detail Properties */

  .kategori-detail .card-title h2 {
    background-color: #5777ba;
    width: fit-content;
    padding: 10px 50px 10px 50px;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 30px;
    clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
    color: white;
  }

  .kategori-detail .card-title h2::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 40px;
    background-color: white;
    transform: skewX(26deg);
    top: 53px;
    left: 48px;
  }

  .kategori-detail .card-title h2::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 40px;
    background-color: white;
    transform: skewX(26deg);
    top: 28px;
    margin-left: 24px;
  }

  .order-website .top-level-domain {
    width: 15%;
  }
}
@media (max-width: 540px) {
  /* Artikel Properties */
  .artikel-detail {
    margin-top: 30px;
  }
  .artikel .card-img-overlay p {
    overflow-y: hidden;
    height: 40px;
  }
  .artikel h5 {
    width: 120px;
    height: 48px;
    overflow-y: hidden;
    overflow-x: hidden;
  }

  /* Features Properties */
  .features .nav-link[aria-selected="false"],
  .features .nav-tabs .nav-link.active {
    padding: 0.5rem 1rem;
  }

  /* Kategori Properties */
  .kategori-detail .card-title {
    padding: 15px;
    text-align: center;
    color: #5777ba;
    margin-bottom: -8px;
  }

  .kategori-detail .card-title h2 {
    font-size: 30px;
  }

  .product-category .card img {
    height: 250px !important;
    object-fit: cover;
  }

  /* Order Properties */

  .order-website .form-group {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #b2b2b2;
    margin-left: 5px;
    margin-right: 5px;
  }

  .order-website .form-group label {
    font-size: 13px;
    margin-bottom: 10px;
  }

  .order-website .form-order-website-1 {
    padding: 30px 5px 30px 5px;
    border-radius: 5px;
    border: 1px dashed #b2b2b2;
  }

  .order-website .card-title h3 {
    padding: 7px 57px 7px 30px;
  }

  .order-website .card-title h3::after {
    content: "";
    transform: skewX(322deg);
    margin-left: 22px;
    top: 18px;
  }

  .order-website .domain-check-content .checked-success .icon-show {
    margin-right: 6px;
  }

  .order-website .domain-check-content .checked-failed .icon-show {
    margin-right: 6px;
  }

  .order-website .top-level-domain {
    width: 30%;
  }
  .order-website .category-website .title-kategori h5 {
    background-color: white;
    color: #5777ba;
    text-align: left;
    padding: 5px 35px 5px 15px;
    clip-path: none;
  }
  .checkout .checkout-body .checkout-complete-order .form-submit {
    width: 100%;
    text-align: right;
    padding: 15px 0px;
  }
  .checkout
    .checkout-body
    .card-order
    .content-card-order
    .jenis-metode-pembayaran {
    display: flex;
    flex-wrap: wrap;
  }
  .checkout
    .checkout-body
    .card-order
    .content-card-order
    .jenis-metode-pembayaran
    button {
    width: 48%;
    margin: 4px 2px;
    font-size: 13px;
  }
  .info-paket .row .card-paket-layanan .card-title {
    padding: 15px 5px 15px 20px;
  }

  /* Produk Layanan */
  .features .nav-tabs .nav-item.show .nav-link,
  .features .nav-tabs .nav-link.active,
  .nav-link[aria-selected="false"] {
    margin-left: 0px !important;
  }
  .features .nav-tabs .nav-link i {
    display: none;
  }
  .features .services-feature .services-title .jenis-layanan {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .features .services-title .layanan-text {
    padding: 7px 0px 0px 10px;
    font-size: 15px;
  }
  .features .services-title {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Keranjang Belanja Properties */
  .keranjang-belanja .keranjang-belanja-list .delete-list-keranjang {
    padding: 0px;
    text-align: right;
  }
  .keranjang-belanja .keranjang-belanja-list .box-harga::after {
    margin-top: -69px;
    margin-left: 236px;
  }

  /* Checkout Properties */
  .checkout .checkout-title h3::after {
    transform: skewX(332deg);
  }
  .checkout .checkout-title .title-button button {
    font-size: 15px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
  }
  .checkout .checkout-title .title-button button span {
    display: none;
  }
  .checkout
    .checkout-body
    .card-order
    .content-card-order
    .form-group
    .col-form-label {
    margin-bottom: 0px;
  }
  .checkout .checkout-body .card-order .row.card-order {
    margin: 20px 0px 0px;
  }
  .form-check .form-check-label.d-flex .nama-payment {
    font-size: 12px;
  }
  .checkout
    .checkout-body
    .card-order
    .content-card-order
    .form-check
    .biaya-lainya {
    font-size: 11px;
  }
  .checkout .checkout-body .card-order .content-card-order .label-harga {
    font-size: 17px;
  }

  /* Register Properties */
  .order-website.register .register-title {
    padding: 5px 50px 5px 20px;
  }
  .order-website.register .register-title::after {
    margin-top: -15px;
    margin-left: 34px;
  }
  .order-website.register .complete-register .submit-box {
    width: 100%;
    text-align: right;
    padding: 15px 0px;
  }

  /* Order Payment */
  .order-payment .info-pembayaran .label-payment {
    font-size: 16px;
  }
  .order-payment .info-pembayaran .kode-bank-info .kode-bank,
  .order-payment .info-pembayaran .virtual-number-info .virtual-number {
    font-size: 22px;
  }
  .order-payment .info-pembayaran .icon-payment img {
    width: 95px;
    height: 70px;
    object-fit: contain;
  }
  .order-payment .info-pembayaran .info-pembayaran-box {
    display: flex;
    justify-content: left;
  }
  .order-payment .card-dashed .card-title .label-code {
    display: none;
  }

  /* Forgot Password */
  .forgot-password .forgot-pass-input {
    padding: 30px 10px 20px 10px;
  }

  /* Margin Top Mobile */
  .mt-1m {
    margin-top: 0.5rem;
  }
  .mt-2m {
    margin-top: 0.5rem;
  }
  .mt-3m {
    margin-top: 1rem;
  }
  .mt-4m {
    margin-top: 1.5rem;
  }
  .mt-5m {
    margin-top: 3rem;
  }

  /* Margin Bottom Mobile */
  .mb-1m {
    margin-bottom: 0.5rem;
  }
  .mb-2m {
    margin-bottom: 0.5rem;
  }
  .mb-3m {
    margin-bottom: 1rem;
  }
  .mb-4m {
    margin-bottom: 1.5rem;
  }
  .mb-5m {
    margin-bottom: 3rem;
  }

  /* Margin Left Mobile */
  .ml-1m {
    margin-left: 0.5rem;
  }
  .ml-2m {
    margin-left: 0.5rem;
  }
  .ml-3m {
    margin-left: 1rem;
  }
  .ml-4m {
    margin-left: 1.5rem;
  }
  .ml-5m {
    margin-left: 3rem;
  }

  /* Margin Right Mobile */
  .mr-1m {
    margin-right: 0.5rem;
  }
  .mr-2m {
    margin-right: 0.5rem;
  }
  .mr-3m {
    margin-right: 1rem;
  }
  .mr-4m {
    margin-right: 1.5rem;
  }
  .mr-5m {
    margin-right: 3rem;
  }

  /* Padding Top Mobile */
  .pt-1m {
    padding-top: 0.5rem;
  }
  .pt-2m {
    padding-top: 0.5rem;
  }
  .pt-3m {
    padding-top: 1rem;
  }
  .pt-4m {
    padding-top: 1.5rem;
  }
  .pt-5m {
    padding-top: 3rem;
  }

  /* Padding Bottom Mobile */
  .pb-1m {
    padding-bottom: 0.5rem;
  }
  .pb-2m {
    padding-bottom: 0.5rem;
  }
  .pb-3m {
    padding-bottom: 1rem;
  }
  .pb-4m {
    padding-bottom: 1.5rem;
  }
  .pb-5m {
    padding-bottom: 3rem;
  }

  /* Padding Left Mobile */
  .pl-1m {
    padding-left: 0.5rem;
  }
  .pl-2m {
    padding-left: 0.5rem;
  }
  .pl-3m {
    padding-left: 1rem;
  }
  .pl-4m {
    padding-left: 1.5rem;
  }
  .pl-5m {
    padding-left: 3rem;
  }

  /* Padding Right Mobile */
  .pr-1m {
    padding-right: 0.5rem;
  }
  .pr-2m {
    padding-right: 0.5rem;
  }
  .pr-3m {
    padding-right: 1rem;
  }
  .pr-4m {
    padding-right: 1.5rem;
  }
  .pr-5m {
    padding-right: 3rem;
  }

  /* Border Radius */
  .border-sm-left-5 {
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
  }
}
@media (max-width: 395px) {
  .order-website .domain-check-content .checked-success .icon-show {
    padding-top: 6px;
  }
  .checked-success.font-size-16 {
    font-size: 14px !important;
  }
  .keranjang-belanja .keranjang-belanja-list .box-harga::after {
    margin-left: 220px;
  }
  .form-check .form-check-label.d-flex img {
    width: 62px;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
  }
  .select2-container--default .select2-results > .select2-results__options {
    font-size: 13px;
  }
}