@media (max-width: 1899px) {

}

@media (max-width: 1799px) {

}

@media (max-width: 1699px) {

}

@media (max-width: 1599px) {
	:root{ --global-font-size-html: 16px; }
    body .container{ max-width: 1550px; }
	body header#masthead .header-main ul.menu-wrapper{gap: 0 2rem;}
	body header#masthead .header-main ul.menu-wrapper li a{font-size: 1rem;}
	body header#masthead .header-main ul.menu-wrapper li.menu-item.btn a{font-size: 1.125rem;}
	body #content .main-head{font-size: 3rem;}
}
@media (max-width: 1499px) {
	:root{ --global-font-size-html: 15px; }
	body .container{ max-width: 1450px; }
}
@media (max-width: 1399px) {
	:root{ --global-font-size-html: 14px; }
	body .container{ max-width: 1250px; }
}
@media (max-width: 1299px) {
	:root{ --global-font-size-html: 14px; }
	body .container{ max-width: 1150px; }
}
@media (max-width: 1199px) {
	:root{ --global-font-size-html: 13px; }
	body .container{ max-width: 1100px; }
	body #content .prod-cat-grid .prod-cat-card{ aspect-ratio: 1 / 1.05; }
	body #content .prod-cat-grid .prod-cat-card .prod-cat-txt{ padding: 1.5rem 1.25rem; }
	body #content .prod-cat-grid .prod-cat-card .prod-cat-txt .main-head{ font-size: 1.5rem; }
}
@media (max-width: 1099px) {
	:root{ --global-font-size-html: 12px; }
	body .container{ max-width: 1000px; }
}
@media (max-width: 1024px) {
	:root{ --global-font-size-html: 11px; }
	body .container{ max-width: initial; }
	body #content .main-head{font-size: 3.8rem;}
	body #content .prod-cat-grid{ grid-template-columns: repeat(2, 1fr); }
	body #content .brands-grid > .wpb_column > .vc_column-inner > .wpb_wrapper{ grid-template-columns: repeat(3, 1fr); }
	body #content .brands-grid .brand-img{ min-height: 8.5rem; padding: 1.25rem 1rem; }
	body #content .sys-row > .wpb_column > .vc_column-inner > .wpb_wrapper{ padding: 2rem 1.5rem !important; }
	body #content .sys-row .txt .main-head{ font-size: 1.5rem; }
	body #content .cta-sec{ padding: 5rem 0 !important; }
	body #content .cta-sec .main-head{ font-size: 2.5rem; }
}
@media (max-width: 768px) {
	:root{ --global-font-size-html: 14px; }
	body .flex-row{ flex-direction: column;}
	body .flex-row .col-1{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-2{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-3{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-4{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-5{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-6{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-7{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-8{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-9{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-10{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-11{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-12{ flex: 0 0 100%; width: 100%; }
	body .desk-hidden{display: block !important;}
	body .mob-hidden{display: none;}
	body header#masthead div.mob-flex{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 1rem; }
	body header#masthead .mob-flex .logo{width: 65%; flex: 0 0 65%;}
	body header#masthead .mob-flex .logo img{width: 40%; height: auto;}
	body header#masthead.sticky .header-main .logo img{width: 35%;}
	body header#masthead .mobile-menu-link{display: block !important;}
	body header#masthead .mob-flex .mobile-menu-link{width: 35%; flex: 0 0 35%;}
	body header#masthead .mob-flex .menu-link{display: flex; justify-content: end; align-items: center;}
	body header#masthead .mob-flex .menu-link b{display: block; background: #313D97 ; width: 30px; height: 2px; border-radius: 20px; margin-top: 10px; transition: 0.4s;}
	body header#masthead .mob-flex .menu-link b:first-child{margin-top: 0;}
	body header#masthead .main-menu{display: none !important;}
	body header#masthead .header-cta{display: none;}
	body #content .page-header{height: 50dvh;}
	body #content .btn-flex{flex-direction: column; gap: 1rem; align-items: self-start;}
	body #content .btn-flex.justify-center{align-items: center;}
	body #content .hero-sec .hero-slider .hero-txt .main-head{font-size: 2.5rem;}
	body #content .hero-sec .hero-slider .hero-img img{height: 100dvh;}
	body #content .hero-sec .hero-slider .hero-txt{max-width: 90%;}
	body #content .about-sec .about-num-row .about-txt{padding: 1.2rem 0.7rem;}
	body #content .about-sec .about-num-row .about-txt .about-num{font-size: 1.5rem;}
	body #content .btn-arrow a, body #content .btn-2 a, body #content .btn a{font-size: 1.125rem; display: inline-block;}
	body #content .prod-cat-grid{ grid-template-columns: 1fr; }
	body #content .prod-cat-grid .prod-cat-card{ aspect-ratio: 16 / 10; }
	body #content .prod-cat-grid .prod-cat-card .prod-cat-txt .main-head{ margin-bottom: 0.75rem; }
	body #content .prod-cat-grid .prod-cat-card .prod-cat-txt p{ max-height: 5rem; opacity: 1; visibility: visible; transform: none; margin-bottom: 1.125rem; }
	body #content .prod-cat-grid .prod-cat-card .prod-cat-txt .prod-cat-link{ max-height: 2rem; opacity: 1; visibility: visible; transform: none; }
	body #content .brands-grid > .wpb_column > .vc_column-inner > .wpb_wrapper{ grid-template-columns: repeat(2, 1fr); }
	body #content .brands-grid .brand-img{ min-height: 7.5rem; padding: 1rem 0.75rem; }
	body #content .brands-grid .brand-img img{ max-width: 75%; max-height: 3.5rem; }
	body #content .sys-row > .wpb_column{ margin-bottom: 1rem; }
	body #content .sys-row > .wpb_column > .vc_column-inner > .wpb_wrapper{ padding: 2rem 1.5rem !important; }
	body #content .sys-row .sys-icon{ margin-bottom: 1.5rem; }
	body #content .sys-row .txt .main-head{ font-size: 1.5rem; }
	body #content .cta-sec{ padding: 4rem 0 !important; }
	body #content .cta-sec .btn-flex{ flex-direction: column; align-items: center; }
	body #content .cta-sec .btn-flex .btn a,
	body #content .cta-sec .btn-flex .btn-2 a{ width: 100%; justify-content: center; }
	body #content .prod-cat-grid,
    body #content .product-archive-grid{ grid-template-columns: 1fr; }
    body #content .prod-cat-grid .prod-cat-card{ height: 320px; }
	body #content #specifications .border-img{margin-bottom: 1.5rem;}
	body #content .main-head{font-size: 2.5rem;}
	body #content .sub-head{font-size: 1.5rem;}
	body #content .page-header .page-header-inner .page-title{font-size:2.8rem;}
	body #content .office-locations{ grid-template-columns: 1fr; }
	body #content .office-location{ min-height: 22rem; padding: 2rem 1.5rem; }
	body #content .office-location > h3{ font-size: 2.25rem; }
	body #content ul.product-navigator{gap:2rem 3rem;}
	body form > h2{ font-size: 2.5rem; margin-bottom: 1.5rem; }
	body form .interval-radio .wpcf7-list-item{ min-width: 100%; }
	body .quote-popup-overlay .quote-popup-box,
	body .demo-popup-overlay .demo-popup-box{ padding: 1.75rem; }
	body .demo-popup-overlay .demo-popup-title{ font-size: 1.75rem; }

	/* Solutions Tour Mobile */
	body #content .solutions-sec .solutions-tour{ grid-template-columns: 1fr; gap: 1.5rem; }
	body #content .solutions-sec .solutions-tour .vc_tta-tabs-container{ display: block !important; padding-right: 0; border-right: none; border-bottom: 1px solid rgba(5, 7, 8, 0.08); padding-bottom: 1rem; }
	body #content .solutions-sec .solutions-tour .vc_tta-tabs-container .vc_tta-tabs-list{ flex-direction: row; flex-wrap: nowrap; overflow-x: auto; gap: 0; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
	body #content .solutions-sec .solutions-tour .vc_tta-tabs-container .vc_tta-tabs-list::-webkit-scrollbar{ display: none; }
	body #content .solutions-sec .solutions-tour .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab{ border-bottom: none; border-right: 1px solid rgba(5, 7, 8, 0.07); }
	body #content .solutions-sec .solutions-tour .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:first-child{ border-top: none; border-left: 1px solid rgba(5, 7, 8, 0.07); }
	body #content .solutions-sec .solutions-tour .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab .vc_tta-panel-title > a{ padding: 0.6rem 1rem; border-left: none; border-bottom: 2px solid transparent; white-space: nowrap; font-size: 0.85rem; }
	body #content .solutions-sec .solutions-tour .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab .vc_tta-panel-title > a:hover{ padding-left: 1rem; border-bottom-color: rgba(26, 175, 219, 0.4); border-left-color: transparent; }
	body #content .solutions-sec .solutions-tour .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active .vc_tta-panel-title > a{ border-left-color: transparent; border-bottom-color: #1AAFDB; padding-left: 1rem; }
	
	body #content .solutions-sec .solutions-tour .vc_tta-panels-container{ padding-left: 0; }
	body #content .solutions-sec .solutions-tour .solutions-content-row{ flex-direction: column; }
	body #content .solutions-sec .solutions-tour .solutions-img-col img{ min-height: 13rem; height: 13rem; border-radius: 1rem; }
	body #content .solutions-sec .solutions-tour .solutions-text-col > .vc_column-inner > .wpb_wrapper{ padding: 1.25rem 0 0; }
	body #content .solutions-sec .solutions-tour .solutions-title{ font-size: 2rem; }

}

@media (max-width: 991px) {

	body footer#colophon{ border-radius: 1.25rem 1.25rem 0 0; }
	body footer#colophon .footer-main{ padding: 3rem 0 2rem; }
	body footer#colophon .footer-top{ flex-direction: column; gap: 2.5rem; }
	body footer#colophon .footer-left,
	body footer#colophon .footer-right{ flex: 0 0 100%; width: 100%; padding: 0; text-align: left; }
	body footer#colophon .footer-right ul.menu{ justify-content: flex-start; gap: 0.75rem 1.25rem; }
	body footer#colophon .footer-right .footer-addresses p,
	body footer#colophon .footer-right .widget.footer-addresses p{ text-align: left; }
	body footer#colophon .copyright p{ text-align: center; }



}

@media (max-width: 576px) {
	body .traceenterprise-cat-grid .traceenterprise-cat-grid__list{ grid-template-columns: 1fr; }
	body .product-specs .features .grid{ grid-template-columns: 1fr; }
}

/* ─── Blog Single Post Responsive ─────────────────────────────────── */
@media (max-width: 1100px) {
	body #content .blog-single-article .blog-single-layout{ grid-template-columns: minmax(0,1fr) 260px; gap: 2rem; }
	body #content .blog-single-article .blog-single-header .blog-single-title{ font-size: 2.5rem; }
	body #content .blog-single-article .blog-single-hero{ height: 400px; }
}

@media (max-width: 1024px) {
	body #content .blog-single-article .blog-single-layout{ grid-template-columns: 1fr; gap: 2.5rem; }
	body #content .blog-single-article .blog-single-sidebar{ position: static; }
	body #content .blog-single-article .blog-more-section .blog-more-grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
	body #content .blog-single-article{ padding: 2rem 0 3.5rem; }
	body #content .blog-single-article .blog-single-header{ margin-bottom: 1.5rem; }
	body #content .blog-single-article .blog-single-header .blog-single-title{ font-size: 2.25rem; }
	body #content .blog-single-article .blog-meta-row{ flex-direction: column; align-items: flex-start; gap: 0.625rem; }
	body #content .blog-single-article .blog-single-hero{ height: 260px; border-radius: 0.875rem; margin-bottom: 2rem; }
	body #content .blog-single-article .blog-single-layout{ grid-template-columns: 1fr; gap: 2rem; }
	body #content .blog-single-article .blog-single-sidebar{ position: static; }
	body #content .blog-single-article .blog-share-bar{ flex-direction: column; align-items: flex-start; gap: 0.75rem; padding: 1rem 0; }
	body #content .blog-single-article .blog-author-card{ flex-direction: row; align-items: flex-start; padding: 1.25rem; }
	body #content .blog-single-article .blog-more-section{ margin-top: 2rem; padding-top: 2rem; }
	body #content .blog-single-article .blog-more-section .blog-more-grid{ grid-template-columns: 1fr; gap: 1.25rem; }
	body #content .blog-single-article .blog-more-header{ flex-direction: column; align-items: flex-start; gap: 0.625rem; }
}

@media (max-width: 480px) {
	body #content .blog-single-article .blog-single-header .blog-single-title{ font-size: 2rem; }
	body #content .blog-single-article .blog-single-hero{ height: 200px; }
	body #content .blog-single-article .blog-more-section .blog-more-grid{ grid-template-columns: 1fr; }
	body #content .blog-single-article .blog-share-icons a{ width: 2rem; height: 2rem; font-size: 0.8rem; }
	body #content .blog-single-article .blog-author-card{ flex-direction: column; }
}

/* ─── Trace Blog Grid Shortcode ─────────────────────────────────── */
@media (max-width: 1024px) {
	body .trace-blog-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
}

@media (max-width: 768px) {
	body .trace-blog-grid { grid-template-columns: 1fr; gap: 1.5rem; margin: 2rem 0; }
}

