@media only screen and (min-width:1921px) {
    .hm-banner-content { width: 40%; }
}
@media only screen and (min-width:1200px) {
    .about-c-section.mt-50 { margin-top: 0; }

    /*header-menu*/
    .navmenu>ul>li { -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; }
    .navmenu>ul>li ul { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
    .navmenu>ul>li:hover>ul, .navmenu>ul>li>ul li:hover>ul { display: inline-block; }
    .navmenu>ul>li ul { position: absolute; top: 100%; min-width: 300px; background-color: #fff; margin-left: 0px; display: none; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); }
    .navmenu>ul>li>ul li { position: relative; line-height: 1.1; padding: 0px 15px; }
    .navmenu>ul>li>ul li a { position: relative; line-height: 1.1; padding: 15px 0px; display: block; border-bottom: 1px solid #DDDDDD; color: #16476A; }
    .navmenu>ul>li ul li ul { top: 0px; left: 100%; z-index: 1; }
    .navmenu>ul>li>ul li a:hover, .navmenu>ul>li ul li.current-menu-item>a { color: #F26529; }
    .navmenu>ul>li.menu-item-has-children>a::before { content: ''; background: url(../images/menu-arrow-normal.svg) no-repeat center; width: 20px; height: 20px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
    .navmenu>ul>li.menu-item-has-children>a { position: relative; padding-right: 50px; }
    .navmenu>ul>li.menu-item-has-children>a:hover::before, .navmenu>ul>li.current-menu-item.menu-item-has-children>a::before, .navmenu>ul>li:hover>a:before { background: url(../images/menu-arrow-active.svg) no-repeat center; }
    .navmenu>ul>li>ul li:last-child a { border-bottom: navajowhite; }
    .sticky .navmenu>ul>li.menu-item-has-children>a::before { background: url(../images/menu-arrow-black.svg) no-repeat center; }
    .sticky .navmenu>ul>li.menu-item-has-children>a:hover::before { background: url(../images/menu-arrow-normal.svg) no-repeat center; }
    .navmenu>ul>li>a:hover, .navmenu>ul>li.current-menu-item>a, .navmenu>ul>li:hover>a, .navmenu>ul>li>ul>li:hover>a { color: #FF5E14; background-color: #fff; }
    .btn-theme:hover:before { width: 100%; }
    .btn-theme:hover { color: #ffffff; }
    .btn-theme:hover .btn-icon-arrow:after { transform: translate(10px); }
    .btn-theme:hover .btn-text { transform: translate(-10px); }
    .hm-unified-item:hover .logo { top: 70px; transform: translateX(-50%) scale(1.05); transition-delay: 0s; }
    .hm-unified-item:hover .company-content { opacity: 1; transform: translateX(-50%) translateY(0); transition-delay: 0.2s; }
    .hm-unified-item:hover { background: #fff; }
    .sticky .navmenu>ul>li>a { color: #16476A; border-color: #DDDDDD; font-size: 18px; }
    .core-values-section h2.mb-150 { margin-bottom: 50px !important; }
    .pd-banner-section.pt-250 { padding-top: 200px !important; }
}

/*header-menu-end*/
@media only screen and (min-width:1650px) {
    .container { max-width: 1536px; }
    .industries-section .container { max-width: 1720px; }
}
@media only screen and (max-width:1800px) {
    .hm-banner-content { padding: 100px 70px; }
    .hm-banner-content { width: 55%; }
    .imagechangesection-wrap { padding: 0px 50px; }
}
@media only screen and (max-width:1680px) {
    .navmenu>ul>li>a { padding: 0px 20px; height: 60px; }
    header .logo img { max-width: 200px; }
    header .logo { padding: 0px 30px; height: 60px; }
    .hm-banner-content { padding: 60px 60px; width: 45%; }
    h1, h2, .th1, .th2 { font-size: 50px; letter-spacing: -1.5px; }
    .fs30 { font-size: 24px; }
    body { font-size: 18px; line-height: 26px; }
    h4, .th4 { font-size: 30px; }
    h5, .th5 { font-size: 28px; }
    .fs150 { font-size: 100px; }
    .fs300 { font-size: 200px; line-height: 1; }
    h3, .th3 { font-size: 35px; }
    .counter-content { min-height: 60px; }
    .containerpaddingleft { padding-left: calc(((100% - 1320px) - 24px) / 2); }
    .imagechangesection-img { top: 60px; }
    .v589 { max-width: 360px; }
    .hm-unified-item { min-height: 380px; padding: 20px; }
    .footer-vector { max-width: 400px; }
    .hm-counter .th2 { font-size: 40px; }
    .post-content h2 { font-size: 32px; }
    .post-content h4 { font-size: 28px; }
    .post-content h3 { font-size: 30px; }
}
@media only screen and (max-width:1580px) {
    .hm-unified-item .company-content { padding: 70px 20px 70px 20px; }
}
@media only screen and (max-width:1440px) {
    .imagechangesection-content { padding-right: 100px; }
    .hm-twocolumnslider .slick-prev { left: 0px; top: unset; bottom: -80px; transform: unset; }
    .hm-twocolumnslider .slick-next { margin-top: 0px; left: 70px; bottom: -80px; top: unset; transform: unset; }
    .hm-product-title { margin-bottom: 20px; }
    .hm-product-item-right { padding: 20px; }
    .display-btn { position: absolute; right: 20px; top: 20px; }
    .blog-box-bottom { padding: 30px; }
    .mb-50 { margin-bottom: 30px; }
    .imagechangesection-item-inner { padding: 30px 20px; }
    section.hm-stickyZoom-row .hm-stickyZoom-bottom { position: absolute; bottom: 80px; }
    .modal-body { padding: 50px; }

    /* .core-capabilities .hero-content {
        height: 600px;
        min-height: 600px;
    } */
    .core-capabilities.hero-content p { max-width: 520px; }
    .slick-next { right: -35px; }
    .slick-prev { left: -35px; }
    .process-section { background-size: 1000px; }
    .pagination a, .pagination span { width: 40px; height: 40px; line-height: 40px; }
    .arrow-previous::before, .arrow-next::before { background-size: 14px; }
    .blog-np-btn span.btn-icon-arrow { height: 40px; width: 40px; }
}
@media only screen and (max-width:1366px) {
    .shape { max-width: 10%; }
    .hm-product-item-right img { max-width: 320px; }
    .containerpaddingleft { padding-left: calc(((100% - 1140px) - 24px) / 2); }
    .ptb-80 { padding: 50px 0px; }
    .letstalk { padding: 50px 0px; }
    .calltoactionrow a { padding: 50px 0px; }
    .imagechangesection-content { padding-right: 50px; }
}
@media only screen and (max-width:1280px) {
    .navmenu>ul>li>a { padding: 0px 15px; }
    .hm-banner-content { width: 55% }
    h4, .th4 { font-size: 28px; }
    h5, .th5 { font-size: 24px; letter-spacing: 0px; }
    .post-content h4 { font-size: 24px; }
    .post-content h3 { font-size: 28px; }
}
@media only screen and (max-width:1199px) {

    /*header-menu*/
    .navarrow { display: inline-block; vertical-align: top; position: relative; width: 13px; height: 10px; }
    .navarrow::before { content: ''; width: 13px; height: 10px; display: inline-block; transition: all 0.2s ease; vertical-align: top; position: absolute; background: url(../images/menu-arrow-mobile.svg) no-repeat; background-position: left center; left: 0px; background-size: 13px; }
    .navarup::before { transform: rotate(180deg); }
    .navbartoggle, .closebtn { display: inline-flex; line-height: 1; }
    .black-overlay { z-index: 50; background-color: rgba(0, 0, 0, 0.5); content: ''; position: fixed; right: 0px; height: 100%; width: 100%; top: 0px; display: none; }
    .navmenu { overflow: auto; border-radius: 0px; z-index: 50; position: fixed; overflow: auto; height: 100%; width: 50%; background: #06153A; right: -100%; top: 0px; -webkit-transition: right 0.9s; -o-transition: right 0.9s; transition: right 0.9s; -webkit-box-shadow: 3px 10px 15px rgba(0, 0, 0, 0.2); box-shadow: 3px 10px 15px rgba(0, 0, 0, 0.2); flex-wrap: wrap; align-items: flex-start; flex-direction: column; }
    .navmenu.slide { right: 0px; }
    .navicon { width: 18px; display: inline-block; vertical-align: middle; line-height: 1; position: relative; }
    .icnline { background-color: #FF5E14; width: 100%; height: 2px; line-height: 1; display: block; margin: 6px 0px; }
    .navicon { width: 18px; display: inline-block; vertical-align: middle; line-height: 1; position: relative; }
    .navicon::before, .navicon::after { content: ''; position: absolute; background-color: #FF5E14; width: 100%; height: 2px; left: 0px; }
    .navicon::before { top: 0px; }
    .navicon::after { bottom: 0px; }
    .navmenu>ul { padding: 50px 15px 0px 30px; margin-right: 0px; display: inline-block; vertical-align: top; width: 100%; }
    .navmenu>ul>li { margin: 0px 0px 30px; }
    .navmenu>ul>li a { font-size: 24px; color: #fff; padding: 0px; }
    .navmenu>ul li ul { position: relative; margin-left: 0px; background-color: transparent; padding: 30px 0px 0px 20px; box-shadow: none; }
    .navmenu>ul>li ul li a { font-size: 18px; color: #ffffff; }
    .navmenu>ul li ul li ul { padding: 20px 0px 20px 20px }
    .navmenu>ul li ul li ul li { position: relative; }
    .navmenu>ul li ul li { position: relative; margin: 18px 0px; }
    .navmenu>ul>li:last-child, .navmenu>ul li ul li:last-child { margin-bottom: 0px; }
    .navmenu>ul li ul li:first-child { margin-top: 0px; }
    .navmenu>ul>li>a { height: auto; border-left: navajowhite; justify-content: flex-start; }
    h1, h2, .th1, .th2 { font-size: 40px; letter-spacing: -1px; }
    h4, .th4 { font-size: 24px; }
    h3, .th3 { font-size: 24px; }
    .cp-contact-details h3, .th3 { font-size: 30px; }
    .fs150 { font-size: 50px; letter-spacing: -2px; }
    .fs300 { font-size: 70px; line-height: 1; letter-spacing: -2px; }
    .btn-text { font-size: 16px; padding: 0px 10px; }
    span.btn-icon-arrow { height: 35px; width: 35px; }
    .btn-theme:before { display: none; }
    .btn-icon-arrow:after { transform: scale(0.9); }
    .v294 { max-width: 200px; }
    .hm-zoomlogo { padding: 100px 0px; }
    .v235 { max-width: 150px; }
    .fs30 { font-size: 20px; }
    .mb-250 { margin-bottom: 100px; }
    .hm-counter { padding: 30px 0px 35px; }
    .v589 { max-width: 250px; }
    .hm-moveproduct { height: 60vh; margin-bottom: 100px; }
    .pt-250 { padding-top: 100px; }
    .hm-unified-item .company-content { opacity: 1; transform: unset; }
    .hm-unified-item .logo { position: static; transform: unset; margin-bottom: 20px; }
    .hm-unified-item .company-content { padding: 0px 20px 0px 20px; position: static; }
    .hm-unified-item { text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 50px 20px; }
    .hm-unified-item { min-height: auto; }
    .s4 { bottom: 60px; }
    .bg-vector-section { display: none; }
    .hm-product-box { padding: 100px 0px; }
    .hm-product-box { background-color: #06153a; }
    .hm-product-item { height: auto; position: static; }
    .hm-product-content { margin-bottom: 50px; }
    .hm-product-item-left h2 { display: block; border-bottom: 1px solid #3B4869; padding-bottom: 30px; margin-bottom: 30px; }
    .hm-product-box .slick-dots { text-align: center; bottom: -50px; }
    .hm-product-box .slick-dotted.slick-slider { margin-bottom: 50px; }
    .hm-product-item-right img { max-width: 250px; }
    .desktop { display: none; }
    .ipad { display: block; }
    .imagechangesection-item { margin: 0px; }
    .imagechangesection-wrap { height: auto; }
    .imagechangesection-content { padding: 0px; position: static; }
    .imagechangesection-content .row { margin-top: 0px; }
    .bg-img { opacity: 1; z-index: 1; position: static; }
    .imagechangesection-wrap { padding: 0px 0px; }
    .vectoParallax { display: none; }
    section.hm-stickyZoom-row .hm-stickyzoom-wrapper { height: auto; position: static; flex-wrap: wrap; }
    section.hm-stickyZoom-row { min-height: auto; gap: inherit; }
    section.hm-stickyZoom-row .hm-stickyzoom-img { transform: inherit; width: 100%; }
    section.hm-stickyZoom-row .hm-stickyzoomdiv-wrap { height: auto; position: absolute; display: flex; flex-wrap: wrap; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    section.hm-stickyZoom-row .hm-stickyzoom-text { position: static; transform: unset; width: 100%; }
    section.hm-stickyZoom-row .hm-stickyZoom-bottom { position: static; width: 100%; }
    .ptb-250 { padding-top: 100px; padding-bottom: 100px; }
    .containerpaddingleft { padding-left: 36px; }
    .slick-arrow { height: 35px; width: 35px; background-size: 15px; }
    .hm-twocolumnslider .sliderleftcol { margin-bottom: 60px; }
    .hm-twocolumnslider .slick-next { left: 50px; bottom: -60px; }
    .hm-twocolumnslider .slick-prev { bottom: -60px; }
    .form-group { margin-bottom: 15px; }
    .popup-vector { max-width: 100px; }
    h6, .th6 { font-size: 20px; letter-spacing: -0.3px; }
    .hm-twocolumnslider-title { margin-bottom: 60px; }
    .hmbglogo-item img { max-width: 170px; }
    .ipad-30 { margin-bottom: 30px }
    .hm-certified-item { padding: 20px; }
    .footer-vector { max-width: 230px; }
    .footer-logo { max-width: 200px; }
    .ptb-150 { padding: 100px 0px; }
    .mb-100 { margin-bottom: 70px; }
    .fixed-wp-email { bottom: 15px; right: 15px; }
    .fixed-wp-email li+li { margin-top: 10px; }
    .fixed-wp-email li a { max-width: 40px; }
    header .logo { padding: 15px 20px; height: auto; }
    header .logo img { max-width: 140px; }
    a.navbartoggle { padding-right: 20px; }
    .sticky .navicon::before, .sticky .navicon::after, .sticky i.icnline { background: #FF5E14; }
    .v589 { max-width: 150px; }
    .imagechangesection-bottom.mb-50 { margin-bottom: 50px; }
    .mt-50 { margin-top: 30px; }
    .form-control { padding: 12px 15px 12px; font-size: 16px; }
    .getconnectedrow h5 br { display: none; }
    .boxbtn { height: 30px; width: 30px; }
    a.hm-product-link .display-btn, .blogbox span.boxbtn { opacity: 1; visibility: visible; }
    .blogbox span.boxbtn { top: 15px; right: 15px; }

    /*header-menu-end*/
    .hm-counter .counter-container { margin: 0px 40px; padding: 60px 60px 40px; }
    .process-content-scroll { margin-top: 50px; margin-bottom: 50px; }
    .process-step { padding: 100px 0 50px; }
    .legacy-section .process-step { padding: 100px 0 50px; }
    .process-section { background-size: 700px; }
    .integrity-card .card-title { margin-bottom: 30px; }
    .career-sidebar .career-content-grid .left-side { padding: 60px 40px; }
    .career-sidebar .career-content-grid .right-side { padding: 60px 40px; }
    .post-content h2 { font-size: 26px; }
    .post-content h4 { font-size: 22px; }
    .post-content h5 { font-size: 20px; }
    .post-content h3 { font-size: 24px; }
    .post-content h6 { font-size: 18px; }
    .about-hm-unified .hm-unified-item { padding: 40px 0; flex-direction: row; gap: 10px; }
    .about-hm-unified .hm-trust-item-img img { width: 150px; }
    .blog-details .mx-150 { margin: 0 100px; }
    .post-content.pt-80 { padding-top: 30px; }
    .top-200px { top: 100px; }
    .error-image { width: 289px; }
    .error-title { margin-top: 30px; }
    .error-description { margin-top: 15px; }
    .product-section .valve-card .display-btn { bottom: 20px; }
    .industry-item { height: 350px; margin-bottom: 30px; }
    .industries-grid { gap: 30px; }
    .key-features-section .key-features-grid { row-gap: 40px; column-gap: 80px; }
    .key-features-card { gap: 25px; padding-bottom: 40px; }
    .key-features-card .right-side.pmb0 { width: calc(100% - 100px); }
    .key-features-card img { width: 75px; }
    .product-range .valve-card .display-btn { bottom: unset; top: 20px; }
    .group-unified .hm-unified-box { opacity: 1; }
    .mainheader.innerheader .navmenu>ul>li>a { color: #fff; border-color: #DDDDDD; }
    .imagechangesection-item-title { display: flex; gap: 10px; }
    .mainheader.innerheader .navmenu > ul > li > a:hover, .mainheader.innerheader .navmenu>ul>li ul li a:hover { background-color: transparent !important; color: #FF5E14 !important; }
    .career-track {
   
    animation: marquee 130s linear infinite;
}
}
@media only screen and (max-width:992px) {

    /*header-menu*/
    .navmenu { width: 60%; }
    .hm-banner-img { height: 60vh; position: relative; overflow: hidden; }
    .hm-banner-content { width: 60%; padding: 30px 30px 50px 30px; }
    .v294 { max-width: 180px; }
    .hm-banner .vector { bottom: -40px; }
    .v589 { max-width: 100px; }
    .hm-moveproduct { height: 40vh; }
    .shape { max-width: 12%; }
    .hm-twocolumnslider-title h2, .hm-twocolumnslider-title h1 { font-size: 30px; }
    .hm-twocolumnslider-title { margin-bottom: 40px; }
    .blog-box-top img { width: 100%; object-fit: cover; }
    .blog-box-top { width: 100%; }
    .hm-blog .row>div:nth-child(2) { margin-top: 0px !important; }
    .related-blog.hm-blog .row>div:nth-child(2) { margin-top: 30px !important; }
    section.hm-blog .row [class*="col-"]+[class*="col-"] { margin-top: 30px; }
    .blog-box-bottom h6 { margin-bottom: 10px; }
    .hm-counter .th2 { font-size: 35px; }

    /*header-menu-end*/
    .about-vm-tab-section .nav-pills.mt-100 { margin-top: 0px; margin-bottom: 50px; }
    .about-vm-tab-section .nav { width: 100%; }
    .about-vm-tab-section .nav .nav-link { padding: 30px 0px; }
    .leader-item { padding: 0 10px; }
    .slick-next { right: -30px; }
    .slick-prev { left: -30px; }
    .infrastructure-slider .infrastructure-item { margin: 0 15px; }
    .countercol { padding-bottom: 0px; margin-bottom: 35px; }
    .core-capabilities.hero-image { display: none !important; }
    .core-capabilities.hero-mobile-image { display: block; }
    .core-capabilities.hero-content { height: 100%; min-height: 100%; }
    .hero-content { margin-top: 100px; }
    .core-capabilities.hero-section { height: 100%; }
    .process-image-sticky { position: static; }
    .process-wrapper { gap: 0px !important; flex-direction: column; }
    .process-step { padding: 0 0 30px; margin: 0 0 50px; opacity: 1; }
    .legacy-section .process-step { padding: 0 0 30px; margin: 0 0 50px; opacity: 1; }
    .process-step:last-child { margin: 0; }
    .process-content-scroll { margin-top: 0; margin-bottom: 0; width: 100%; }
    .process-content img { display: block; margin-bottom: 30px; }
    .process-content-scroll { margin-bottom: 30px !important; }
    .process-image-sticky .sticky-image { display: none; }
    .career-sidebar .career-content-grid { grid-template-columns: repeat(1, 1fr); }
    .career-sidebar .career-content-grid .left-side { padding: 50px 20px; }
    .career-sidebar .career-content-grid .right-side { padding: 70px 20px; }
    .vision-mission-section .mb-80 { margin-bottom: 50px; }
    .leader-details { inset: 30px 45px; top: auto; }
    .leader-details .th5.mb-10 { margin-bottom: 10px; }
    .core-value-item h3 { bottom: 20px; left: 40px; }
    .core-values-section h2.mb-150 { margin-bottom: 50px; }
    .core-values-section .core-value-item { position: relative; top: 0px; margin-bottom: 30px; transform: scale(1) !important; }
    .about-hm-unified .hm-unified-item { padding: 40px 0; flex-direction: column; gap: 20px; text-align: center; }
    .about-hm-unified .hm-unified-item>div { width: 100%; display: flex; justify-content: center; }
    .about-hm-unified .display-btn { opacity: 1; visibility: visible; }
    .career-item { flex: 0 0 200px; margin-right: 20px; }
    .about-page.hero-section, .core-capabilities.hero-section { padding: 0; }
    .about-page.hero-section h1, .core-capabilities.hero-section h1 { padding: 0 0 10px; }
    .about-page.hero-section .stickyshapecontent, .core-capabilities.hero-section .stickyshapecontent { clip-path: unset; padding-bottom: 30px; }
    .core-value-item h3 { padding: 0 0 10px 40px; }
    .imgleftClip { clip-path: unset; }
    .imgrightclip { clip-path: unset; }
    .hm-blog .row>div { margin-bottom: 0px; }
    .bg-blog-categories ul { gap: 12px; }
    .bg-blog-categories ul li a { padding: 6px 15px; font-size: 14px; }
    .blog-details .mx-150 { margin: 0 50px; }
    .blog-details .container>.pb-50 { padding-bottom: 10px; }
    .post-content img { margin-bottom: 20px !important; margin-top: 20px !important; }
    .news-card { margin-bottom: 50px !important; }
    .news-card .btn-theme.mt-30 { margin-top: 5px; }
    .contact-hero { height: 600px; min-height: 100%; }
    .contact-hero h1 { margin-bottom: 20px; }
    .industries-grid { flex-direction: column; }
    .industries-grid .industry-item { flex: 0 0 100% !important; height: auto !important; }
    .industry-head { padding: 50px 20px 20px; }
    .industries-grid { gap: 0px; }
    .industry-item { margin-bottom: 30px; }
    .key-features-section .key-features-area { padding-left: 0px; }
    .key-features-section .key-features-grid { gap: 40px; }
    .hm-unified-title h2 { text-align: center; }
    .about-c-section.about-company-page { padding-top: 100px !important; margin-top: 0 !important; }
    .product-category-header.mt-50 { margin-top: 40px; }
    .pd-banner-section .bottom-content-btn { gap: 20px; }
    .counter-container.counter-content { min-height: auto; margin-bottom: 30px; }
    .counter-container.countercol { margin-bottom: 30px; }
    .post-content p, .post-content ul { margin-bottom: 15px !important; }
    .post-content h3, .post-content h4 { margin-bottom: 15px !important; }
    .about-c-section .containerpaddingleft { padding-right: 20px !important; }
}
@media only screen and (max-width:767px) {
    .blog-details hr.mt-100 { margin-top: 20px; }
    .news-details-left { position: relative !important; top: 0 !important; }

    /*header-menu*/
    .navmenu { width: 100%; }
    .hm-banner .vector { display: none; }
    .hm-banner-content { width: 100%; padding: 20px 20px 50px 20px; }
    .mb-50 { margin-bottom: 20px; }
    .mb-150 { margin-bottom: 100px; }
    h1, h2, .th1, .th2 { font-size: 30px; letter-spacing: 0px; }
    .hm-zoomlogo video { max-width: 60%; }
    .hm-about-title h2 br { display: none; }
    .v235 { max-width: 70px; }
    .fs30 { font-size: 18px; }
    .mb-250 { margin-bottom: 60px; }
    .pt-250 { padding-top: 60px; }
    .hm-zoomlogo { padding: 40px 0px; }
    .hm-counter .th2 { font-size: 24px; }
    .hm-unified .vector.right-top { display: none; }
    h5, .th5 { font-size: 22px; }
    .hm-unified-item { width: 100%; border-right: 1px solid #DDD; }
    .hm-unified-item:first-child { border-right: 1px solid #DDD; }
    .hm-unified-item+.hm-unified-item { border-top: 1px solid #ddd; }
    .hm-unified-bottom a { border-bottom: 1px solid #DDD; }
    .hm-unified-bottom a:last-child { border-bottom: navajowhite; }
    .hm-unified-item+.hm-unified-item { border-top: 1px solid #ddd; }
    .fs150 { font-size: 38px; letter-spacing: -1px; }
    .hm-moveproduct { height: 35vh; margin-bottom: 60px; }
    .shape { max-width: 18%; }
    .s5 { right: 2%; top: 0%; }
    .s4 { bottom: 30px; }
    .shape.s2 { position: absolute; bottom: 10px; left: 25%; }
    .shape.s1 { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; }
    .fixed-wp-email { display: none; }
    .fs300 { font-size: 50px; letter-spacing: -1px; }
    .hm-product-box { padding: 60px 0px; }
    .hm-product-item-left { margin-bottom: 30px; }
    .hm-product-item-left h2 { border-bottom: 1px solid #3B4869; padding-bottom: 20px; margin-bottom: 20px; }
    .hm-product-box .slick-dots { bottom: -30px; }
    .container, .container-fluid { padding: 0px 20px; }
    .hm-product-item-left-num { display: flex; }
    .hm-product-item-left-num span { padding-right: 15px; }
    section.hm-stickyZoom-row .hm-stickyzoom-img img { height: 400px; object-fit: cover; }
    .hm-twocolumnslider .sliderightcol { display: none; }
    .hm-twocolumnslider .sliderleftcol { width: 100%; padding: 0px 20px 0px 0px; }
    .ptb-250 { padding-top: 60px; padding-bottom: 60px; }
    .hm-twocolumnslider-title { margin-bottom: 20px; }
    .hm-product-item-right img { max-width: 200px; }
    .hm-product-box .slick-dotted.slick-slider { margin-bottom: 30px; }
    .ptb-80 { padding: 30px 0px; }
    .hm-certified-item img { max-width: 90px; }
    .hm-certified-item { text-align: center; }
    .getconnectedrow-left { margin-bottom: 20px; }
    .ptb-150 { padding: 60px 0px; }
    .mb-100 { margin-bottom: 40px; }
    .footercol ul li+li { margin-top: 10px; }
    .social { margin-bottom: 15px; }
    .fmenu1 { margin-bottom: 30px; }
    .calltoactionrow a { padding: 30px 0px; }
    .letstalk { padding: 30px 0px; }
    header .logo img { max-width: 120px; }
    header .logo { padding: 15px 20px; }
    section.hm-stickyZoom-row, .imagechangesection { overflow: hidden; }
    .hm-counter-item { margin: 0px 5px; text-align: center; }
    .imagechangesection-content .slick-dotted.slick-slider { margin-bottom: 30px; }
    .imagechangesection-content .slick-dots { bottom: -30px; }
    section.hm-stickyZoom-row { height: auto; flex-wrap: wrap; }
    .modal-body { padding: 50px 20px 30px 20px; }
    .hm-unified-item .company-content { padding: 0px 0px 0px 0px; }
    .containerpaddingleft { padding-left: 20px; padding-right: 20px !important; }

    /*header-menu-end*/
    .about-company-slider .slick-slide img { max-height: 70px; }
    .about-company-slider-item { padding: 20px; }
    .about-company-slider .slick-slide { margin: 0 7px; }
    .infrastructure-slider .infrastructure-item { margin: 0 10px; }
    .infrastructure-slider .slick-slide:nth-child(odd) { margin-top: 30px; }
    .hm-counter .counter-container { margin: 0px 20px; padding: 40px 30px 25px; }
    .countercol { padding-bottom: 0px; margin-bottom: 30px; }
    .certification-section .certification-slider .certificate-item { padding: 20px; }
    .career-opportunities .position-card { padding: 30px 20px 30px 0; }
    .career-opportunities .position-card:hover { padding: 30px 20px; }
    .integrity-card { padding: 20px; }
    .career-slider .career-item { margin: 0 8px; }
    .career-sidebar .career-content-grid .left-side { padding: 50px 20px; }
    .career-sidebar .career-form { grid-template-columns: repeat(1, 1fr); gap: 16px; }
    .career-sidebar .career-form .full-width { grid-column: span 1; }
    .career-sidebar .offcanvas-header { mix-blend-mode: difference; right: 5px; top: 5px; }
    .post-content ul li::before { top: 7px !important; width: 15px; height: 15px; }
    .core-values-section h2.mb-150 { margin-bottom: 40px; }
    .core-values-section .core-value-item { margin-bottom: 20px; }
    .leader-section .mb-50 { margin-bottom: 30px; }
    .leader-section .pt-30 { padding-top: 20px; }
    .legacy-section .process-step { padding: 0px; }
    .legacy-section .process-step h3.mb-30 { margin-bottom: 20px; }
    .pagination a, .pagination span { width: 35px; height: 35px; line-height: 35px; }
    .blog-details .mx-150 { margin: 0; }
    .blog-np-btn span.btn-icon-arrow { height: 35px; width: 35px; }
    .error-image { width: 200px; }
    .error-title { margin-bottom: 10px; }
    .error-section { padding-top: 120px; padding-bottom: 60px; }
    .pd-banner-section .col-lg-4.col-md-5 { display: flex; justify-content: center; align-items: center; padding: 0 50px 50px; }
    .pd-banner-section .mb-40 { margin-bottom: 25px; }
    .pd-banner-section .mb-30 { margin-bottom: 20px; }
    .pd-banner-section .ptb-150 { padding: 70px 0px; }
    .key-features-section .key-features-grid { grid-template-columns: repeat(1, 1fr); }
    .key-features-card img { width: 50px; }
    .key-features-card { padding-bottom: 30px; }
    .key-features-section .key-features-grid { gap: 30px; }
    .key-features-card .right-side.pmb0 { width: calc(100% - 75px); }
    .applications-card img { width: 70px; }
    .about-c-section .mb-100 { margin-bottom: 30px !important; }
    .core-value-item h3 span { margin-right: 10px; }
    .closeBtn::before, .closeBtn::after { background-color: #000000 !important; }
    .navmenu .closeBtn::before, .navmenu .closeBtn::after { background-color: #ffffff !important; }
    .CareersModal .closeBtn { top: 25px !important; right: 25px !important; }
    .process-image-sticky { width: 100%; }
    .valve-card.p-4, .hm-product-link.p-4 { padding: 2rem !important; }
    .pd-banner-section { padding-top: 100px !important; }
    .hm-blog .row>div:nth-child(2) { margin-top: 30px !important; }
    .news-details-left h1 { margin-bottom: 30px; }
    .hm-product-main-section { overflow: hidden; }
    .industry-item { margin-bottom: 20px; }
    .product-category-slider .slick-dots, .applications-slider .slick-dots, .leader-slider .slick-dots, .certification-slider .slick-dots, .integrity-slider .slick-dots { display: flex; justify-content: center; }
    .hm-unified-bottom a {
    border-bottom: navajowhite;
}
}
@media only screen and (max-width:580px) {
    .about-vm-tab-section .nav-pills.mt-100 { margin-bottom: 30px; }
    .about-vm-tab-section .nav .nav-link { padding: 20px 0px; }
    .leader-item { padding: 0 15px; }
    .slick-next { right: -20px; }
    .slick-prev { left: -20px; }
    .about-company-slider .slick-slide img { max-height: 70px; }
    .career-item { flex: 0 0 120px; margin-right: 14px; }
    .core-value-item h3 { padding: 0 0 0px 20px; }
    a.btn-theme.mt-50 { margin-top: 10px; }
    .contact-hero { height: 400px; min-height: 100%; background-position: unset !important; background-attachment: unset !important; }
    .contact-hero h1 { margin-bottom: 10px; }
    .contact-hero h1 br { display: none; }
    .contact-details img { width: 25px; }
    .contact-details .d-flex.gap-4 { gap: 1rem !important; }
    .vision-mission-section h3 { margin-bottom: 15px; }
    .about-vm-tab-section .nav .nav-link img { width: 18px; }
    .key-features-card .right-side .mb-20 { margin-bottom: 10px; }
    .key-features-card { gap: 15px; }
    .bp-blog-title h2 { font-size: 30px !important; }
    .featured-blog-date, .datecol { font-size: 16px; }
    .post-type-archive-news_cpt h1 { margin-bottom: 30px; }
    .cp-contact-details h4 { padding-top: 20px; }
    .cp-contact-details h3, .th3 { margin-bottom: 10px !important; }
    .imagechangesection-item-inner { padding: 20px 20px; }
    .hm-twocolumnslider .sliderleftcol { width: 100%; padding: 0px 0px 0px 0px; }
    section.hm-blog h2.th3 { margin-bottom: 20px !important; }
    .hm-product-box .slick-dots { text-align: left; left: 20px; }
    .hm-counter .hm-counter-item p { line-height: 1; }
    .hmbg-logo .hmbg-logo-btn a.btn-theme.mt-50 { margin-top: 20px; }
}
@media only screen and (max-width:390px) {
    .hm-product-item-left h2, .hm-product-item-left h1 { font-size: 26px; }
}

/* animation keyframe css */
.animated { animation-duration: 1.3s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-50px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInDown { animation-name: fadeInDown; }

/*@keyframes fadeInLeft {
0% { opacity: 0; transform: translateX(-50px); }
100% { opacity: 1; transform: translateX(0); }
}
.fadeInLeft { animation-name: fadeInLeft; }*/
@keyframes fadeInRight {
    0% { opacity: 0; transform: translateX(50px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInRight { animation-name: fadeInRight; }
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(50px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInUp { animation-name: fadeInUp; }
@-webkit-keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.animated.Leftbefore::before { -webkit-animation-duration: 1.3s;    /* fixed */ animation-duration: 1.3s;    /* consistent */ -webkit-animation-name: Leftbefore; animation-name: Leftbefore; }
@-webkit-keyframes Leftbefore {
    from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}
@keyframes Leftbefore {
    from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}
.Leftbefore { position: relative; overflow: hidden; display: inline-block; vertical-align: top; }
.Leftbefore::before { width: 100%; will-change: transform; position: absolute; top: 0px; bottom: -10px; left: 0px; background-color: #fff; content: ''; z-index: 1; -webkit-transform: translate3d(101%, 0, 0); transform: translate3d(101%, 0, 0); }
.animated.Rightbefore::before { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-name: Rightbefore; animation-name: Rightbefore; }
@-webkit-keyframes Rightbefore {
    from { width: 100%; }
    to { width: 0; }
}
@keyframes Rightbefore {
    from { width: 100%; }
    to { width: 0; }
}
.Rightbefore { position: relative; overflow: hidden; display: inline-block; vertical-align: top; }
.Rightbefore::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #fff; content: ''; z-index: 1; }
.CareersModal.slide { right: 0px; }
body.OpenPosition { overflow: hidden; }
.CareersModal { overflow: auto; -webkit-transition: right 0.5s ease; -o-transition: right 0.5s ease; transition: right 0.5s ease; position: fixed; z-index: 30; top: 0px; right: -100%; padding: 0px; height: 100%; width: 100%; background: #ffffff; }
.CareersModal .closeBtn { top: 40px; right: 40px; }