@media screen and (max-width:1900px) {}
@media screen and (max-width:1800px) {}
@media screen and (max-width:1700px) {
    .hm-toolroom-sec .container,
    .hm-sheetmetal-sec .container,
    .hm-laminated-sec .container,
    .hm-knovatic-sec .container,
    .hm-ourpresence-sec .container,
    .container {
        max-width: 1400px;
    }
    .text-para, .read-more-btn a{
        font-size: 20px;
    }
    .hm-sheetmetal-sec .text-para,
    .hm-laminated-sec .text-para{
        letter-spacing: 0.6px;
    }
    .hm-laminated-sec .text-heading {
        font-size: 28px;
    }
    .hm-products-sec {
        padding: 60px 0;
    }
    .text-para, .read-more-btn a{
        font-size: 20px;
    }
    .hm-knovatic-sec .text-para {
        letter-spacing: 0;
    }
    .hm-laminated-sec .text-heading {
        font-size: 28px;
    }
    .hm-component-list ul li {
        font-size: 40px;
    }

    .hm-products-sec { padding: 50px 0; }
    .hm-product-main{max-width: 1440px;gap: 30px;}
    .hm-products-sec .text-heading { font-size: 46px; padding-bottom: 20px; margin: 0 auto 30px; }
    .hm-product-main { margin-bottom: 30px; }

    .milestone-list .item .milestone-year-cnt{height: 350px;padding: 10px;}
}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1500px) {
    .hm-toolroom-sec .container,
    .hm-sheetmetal-sec .container,
    .hm-laminated-sec .container,
    .hm-knovatic-sec .container,
    .hm-ourpresence-sec .container,
    .container {
        max-width: 1200px;
        margin: auto;
    }
    .text-para, .read-more-btn a{
        font-size: 18px;
    }
    .hm-knovatic-sec .text-heading {
        font-size: 26px;
    }
    .hm-sheetmetal-sec .text-heading {
        font-size: 25px;
    }
    .hm-knovatic-sec .text-heading strong {
        font-size: 20px;
    }
    .hm-sheetmetal-sec .text-para,
    .hm-laminated-sec .text-para {
        letter-spacing: 0.1px;
    }
    .banner-sec .text-heading {
        font-size: 58px;
    }
    .para {
        font-size: 22px;
    }
    a.cmn-btn {
        font-size: 16px;
        padding: 14px 25px;
    }
    .header-btn a.cmn-btn {
        font-size: 14px;
    }
    .bnar-cnt {
        width: 56%;
    }
    .bnr-btn a.cmn-btn {
        padding: 14px 35px;
        font-size: 15px;
    }
    .hm-milestone-sec .container {
        padding: 0 40px;
    }
    .hm-milestone-sec .milestone-list {
        gap: 16px;
        padding: 28px 10px 0;
    }
    .hm-milestone-sec .milestone-list:before {
        top: -19px;
    }
    .milestone-list .item .milestone-year {
        font-size: 19px;
        padding: 16px 10px;
        margin: 0 auto;
    }
    .milestone-list .item .milestone-year-cnt::before {
        transform: scale(0.9);
        top: -63px;
    }
    .hm-milestone-sec {
        padding: 60px 0;
    }
    .milestone-list .item .milestone-year-cnt p,
    .milestone-list .item .milestone-year-cnt ul li {
        font-size: 14px;
    }
    .milestone-list .item .milestone-year-cnt {
        padding: 7px;
        height: 285px;
    }
    .milestone-list .item .milestone-year-cnt ul li {
        margin: 0 0 15px 0;
        padding-left: 13px;
    }
    .milestone-list .item.four .milestone-year-cnt::before,
    .milestone-list .item.five .milestone-year-cnt::before,
    .milestone-list .item.six .milestone-year-cnt::before {
        top: -50px;
    }
    .hm-milestone-sec .text-heading {
        margin: 0 auto 48px;
    }
    .our-presence-cont h3 {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .presence-mail a {
        font-size: 18px;
    }
    .hm-ourpresence-sec {
        padding: 60px 0;
    }
    .our-presence-itm .panel-inner { padding: 30px 20px 50px;justify-content: start;}
    .our-presence-itm{ height: 440px;}
    .hm-ourpresence-sec .text-heading {
        font-size: 40px;
        margin-bottom: 30px;
    }
    .hm-products-sec {
        padding: 50px 0;
    }
    .hm-knovatic-sec .text-heading {
        font-size: 25px;
    }
    .hm-knovatic-sec .text-heading strong {
        font-size: 19px;
    }
    .hm-sheetmetal-sec .text-heading {
        font-size: 25px;
    }
    .hm-sheetmetal-sec .text-para,
    .hm-laminated-sec .text-para {
        letter-spacing: 0.1px;
    }
    .hm-sheetmetal-sec .hm-sheetmetal-slider {
        width: 63.8%;
    }
    .hm-sheetmetal-sec .rite-cnt {
        width: 33.6%;
    }
    .text-para, .read-more-btn a {
        font-size: 17px;
    }
    .hm-laminated-sec .hm-laminated-slider {
        width: 65%;
    }
    .hm-laminated-sec .text-heading {
        font-size: 25px;
    }
    .hm-commitment-sec .hm-commitment-list .left-cnt .text-heading {
        font-size: 40px;
    }
    .hm-toolroom-sec {
        padding: 48px 0 135px 0;
        margin-bottom: 200px;
    }
    .hm-component-list ul li {
        font-size: 35px;
    }

    .hm-product-main{max-width: 1200px;}
    .hm-products-sec .text-heading { font-size: 42px; padding-bottom: 15px; margin: 0 auto 20px; }
    .hm-products-sec .text-heading:before { right: -64px; transform: scale(0.8); }
    .hm-product-list { margin-bottom: 40px; }

    .hm-knovatic-sec, .hm-sheetmetal-sec, .hm-laminated-sec{padding: 50px 0;}
    .hm-commitment-sec{padding: 80px 0;}

    .read-more-btn a::before{right: -26px;}

    .hm-knovatic-sec .text-heading::before {
        right: -18px;
    }

    a.cmn-btn{letter-spacing: 0;}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1240px) {
    .hm-toolroom-sec .container,
    .hm-sheetmetal-sec .container,
    .hm-laminated-sec .container,
    .hm-knovatic-sec .container,
    .hm-ourpresence-sec .container,
    .container {
        max-width: 970px;
        padding: 0 10px;
    }
    a.cmn-btn {
        font-size: 15px;
        padding: 14px 22px;
    }
    .banner-sec .text-heading {
        font-size: 52px;
        line-height: 1.03;
    }
    .para {
        font-size: 18px;
        margin: 0 0 30px 0;
    }
    /* .banner-sec {
        padding: 122px 0 50px;
    } */
    .bnar-cnt {
        width: 57%;
    }
    .hm-milestone-sec .container {
        padding: 0 10px;
    }
    .milestone-list .item::before {
        top: -49px;
    }
    .hm-milestone-sec .milestone-list {
        gap: 10px;
        padding: 20px 10px 0;
    }
    .milestone-list .item .milestone-year {
        font-size: 18px;
        padding: 12px 10px;
        margin: 0 auto;
    }
    .milestone-list .item .milestone-year-cnt::before {
        transform: scale(0.7);
        top: -60px;
    }
    .milestone-list .item.four .milestone-year-cnt::before,
    .milestone-list .item.five .milestone-year-cnt::before,
    .milestone-list .item.six .milestone-year-cnt::before {
        top: -44px;
    }
    .milestone-list .item .milestone-year-cnt p,
    .milestone-list .item .milestone-year-cnt ul li {
        font-size: 14px;
    }
    .milestone-list .item .milestone-year-cnt ul li {
        margin: 0 0 10px 0;
        padding-left: 10px;
    }
    .presence-mail a {
        font-size: 16px;
    }
    .our-presence-cont p {
        font-size: 16px;
    }
    .our-presence-cont h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .presence-call p {
        margin-bottom: 5px;
    }
    .our-presence-itm .our-presence-cont {
        opacity: 1;
        max-height: 170px;
    }
    .hm-ourpresence-sec {
        padding: 50px 0;
    }
    .hm-ourpresence-sec .text-heading {
        font-size: 35px;
        margin-bottom: 25px;
    }
    .our-presence-itm {
        height: 365px;
    }
    .hm-ourpresence-sec .text-heading::before {
        bottom: -2px;
    }
    .bnr-btn a.cmn-btn {
        padding: 12px 32px;
        font-size: 14px;
    }
    .hm-products-sec {
        padding: 40px 0;
    }
    .hm-component-list ul li {
        font-size: 30px;
    }
    .text-heading::before {
        transform: scale(0.9);
    }
    .text-para {
        font-size: 16px;
        margin: 0 0 20px 0;
    }
    .read-more-btn a{font-size: 16px;}
    .hm-knovatic-sec .hm-knovatic-slider {
        width: 63%;
    }
    .hm-knovatic-sec .left-cnt {
        width: 35.9%;
    }
    /* .hm-knovatic-sec .text-heading {
        padding: 0;
    } */
    .hm-sheetmetal-list {
        gap: 20px;
    }
    .hm-sheetmetal-sec .hm-sheetmetal-slider {
        width: 61%;
    }
    .hm-sheetmetal-sec .rite-cnt {
        width: 36%;
    }
    .hm-sheetmetal-sec .text-heading {
        font-size: 22px;
    }
    .hm-sheetmetal-sec .text-heading::before {
        right: -81px;
    }
    .hm-laminated-list {
        gap: 20px;
    }
    .hm-laminated-sec .text-heading {
        font-size: 22px;
    }
    .hm-laminated-sec .left-cnt {
        position: relative;
        width: 35.5%;
    }
    .hm-commitment-sec {
        padding: 40px 0;
    }
    .hm-commitment-sec .hm-commitment-list {
        align-items: center;
    }
    .hm-commitment-sec .hm-commitment-list .left-cnt .text-heading {
        font-size: 34px;
    }
    .hm-commitment-sec .hm-commitment-list .left-cnt {
        width: 52.7%;
        position: relative;
    }
    .hm-toolroom-sec {
        padding: 48px 0 180px 0;
        margin-bottom: 150px;
    }

    .hm-product-main{max-width: 970px;padding: 0 10px;}
    .hm-products-sec .text-heading { font-size: 36px; padding-bottom: 10px; margin: 0 auto 15px; }
    .hm-product-list { margin-bottom: 30px; }

    .hm-commitment-sec .hm-commitment-list .left-cnt .text-heading{padding-bottom: 12px;}

    .hm-milestone-sec .text-heading {
        margin: 0 auto 20px;
        padding: 0;
    }
}
@media screen and (max-width:1199px) {}
@media screen and (max-width:980px) {
    .hm-toolroom-sec .container,
    .hm-ourpresence-sec .container,
    .hm-sheetmetal-sec .container,
    .hm-laminated-sec .container,
    .hm-knovatic-sec .container,
    .container {
        max-width: 720px;
        padding: 0;
    }
    /* .banner-sec {
        padding: 160px 0 50px;
    } */
    .bnar-cnt {
        width: 100%;
        text-align: center;
    }
    .bnar-cnt p {
        text-align: center;
        max-width: 510px;
        margin: 0 auto 20px;
    }
    .sub-heading {
        font-size: 16px;
    }
    .banner-sec .text-heading {
        font-size: 45px;
        width: 100%;
        text-align: center;
    }
    .hm-milestone-sec .milestone-list {
        flex-direction: column-reverse;
        width: 100%;
        max-width: 380px;
        margin: auto;
    }
    .milestone-list .item {
        width: 100%;
        margin: auto;
        padding-top: 60px;
        max-width: 220px;
        padding-bottom: 30px;
    }
    .milestone-list .item .milestone-year-cnt {
        height: 220px;
        padding: 15px;
    }
    .milestone-list .item .milestone-year-cnt ul li {
        padding-left: 17px;
    }
    .milestone-list .item .milestone-year-cnt::before {
        transform: scale(0.8);
        top: -54px;
    }
    .hm-milestone-sec .milestone-list:before {
        width: 80%;
    }
    .hm-milestone-sec {
        padding: 40px 0 0;
    }
    .hm-milestone-sec .owl-dots {
        display: none;
    }
    .hm-milestone-sec .milestone-list:before {
        top: 14px;
    }
    .hm-milestone-sec .milestone-list {
        padding: 0px 10px 0;
        gap: 0;
    }
    .hm-ourpresence-sec {
        padding: 30px 0;
    }
    .our-presence-itm {
        width: 100%;
        max-width: 350px;
        margin: auto;
        height: 416px;
    }
    .our-presence-list.owl-carousel .owl-dots {
        text-align: center;
    }
    .our-presence-list.owl-carousel .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        background-color: #000;
        margin: 0 5px;
        border-radius: 50px;
        outline: 1px solid #fff;
        outline-offset: 1px;
    }
    .our-presence-list.owl-carousel .owl-dots .owl-dot.active {
        background-color: #fff;
    }
    .milestone-list .item::before {
        top: 0;
    }
    .hm-products-sec {
        padding: 30px 0;
    }
    .hm-knovatic-sec {
        margin: 0;
    }
    .hm-sheetmetal-sec {
        margin: 0;
    }
    .hm-laminated-sec {
        margin: 0;
    }
    .hm-knovatic-list {
        flex-direction: column-reverse;
        width: 100%;
        max-width: 380px;
        margin: auto;
    }
    .hm-knovatic-sec .hm-knovatic-slider {
        width: 100%;
    }
    .hm-knovatic-sec .left-cnt {
        width: 100%;
    }
    .hm-knovatic-sec .text-para {
        letter-spacing: 0;
    }
    .hm-sheetmetal-list {
        flex-direction: column;
        width: 100%;
        max-width: 380px;
        margin: auto;
    }
    .hm-sheetmetal-sec .hm-sheetmetal-slider {
        width: 100%;
    }
    .hm-sheetmetal-sec .rite-cnt {
        width: 100%;
    }
    .hm-laminated-list {
        flex-direction: column-reverse;
        width: 100%;
        max-width: 380px;
        margin: auto;
    }
    .hm-laminated-sec .left-cnt {
        width: 100%;
    }
    .hm-laminated-sec .hm-laminated-slider {
        width: 100%;
    }
    .hm-commitment-sec .hm-commitment-list {
        flex-direction: column-reverse;
        width: 100%;
        gap: 25px;
        max-width: 380px;
        margin: auto;
    }
    .hm-commitment-sec .hm-commitment-list .left-cnt {
        width: 100%;
    }
    .hm-commitment-sec .hm-commitment-list .hm-commitment-slider {
        width: 100%;
    }
    .hm-toolroom-sec {
        padding: 40px 0;
        margin: 0;
    }
    .tool-room-cnt {
        max-width: 380px;
        margin: 0 auto 30px;
        width: 100%;
    }
    .hm-tool-slider {
        width: 100%;
        max-width: 450px;
        margin: auto;
    }
    .hm-toolroom-sec .tool-room-cnt .text-para {
        margin-bottom: 25px;
        text-align: center;
    }
    .text-para {
        letter-spacing: 0;
    }
    .hm-commitment-sec .hm-commitment-list .left-cnt .text-heading {
        width: 100%;
    }
    .hm-component-list ul li {
        font-size: 25px;
    }
    .products-images-list {
        flex-direction: column;
        max-width: 450px;
        margin: auto;
    }

    .hm-product-main{ max-width: 750px; padding: 0 10px; gap: 20px;margin-bottom: 20px;}
    .hm-products-sec .text-heading { font-size: 32px; }
    .hm-products-sec .text-heading:before { transform: scale(0.7); }
    .hm-product-list { margin-bottom: 20px; }

    .hm-knovatic-sec, .hm-sheetmetal-sec, .hm-laminated-sec {
        padding: 40px 0;
    }
    .read-more-btn, .hm-sheetmetal-list .read-more-btn {
        margin: 15px 0 0;
    }
    .hm-toolroom-sec .tool-room-cnt .text-heading{ margin: 0 auto 22px;}
    .hm-toolroom-sec .tool-room-cnt .text-heading::before {
        right: -12px;
    }
}
@media screen and (max-width:767px) {
    .hm-toolroom-sec .container,
    .hm-ourpresence-sec .container,
    .hm-sheetmetal-sec .container,
    .hm-laminated-sec .container,
    .hm-knovatic-sec .container,
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    .banner-sec .text-heading {
        font-size: 42px;
    }
    .para {
        font-size: 17px;
    }
    .text-heading::before {
        transform: scale(0.7);
        right: -18px;
    }
    .hm-knovatic-sec .text-heading {
        font-size: 23px;
    }
    .hm-toolroom-sec .tool-room-cnt .text-heading::before {
        right: -40px;
    }
    .hm-toolroom-sec .tool-room-cnt .text-heading {
        margin: 0 auto 25px;
    }
    .hm-commitment-sec .hm-commitment-list .left-cnt .text-heading {
        font-size: 28px;
    }
    .hm-component-list ul {
        flex-direction: column;
        text-align: center;
    }

    .hm-product-main { max-width: 100%; padding: 0 10px; gap: 10px; margin-bottom: 15px;}
    .hm-products-sec .text-heading { font-size: 28px; }
    .hm-products-sec .text-heading:before { transform: scale(0.6); }
    .hm-product-list { margin-bottom: 15px; }
    .product-btn a.cmn-btn { padding: 12px 37px 12px 15px; font-size: 14px; }

    .product-btn a.cmn-btn::before{ right: 5px;}

    .hm-milestone-sec .text-heading {
        margin: 0 auto 15px;
    }
    .milestone-list .item{padding-top: 50px;}
}
@media screen and (max-width:680px) {
    .hm-component-list ul li {
        font-size: 20px;
    }
}
@media screen and (max-width:640px) {}
@media screen and (max-width:600px) {}
@media screen and (max-width:580px) {}
@media screen and (max-width:480px) {
    .banner-sec .text-heading {
        font-size: 37px;
    }
    .hm-laminated-sec .text-para a {
        margin: 5px 0 0;
    }
    .hm-component-list ul{padding: 0 80px;}
    .hm-component-sec{ aspect-ratio: 23.9 / 12.5;}

    .hm-product-list.owl-carousel .owl-item img{margin: auto;}
    .hm-milestone-sec {
        padding: 25px 0 0;
    }
}
@media screen and (max-width:440px) {}
@media screen and (max-width:375px) {}
@media screen and (max-width:360px) {}