@media (min-width: 2020px) { .Catalog-overview-2022 .imgBanner { height: 34.375rem; overflow: hidden; } } @media (min-width: 1200px) { .Catalog-overview-2022 .container { max-width: 75rem !important; padding-left: .9375rem; padding-right: .9375rem; } } @media (min-width: 1536px) {} @media (min-width: 1921px) { .Catalog-overview-2022 .linkNav-nav-mb { display: none; } .sub-page .imgBanner { height: 34.375rem; overflow: hidden; } .third-page .imgBanner { height: 25rem; overflow: hidden; } .Catalog-overview-2022 .banner-img { width: 100%; } } /* XL Device :1200px 澶у瀷*/ @media (min-width: 1281px) and (max-width: 1536px) { .Catalog-overview-2022 .imgBanner { height: 25rem; overflow: hidden; } .Catalog-overview-2022 .banner-img { transform: translate(-50%, 0); margin-left: 50%; } .Catalog-overview-2022 .banner-text { height: 16.25rem; } } @media (min-width: 1025px) and (max-width: 1280px) { .Catalog-overview-2022 .imgBanner { height: 25rem; overflow: hidden; } .Catalog-overview-2022 .banner { height: 25rem; background-size: auto; } .Catalog-overview-2022 .banner-img { height: 25rem; transform: translate(-50%, 0); margin-left: 50%; } .Catalog-overview-2022 .banner-text { height: 16.25rem; } } @media (min-width: 481px) and (max-width: 1024px) { .Catalog-overview-2022 .iframe-size{ width: 100%; height: 370px; } } @media (min-width: 481px) and (max-width: 992px) { .Catalog-overview-2022 .genScriptForm .form-row>.col:last-child, .Catalog-overview-2022 .genScriptForm .form-row>[class*="col-"]:last-child { padding-left: 0; margin-top: 1.875rem; } .Catalog-overview-2022 .genScriptForm .form-row>.col, .Catalog-overview-2022 .genScriptForm .form-row>[class*="col-"] { padding-right: 0; } .Catalog-overview-2022 .genScriptForm .form-row label, .Catalog-overview-2022 .genScriptForm .form-control, .Catalog-overview-2022 .genScriptForm .custom-select { font-size: .875rem } } @media (max-width: 767px) { .Catalog-overview-2022 img:not(.banner-img){ max-width: 100% !important; } .Catalog-overview-2022 .mb-sm-30, .Catalog-overview-2022 .imgDescLinkCards .row div:first-child{ margin-bottom: 30px !important; } .Catalog-overview-2022 .banner-title { font-size: 1.5rem; } .Catalog-overview-2022 .banner-sub-title { font-size: 1rem; } /* flyers start */ .Catalog-overview-2022 .flyer-box { flex-direction: column; text-align: center; align-items: center; margin-bottom: 30px; box-shadow: 0 0 10px 5px #f3f3f3; height: auto; margin: 0 auto 30px auto; width: 80%; padding-top: 30px; } .Catalog-overview-2022 .flyers.row{ margin-top:0; } .Catalog-overview-2022 .flyer-text{ background: #fff !important; } .Catalog-overview-2022 .flyers .link{ width: 100%; } .Catalog-overview-2022 .flyers .desc{ margin-bottom: 2rem; } .Catalog-overview-2022 .flyers .title{ margin-bottom: 6px; } /* flyers end */ .Catalog-overview-2022 .servicesLinks { flex-direction: column; } .Catalog-overview-2022 .servicesLinks a[class^="button"] { width: 100%; } .Catalog-overview-2022 .servicesLinks a[class^="button"].mr-100 { margin-right: 0; margin-bottom: 30px; } .Catalog-overview-2022 .iframe-size { width: 100%; height: 370px; } /* product search start */ .product-search .title { font-size: 1.5rem; padding: 10px 30px; } /* product search end */ .col-lg-9, .pl-0 { padding-right:0 !important } } @media (max-width:576px) { .Catalog-overview-2022 .mb-xs-0 { margin-bottom: 0 !important; } .Catalog-overview-2022 .genScriptForm .form-row>[class*="col-"]:last-child { margin-top: 1.875rem; padding-left: 0; } .Catalog-overview-2022 .genScriptForm .form-row>.col, .Catalog-overview-2022 .genScriptForm .form-row>[class*="col-"] { padding-right: 0; } } @media (max-width: 1024px) { .Catalog-overview-2022 .imgBanner { height: 25rem; overflow: hidden; } .Catalog-overview-2022 .banner-text { height: 16.25rem; } .Catalog-overview-2022 .banner-img { width: auto; height: 25rem; max-width: initial; transform: translate(-50%, 0); margin-left: 50%; } .no-banner { margin-top: 60px; } .Catalog-overview-2022 .linkNav-nav-mb { display: block; } .Catalog-overview-2022 .LinkNav-nav { display: none; } .Catalog-overview-2022 .dlyNs { display: inline-block !important; } .Catalog-overview-2022 .dlyB { display: none !important; } } @media (min-width: 1025px) { .Catalog-overview-2022 .linkNav-nav-mb { display: none; } .Catalog-overview-2022 .dlyNs { display: none !important; } .Catalog-overview-2022 .dlyB { display: inline-block !important; } } /* Catalog 007D9F */ .Catalog-overview-2022 .LinkNav .nav-link.active, .Catalog-overview-2022 .LinkNav .nav-link:hover { color: #007D9F !important; border-bottom: 2px solid #007D9F; } .Catalog-overview-2022 .flyers .link { border: 1px solid #007D9F; color: #007D9F; } .Catalog-overview-2022 .flyers .title { color: #007D9F; } .Catalog-overview-2022 .flyers .link:hover { background: #007D9F; color: #fff; } .Catalog-overview-2022 .application-box .application-text { border-left: 4px solid #007D9F; } .Catalog-overview-2022 .tabListByServe .tab-active { border: 1px solid #007D9F; border-bottom: none; background-color: #fff; color: #007D9F; } .Catalog-overview-2022 .tabListByServe .tab-title:hover { color: #007D9F; } .Catalog-overview-2022 .tabListByServe .tabListByServe-content { border-top: 0.0625rem solid #007D9F; } .Catalog-overview-2022 .ResourcesRow .link-row { background: #f3f3f3; } .Catalog-overview-2022 .ResourcesRow .link-row:hover { background: #007d9f; } /* quick search start */ .Catalog-overview-2022 .quick-search-bg .card-text, .Catalog-overview-2022 .quick-search-bg .up-card { background: #007d9f; } .Catalog-overview-2022 .quick-search-bg:hover .card-hover, .Catalog-overview-2022 .quick-search-bg .toggle-card { background: #015770; } .Catalog-overview-2022 .imgDescLinkCards .card-link:hover, .Catalog-overview-2022 .textDescLinkCards .card-link:hover { background: #fff; color: #007D9F; } /* quick search end */