/* ====================================
   Global Fixes
==================================== */
body, html {
  max-width: 100%;
  overflow-x: hidden;
}
img {
  max-width: 100%;
  height: auto;
}

/* Flex button group fix */
.btn-group-flex {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}
.btn-group-flex button {
  flex: 1;
  min-width: 120px;
}

/* ====================================
   Large Devices (992px - 1199px)
==================================== */
@media (min-width: 992px) and (max-width: 1199px) {
  .section-title { font-size: 24px; }
  .navbar-expand-lg .navbar-nav .nav-link { padding: 0 10px; }
  .search-bar .form-group { width: 26.33%; }
  .sign-in li .nav-link { padding: 3px 10px; }
  #main-slide .carousel-caption { top: 26%; }
  #hero-area .contents .head-title { font-size: 30px; }
  #hero-area-two .contents .head-title { font-size: 36px; }
  .carousel-inner { margin-top: 62px; }
  .special-product img { height: 322px; }
  .tg-btn { padding: 3px 10px; }
  .services-item .services-content h3 a { font-size: 15px; }
  .featured-box .feature-content ul.address li a { font-size: 11px; }
  .counter-section .counter .counterUp { font-size: 30px; }
  #pricing-table .title h3 { font-size: 20px; }
  .testimonial-item .content h2 { font-size: 15px; }
  .subscribes p { font-size: 15px; }
  .single-cta h4 { font-size: 15px; }
  #list-view .list-box .feature-content { width: 57%; }
  .featured-box .feature-content h4 { font-size: 15px; }
  .featured-box .feature-content .btn-list .btn-price { padding: 10px 22px; }
  .categories-icon .icon-box h4 { font-size: 13px; }
  .widget_search { margin-bottom: 30px; }
  .featured-box .feature-content span { display: none; }
  .description h4 { font-size: 15px; }
  .details-box .ads-details-info h2 { font-size: 20px; }
  .details-box .ads-details-info .list-specification li { font-size: 11px; }
  .nav-table ul li a { padding: 7px; margin-bottom: 10px; }
  .sign-in li { margin-right: 0; }
  .services-tow-area .service-two-item-wrapper .services-item-two .services-content h3 a { font-size: 14px; }
  .services-tow-area .service-two-item-wrapper .services-item-two { padding: 40px 15px; }
  #blog .blog-item-text h3 { font-size: 15px; }
  .details-sidebar .posts-list .widget-thumb a img { max-width: 40px; }
}

/* ====================================
   Medium Devices (768px - 991px)
==================================== */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar { padding: 10px 0; }
  .top-bar .list-inline li { font-size: 13px; margin-right: 3px; }
  .search-bar .form-group { width: 48%; }
  .search-bar .btn { padding: 0; margin: 0; width: 48%; position: relative; }
  .contents-ctg { padding: 100px 0 200px; }
  #main-slide .carousel-caption { top: 30%; }
  .hero-heading { font-size: 26px; line-height: 40px; }
  .carousel-inner { margin-top: 62px; }
  #hero-area .contents .head-title { font-size: 30px; }
  #hero-area .contents p { font-size: 14px; }
  #hero-area-two .contents .head-title { font-size: 26px; }
  #hero-area-two .contents p { font-size: 14px; }
  .counter-section .counter .icon i { font-size: 45px; }
  .counter-section .counter .counterUp { font-size: 26px; }
  .counter-section .counter p { font-size: 14px; }
  .featured-box .feature-content ul.address li a { font-size: 13px; }
  .featured-box .feature-content h4 { font-size: 14px; }
  .services-item .services-content h3 a { font-size: 14px; }
  .single-cta { margin-bottom: 30px; }
  .special-product img { width: 100%; height: 240px; }
  .special-product figcaption h3 { font-size: 22px; }
  .testimonial-item .content h2 { font-size: 15px; }
  .product-item { margin-bottom: 30px; }
  .footer-Content .widget { margin: 20px 0; }
  .sidebar-box .user .usercontent h4 { font-size: 12px; }
  .blog-post-item { margin-bottom: 30px; }
  .dashboard-sections .contentbox h2 { font-size: 13px; }
  .card .table-total-checkout tbody tr td { font-size: 18px; }
  .pagination-bar { margin: 15px 0 40px; }
}

/* ====================================
   Small Devices (<= 767px)
==================================== */
@media (max-width: 767px) {
  .fixed-top { top: 100px; }
  .top-bar { text-align: center; padding-bottom: 10px; }
  .top-bar .list-inline { margin-bottom: 10px; }
  .navbar { padding: 10px 0; }
  .search-bar .form-group { width: 100%; }
  .search-bar .btn { width: 100%; margin-top: 10px; }
  .details-box { margin-top: 20px; padding: 15px; }
  .ads-details-info h2 { font-size: 18px; }
  .btn-group-flex { flex-direction: column; }
  .btn-group-flex button { width: 100% !important; }
  .special-product { margin-bottom: 30px; }
  .testimonial-item .content h2 { font-size: 15px; }
  .subscribes p { font-size: 13px; line-height: 22px; margin-bottom: 10px; }
  .single-cta h4 { font-size: 15px; }
  .subscribe .form-control { width: 100%; margin-bottom: 15px; }
  .featured-title { font-size: 22px; margin-top: 30px; }
  .featured-box .feature-content h4 { font-size: 14px; }
  .blog-post-item { margin-bottom: 30px; }
  .subscribe-inner { padding: 30px 15px; }
  .subscribes .subscribes-inner .sub-text h3 { font-size: 18px; }
  .contact-item { margin-bottom: 40px; }
  .details-box .ads-details-info .details-meta span { font-size: 11px; margin: 5px 0; }
  .details-box .ads-details-info h2 { font-size: 18px; }
  .details-box .ads-details-info .list-specification li { width: 100%; }
}
/* Force left alignment on smaller screens */
@media (max-width: 768px) {
  .ads-details-info,
  .details-sidebar,
  .details-box,
  .widget,
  .list-specification,
  .ads-details-info h2,
  .ads-details-info p,
  .ads-details-info ul,
  .ads-details-info h4 {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Buttons full width stacked on mobile */
  .ads-details-info form .btn,
  .ads-details-info button {
    width: 100% !important;
  }

  /* Add space between stacked buttons */
  .ads-details-info form .btn + button {
    margin-top: 10px;
  }
}


/* ====================================
   Extra Small Devices (<= 480px)
==================================== */
@media (max-width: 480px) {
  .section-title { font-size: 18px; }
  .ads-details-info h2 { font-size: 16px; }
  .special-product img { height: auto; }
  footer .footer-logo img { width: 60%; }
  .error-content .error-message h2 { font-size: 90px; }
  .img-box:hover .img-box-content { bottom: 25px; }
  footer .footer-Content { padding: 30px 0; }
}

@media (max-width: 767.98px) {
  .no-top-mobile {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}