/* 320px mobile refinement for main public pages */
@media (max-width: 360px) {
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #apus-breadscrumb,
  .apus-breadscrumb {
    padding: 24px 0 !important;
  }

  .bread-title {
    font-size: 24px !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }

  .breadcrumb {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    font-size: 12px !important;
    line-height: 1.3;
  }

  .my-mobile-header img {
    max-height: 40px !important;
  }

  .my-mobile-menu-list {
    max-height: 72vh;
    overflow-y: auto;
  }

  .my-mobile-menu-list li a {
    padding: 10px 12px !important;
    font-size: 13px;
    line-height: 1.3;
  }

  .btn-pay-bill,
  .btn-login-trigger,
  .btn-send,
  .btn-slider-primary,
  .btn-slider-secondary,
  .btn-service,
  .content-button a,
  .btn {
    min-height: 42px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    padding: 10px 12px !important;
  }

  .whatsapp-float {
    width: 52px !important;
    height: 52px !important;
    right: 14px !important;
    bottom: 14px !important;
    font-size: 28px !important;
  }

  .row > [class*="col-"] {
    margin-bottom: 12px;
  }

  .feature-box {
    padding: 22px 16px !important;
    margin-bottom: 16px !important;
    border-radius: 12px !important;
  }

  .fbox-icon .inner {
    width: 64px !important;
    height: 64px !important;
    line-height: 64px !important;
  }

  .fbox-icon i {
    font-size: 26px !important;
  }

  #rev_slider_2_1 .tp-caption {
    max-width: calc(100vw - 28px) !important;
    white-space: normal !important;
  }

  #rev_slider_2_1 .tp-caption .btn-slider-primary,
  #rev_slider_2_1 .tp-caption .btn-slider-secondary {
    display: inline-block !important;
    margin-bottom: 8px !important;
    margin-right: 6px !important;
  }

  .service-box {
    padding: 24px 16px !important;
    margin-bottom: 16px !important;
    border-radius: 10px !important;
  }

  .service-title {
    font-size: 17px !important;
    line-height: 1.28;
  }

  .service-desc {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  .service-features li {
    font-size: 12px !important;
    margin-bottom: 6px !important;
  }

  .local-badge,
  .global-badge {
    font-size: 9px !important;
    padding: 4px 8px !important;
  }

  .pricing-table {
    margin-top: 0 !important;
  }

  .kc-pricing-tables {
    margin-bottom: 16px !important;
    border-radius: 10px !important;
  }

  .header-pricing {
    padding: 18px 12px !important;
  }

  .content-title div:first-child {
    font-size: 21px !important;
    line-height: 1.2;
  }

  .content-price {
    font-size: 36px !important;
  }

  .content-desc {
    padding: 14px !important;
  }

  .content-desc li {
    font-size: 13px !important;
    padding: 8px 0 !important;
  }

  .content-button {
    padding: 0 14px 18px !important;
  }

  .content-button a {
    width: 100%;
    text-align: center;
    border-radius: 10px !important;
  }

  .contact-info-box,
  .contact-form-box {
    padding: 18px 14px !important;
    margin-bottom: 16px !important;
  }

  .info-title {
    font-size: 16px !important;
  }

  .info-text {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .contact-label {
    width: auto !important;
    display: inline !important;
    margin-right: 4px;
  }

  .contact-number {
    font-size: 14px !important;
  }

  .contact-form-box h3 {
    font-size: 21px !important;
    line-height: 1.25;
  }

  .form-control {
    height: 42px !important;
    font-size: 16px !important;
  }

  textarea.form-control {
    min-height: 120px !important;
    height: auto !important;
  }

  .map-container {
    height: 230px !important;
    margin-top: 14px !important;
  }
}