/* Template Grid Mobile - 2 kolom */
@media (max-width: 767.98px) {
  .template-item.col-md-3 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .template-item .card-body {
    padding: 0.75rem !important;
  }

  .template-item .card-body h6 {
    font-size: 0.875rem;
    margin-bottom: 0.25rem !important;
  }

  .template-item .card-body p {
    font-size: 0.7rem !important;
    margin-bottom: 0.5rem !important;
  }

  .template-item .position-relative {
    height: 200px !important;
  }

  .template-item .btn {
    font-size: 0.7rem !important;
    padding: 0.375rem 0.5rem;
  }

  .template-item .d-flex.gap-2 {
    gap: 0.5rem !important;
  }
}

/* Search Box Mobile */
@media (max-width: 767.98px) {
  .widget-search {
    width: 100% !important;
    max-width: 100% !important;
  }

  .widget-search .searchform {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
}

/* Hero Section Mobile */
@media (max-width: 767.98px) {
  .bg-half-170 {
    padding: 80px 0 40px !important;
  }

  .title-heading h5 {
    font-size: 1.25rem;
  }

  .title-heading p {
    font-size: 0.875rem;
  }
}

/* Pagination Mobile */
@media (max-width: 575.98px) {
  .pagination .page-item {
    font-size: 0.85rem;
  }

  .pagination .page-link {
    padding: 0.375rem 0.625rem;
  }
}