/* ============================= */
/* RESPONSIVE MOBILE/CSS FIXES   */
/* ============================= */
@media (max-width: 1024px) {
  .search-dropdown { grid-template-columns: 1fr; padding: 20px; }
  .search-col::after { display: none; }
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .mega-menu { width: 100%; position: static; }
  .hero-section .slide-content { height: auto; }
  .hero-section .hero-slide .title { font-size: 40px; }
  .hero-section .hero-slide .description { font-size: 14px; margin: 10px 0; }
  .hero-section .badges { gap: 9px; flex: 0 0 47%; }
  .hero-section .badge-item { font-size: 0.9rem; margin-bottom: 10px; }
  .hero-section .slick-prev, .hero-section .slick-next { font-size: 1.5rem; }
  .hero-section .slick-dots { right: 43% ; }
  .shop-category-card { margin: 0 5px; }
   ul.category-list li {flex: 0 0 31% !important;}
  .wc-page-brand ul.products.columns-3, .wc-page-shop ul.products.columns-3, .related.products .products.columns-3 {grid-template-columns: repeat(3, 1fr);}
  .wc-page-category .products.columns-3{ grid-template-columns: repeat(2, 1fr);} 
  .shop-categories-slider .slick-prev {left: 88%;}   
}
@media (max-width: 996px) {
  .single-product .product_title {
    font-size: 21px;
}
}

@media (max-width: 992px) {
  .about-sec h1 { font-size: 2.8rem; }
  .who-we h2, .team-values h2, .section-heading { font-size: 2.2rem; }
  .search-result .container { flex-direction: column; }
  .search-result .sidebar, .search-result .main { width: 100%; }
  .search-result .products { grid-template-columns: repeat(2, 1fr); }
  .menu>.menu-item>a { padding: 8px 9px; }
  .wc-page-brand ul.products.columns-3, .wc-page-shop ul.products.columns-3, .related.products .products.columns-3 { grid-template-columns: repeat(2, 1fr);}
  .feature-card:not(:last-child)::before {width: 120px;right: -60px;}
  .brand-columns { grid-template-columns: repeat(4, 1fr);gap: 30px;}     
  .brand-directory { padding: 30px 0px;}
}

@media (max-width: 900px) {
  .search-result .search-topbar { flex-direction: column; align-items: flex-start; gap: 10px; }
  .search-result .topbar-right { flex-wrap: wrap; }
  .shop-categories-slider .slick-next,.shop-categories-slider .slick-prev {top: 50%;}
  .shop-categories-slider .slick-prev {left: 1%}
}

@media (max-width: 800px) {
 .menu > .menu-item > a { gap: 2px;font-size: 14px !important;}
}

@media (max-width: 768px) {
  .woocommerce ul.products li.product-category img { height: 160px; }
  .woocommerce ul.products li.product-category h2 { font-size: 15px; }                                                           
  .about-sec { padding: 60px 20px; }
  .about-content { grid-template-columns: repeat(1, 1fr); }
  .about-sec h1 { font-size: 2.3rem; }
  .about-sec p { font-size: 1.1rem; }
  .contact-info, .mission-vision, .team-values { padding: 60px 20px; }
  .contact-item, .quote-section { padding: 20px !important; }
  .mv-card { padding: 30px 20px; }
  .products-grid, .product-section .product-container, .features-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .cta-wrapper {gap: 40px;}
  .cta-info, .cta-media { flex: 0 0 100% !important; width: 100%; max-width: 100% !important; gap: 20px; }
  .supply-content, .supply-features { flex: 0 0 100%; }
  .quality-grid { grid-template-columns: 1fr; }
  .quality-wide { grid-column: span 1; flex-direction: column; }
  .contact-wrapper { grid-template-columns: 1fr; gap: 20px; }
  .contact-item i { font-size: 25px; }
  .contact-item h4 { font-size: 1rem; }
  .contact-item p, .contact-item a { font-size: 0.9rem; }
  .mv-grid{ grid-template-columns: repeat(2, 1fr) !important; }
  .shop-categories-slider-wrapper { margin-top: -90px !important; }
  .hero-section .slide-content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; height: auto; }
  .hero-section .slider-head { flex: 0 0 100%; margin-bottom: 30px; text-align: center; }
  .hero-section .hero-slide .title { font-size: 30px; }
  .hero-section .hero-slide .description { font-size: 13px; }
  .hero-section .badges { justify-content: center; gap: 10px; margin-top: 20px; flex: 0 0 47%; }
  .hero-section .badge-item { font-size: 0.85rem; margin: 5px; }
  .hero-section .slick-prev, .hero-section .slick-next { font-size: 1.2rem; }
  .hero-section .slick-dots li button:before { width: 5px; height: 5px; }
  .hero-section .slick-dots { right: 0% !important; }
  .hero-section .hero-slide {height: 700px;}
  .shop-category-card { height: 250px; }
  .shop-category-content h3 { font-size: 20px; }
  .about-our .left, .about-our .right { max-width: 100% !important; }
  .contact-form { padding: 16px; }
  .contact-form .form-header h2 { font-size: 26px; }
  .search-dropdown { top: 169px; }
  .cta-media img {max-width: 100%;}
  .about-section img {height: auto;}
  section.about-img-sec img {height: 300px; object-fit: cover; width: 100%;}
  .who-we{padding: 0 0 60px}
  .features-grid{margin-top:0 !important}
  .brand-item img {height: 77px;}
  .brand-item {height: 90px !important;}
  ul, ol { margin: 0 0 1.41575em 1.8em;}
  ul.category-list li { flex: 0 0 47% !important;}
  .wc-category-layout{ flex-wrap:wrap; }
  .sidebar {position: static !important; width: 100% !important;}
  .wc-category-products {max-width: 100% !important; width: 100% !IMPORTANT;}
  .back-to-back { line-height: 100%;}
  .category-list li a { width: 100%;}
  .summary.entry-summary { padding-left: 0;margin-top: 24px; width: 100% !important;}
  .woocommerce-product-gallery {width: 100% !important}
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-4.images {flex-direction: column;}
  ol.flex-control-nav.flex-control-thumbs {flex-direction: row;justify-content: center;} 
  table.woocommerce-orders-table thead{display:none!important}
  table.woocommerce-orders-table tr{display:block!important;margin-bottom:15px!important;padding:12px!important}
  table.woocommerce-orders-table td{display:flex!important;justify-content:space-between!important;padding:10px 0!important;border-bottom:1px solid #eee!important}
  table.woocommerce-orders-table td:last-child{border-bottom:none!important}
  .feature-card:not(:last-child)::before{display:none}
  .wc-block-grid__products{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
  .entry-title{font-size:2em}
  .page-id-248 .wishlist-title-container{flex-direction:column;align-items:flex-start;gap:10px}
  .page-id-248 .wishlist_table td.product-thumbnail img{width:60px;height:60px}
  nav.yoast-breadcrumbs{font-size:13px;padding:.75rem 1rem}
  .category-header .main-title {font-size: 28px;}
  .category-header .description { font-size: 14px;}
  .brand-columns {grid-template-columns: repeat(3, 1fr); gap: 25px;}    
  .brand-letters a {padding: 7px 12px;margin: 2px;font-size: 15px;}
}

@media (min-width: 768px) {
  .mobile-menu-overlay{ display: none !important;}
}

@media (max-width: 767px) {
  .search-container {display: none;}
  nav.main-menu {display: none;}
  .header-actions a.action-link {display: none !important;}
  .cta-info, .cta-media {flex: 0 0 100% !important;}
  .hero-section .slider-head a {justify-content: center;}
  .cta-info , .cta-media{flex: 0 0 100% !important;gap: 20px;}
  .footer-links ul{gap: 8px;}
  .cta-info, .cta-media {flex: 0 0 100% !important; width: 100%;max-width: 100% !important;}
  .supply-content {flex: 0 0 100%;}
  .entry-content {padding: 0px !important;}
  .page-id-42 .entry-content {padding: 0 16px !important;}
   .mobile-menu-toggle { display: block; }
   a#how-login-form span { justify-content: center;}
   .single-product .site-main {padding-inline: 16px; }
}

@media (max-width: 640px) {
    .rfq-row { flex-direction: column;}
}

@media (max-width: 600px) {
  .mega-product .product-list { flex-direction: column; align-items: center; }
  .mega-product .product-item { width: 100%; max-width: 320px; }
  .contact_info ul li a { font-size: 0; }
  .contact_info ul li a i { font-size: 16px;font-size: initial;}
}

@media screen and (max-width: 576px) {
  .brand-columns {grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 20px;}
  .brand-letters a {padding: 6px 10px;margin: 2px;font-size: 14px;}
  .brand-directory {padding: 25px 0px;}                                  
}

@media (max-width: 520px) {
    .woocommerce-LostPassword {bottom: 109px !important;}
    .rfq-intro h1 { font-size: 24px;}
}

@media (max-width: 500px) {
    .contact_info ul li a { justify-content: center; }
     ul.category-list li { flex: 0 0 100% !important;}
}

@media (max-width: 480px) {
  .about-sec h1 { font-size: 2rem; }
  .contact-info-wrapper { grid-template-columns: 1fr; }
  .contact-item { flex-direction: column; text-align: center; gap: 15px; }
  .feature-card, .value-item { padding: 25px 20px; }
  .products-grid,
  .about-content,
  .features-grid,
  .about-stats,
  .product-section .product-container { grid-template-columns: 1fr !important; }
  .section-title { font-size: 20px !important; }
   button.btn.view-btn { padding: 5px 8px; font-size: 16px; }
  .product-slider .swiper-wrapper .product { text-align: center; }
  .product-slider .swiper-wrapper .product h3,
  .product-slider .swiper-wrapper .product p { text-align: left; }
  h2.dash::after { left: 23%; }
  a.view-all-link { text-align: center; width: 100%; }
  .cta-info { color: #fff; text-align: center; h2{text-align: center;} }
  .header-title { font-size: 1.7rem; }
  .hero-section .badge-item { font-size: 0.65rem; padding: 5px 8px; gap: 5px; }
  .hero-section .badge-item i { font-size: 14px; color: var(--primary-main); }
  .shop-categories-slider .slick-prev,
  .shop-categories-slider .slick-next { top: 50%; width: 30px; height: 30px; }
  .shop-categories-slider .slick-prev i,
  .shop-categories-slider .slick-next i { font-size: 15px; line-height: 100%; }
  .brands-az { display: flex; flex-wrap: wrap; gap: 2px; }
  .wmc-content { max-width: 100% !important; }
  .product-section { padding: 40px 0; }
  a.view-all-link { width: auto !important; }
  .contact-item i { font-size: 20px; }
  .contact-item h4 { font-size: 0.9rem; }
  .contact-item p, .contact-item a { font-size: 0.8rem; }
  .mv-grid,   .hero-grid { grid-template-columns: 1fr !important; }
  .section-header, .hero-cta { flex-wrap: wrap; gap: 14px; }
  .hero-content h1 { font-size: 2rem; }
  span.hide { display: none; }
  .wc-page-brand ul.products.columns-3, .wc-page-shop ul.products.columns-3, .related.products .products.columns-3 ,.wc-page-category .products.columns-3 { grid-template-columns: 1fr;gap: 24px;}*/
  .search-result .products { grid-template-columns: 1fr; }
  nav.yoast-breadcrumbs {font-size: 12px;padding: 0.5rem 0.75rem;}
  .brand-letters a {padding: 5px 8px;margin: 2px;font-size: 13px;}
  .brand-group ul { display: flex; justify-content: flex-start;width: 100%;text-align: left;}
  .brand-group li {break-inside: avoid;}
}
 
@media (max-width: 400px) {
    .woocommerce-LostPassword {position:static!important;}
    .wc-page-product .rfq-wrapper {margin-bottom: 10px; float: none;}
}
@media (max-width: 375px) {
    .single-product .product_title { font-size: 20px;}
}

@media screen and (max-width: 320px) {
    .brand-letters a { padding: 4px 6px;margin: 1px;font-size: 12px;}   
    .brand-group ul {column-count: 1;}
}

@media (max-width: 768px) {
 
}