@media (min-width:547px){
    .carousel-content{width:70%;}
    .product-categories{padding: 20px;}
    .product-img {display: flex;justify-content: center;width: 100%;}
    .product-card{display: block;}
    .product-info{width:100%;}
    .product-tags{justify-content: center;}
    .list-btn{text-align:center;}  
    .testing-slide{display: block;}
    .testing-slide video{width:100%;}
    .testing-info{text-align: center;min-height: 0px;}

    .factory-item {width: calc(50% - 8px);}
    .factory-image {height: 180px;}
    .factory-info {padding: 15px;}
    .factory-name {font-size: 17px;}
    .factory-desc {font-size: 14px;}
            
}

@media (min-width: 768px) {
    :root {font-size: 17px;}

    .carousel-content{width: 65%;}
    .carousel-content h1 {font-size: 1.7rem;margin-top:30px;}
     .carousel-content-btns .btn-outline{display: block;}
    .carousel-content-btns a{width:200px;text-align: center;padding: 0.6rem;}
    .carousel-content-btns{bottom: 70px;}
   
    
    .sec-btn:hover{font-weight: bold;}
    .btn:hover {background: var(--accent-light);transform: translateY(-3px);box-shadow: 0 5px 15px rgba(255, 102, 0, 0.3);}
    .btn-outline:hover {background: var(--accent);color: white;}
    .social-links-header a:hover {color: #ff9d4d;}
    .product-card:hover {transform: translateY(-10px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
    .feature-item {width: 45%;}
    .case-card:hover {transform: translateY(-10px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
    .case-card:hover a{color: var(--accent);}
    .ab-btn:hover{background-color: var(--accent);color: #fff;}
    .testing-slide:hover{transform: translateY(-10px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
    .testing-slide:hover h3{color: var(--accent);}
    .cert-card:hover {transform: translateY(-10px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
    .certs-container {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;}
    .testimonial-card:hover {transform: translateY(-10px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
    .footer-links a:hover {color: var(--accent);padding-left: 5px;}
    .social-links a:hover {background: var(--accent);transform: translateY(-5px);}
    .search-home-container{text-align: left;}
    .breadcrumbs-home-container li{font-size:0.9em;}
    .breadcrumbs-home-container a:hover{color:var(--primary-dark) ;}
    .breadcrumbs-home-container{display: flex;}
    .banner-breadcrumbs{display: flex;padding: 0 30px;}

    .detail-category-list li:hover {color:var(--accent);}
    .sidebar-prolist li:hover img{transform: scale(1.05);transition: var(--transition);}
    .sidebar-prolist li:hover a{color: var(--accent);}
    .buy-btn:hover {background-color:var(--accent-light);}
    .pagination {margin: 2.5rem 0;}
    .tags {display:block;}
    
    .tab-header.fixed {padding:10px 20px 0 20px;}
    .tags a:hover {background-color: #666;color:#fff;border-radius:3px;padding: 5px;}
    .post-prev-next a:hover{color: #000;}
    .blog-card:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.1);transform: translateY(-5px);}
    .tag-card:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.1);transform: translateY(-5px);}
    .factory-envi:hover {transform: translateY(-5px);box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);}
    .contact-item:hover {transform: scale(1.1);}
    .contact-sidebar p:hover span {opacity: 1;z-index: 1;bottom: calc(100% );}
    .privacy-consent {gap: 10px;}
    .tag-grid {grid-template-columns: repeat(4, 1fr);}

    .cookie-consent-banner {padding: 1.5rem;}
    .cookie-consent-content {flex-direction: row;align-items: center;max-width: 1200px;margin: 0 auto;}
    .cookie-consent-text {flex: 1;margin-right: 1.5rem;}
    .cookie-consent-buttons {flex-direction: row;flex-shrink: 0;}
    .cookie-consent-button {max-width: 140px;}

    .factory-item {width: calc(33.33% - 10px);} 
    .factory-image {height: 200px;} 
    .factory-info {padding: 18px;}
    .factory-name {font-size: 18px;}

    .about-img{display:none;}
    
}

@media (min-width: 1024px) {
    .container {width: 96%;}
    .contact-info-left > :nth-child(1),.contact-info-left > :nth-child(3) {display: block;}
    .contact-info-left {display: flex;gap: 30px;}
    .contact-info-left a{color: #fff;text-decoration: none;}
    .contact-info-left div {display: flex;gap: 8px;}
    .hamburger {display: none;}

    .nav-menu {position: static; flex-direction: row; width: auto; padding: 0; background: transparent;clip-path: none !important; display: flex !important;}
    .nav-menu li { margin: 0 15px;width: auto;}
    .nav-menu a {color: white;padding: 15px 0;}
    .nav-menu > li > a:after{content: '';position: absolute;bottom: 10px;left: 0;width: 0;height: 2px;background: var(--accent);transition: var(--transition);}
    .nav-menu > li > a:hover {color: var(--accent);}
    .nav-menu > li > a:hover:after {width: 100%;}
    .sub-menu {position: absolute;background-color: rgba(0, 34, 112, 0.9);margin-top: 10px;min-width:250px;margin-left: 0;opacity: 0;visibility:hidden;transform: translateY(10px);transition: all 0.3sease;z-index: 100;border-radius: 5px; max-height: none !important;}
    .sub-menu li{margin-left: 0;width: 100%;}
    .sub-menu li a {padding: 10px 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
    .nav-menu > li.has-submenu {position: relative;padding-right: 20px;}
    .nav-menu > li.has-submenu:hover .sub-menu {opacity: 1;visibility: visible;transform: translateY(0);}
    .nav-menu > li.has-submenu::after {content: '';top: 50%;right: 0;position: absolute;;display: inline-block;margin-left: 8px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #ecf0f1;transition: transform 0.3s ease; vertical-align: middle;}
    .nav-menu > li.has-submenu:hover::after {transform: translateY(-50%) rotate(180deg);}
    .nav-menu > li.has-submenu > a {padding-right: 0;}
    .submenu-toggle {display: none;}

    .milestone-item{width:23%;}
    .about-container {display: flex;gap: 50px;}
    .about-img {flex:0 0 40%;;width: 100%;}
    .about-img video{width: 100%;}
    .about-content {flex: 1;margin-top: 0;}

    .ab-btn{display: inline; }
    .features-container {display: flex;gap: 50px;}
    .features-img{flex: 0 0 50%;height: 400px;}
    .features-img img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
    section {padding: 60px 0;}
    .footer-container > div:not(:first-child){display: block;}
    .footer-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 40px;margin-bottom: 40px;}
    .sidebar{display:block;flex: 0 0 26%;min-width: 0;}
    .product-lists-title {padding:0;margin-bottom: 0;}
    .product-menu-lists{display:none;}
    .overview-content { display: flex;gap: 50px;}
    .sec-contact {display: flex;}
    .top-section {display: flex;gap: 30px;}
    .spec-section{padding: 0;}

    .carousel,.carousel-content{height: 600px;}
    .carousel-content-btns{bottom: 130px;}
    .carousel-content p {display:block;font-size: 1.2rem;margin-bottom: 30px;}

    .sidebar-prolist li>a{flex: 0 0 35%;}
    .contact-sidebar {width: auto;bottom: auto;left: auto;flex-direction: column;right: 5px;top: 50%;transform: translateY(-50%);border-radius: 32px;padding: 0;}
    .contact-sidebar p {border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .contact-item i {font-size: 1.2rem;}
    .contact-sidebar span {top: 50%;right: 100%;transform: translateY(-50%);margin-top: 0;}
    .contact-sidebar span:after {right: -4px;top:auto;margin-top: 0;border-width: 5px 0 5px 5px;border-left-color: var(--gray);border-top-color:transparent;}
    .contact-sidebar p:hover span {right: calc(100% + 15px);}
    .detail-category-list a:hover {color: #0066cc;font-weight: 600;}
    .privacy-consent {gap: 12px;}
    .entry-footer a{width: 10%;}
    .results-btn:hover{background: var(--accent-light);color: white;}
    .tab-btn {padding: 10px 20px;}
    .cookie-consent-button {max-width: 160px;}
    .cta-feature{width:20%;}
    .feature-item{width:23%}
    .content-detail{padding:0 20px 20px 20px;}

    .factory-item {width: calc(25% - 11.25px);}      
    .factory-image {height: 220px;}   
    .about-img{display:block;}

    .blog-img-tagpage{width:30%}
}

@media (min-width: 1280px) { 
  .about-content {margin-top: 0;}
}