*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
@media screen and (max-width: 1366px) {
    .footer-content{height: 145px;}
    .our-team ul li{width: 340px;}
    .who-we-serve ul li p{width: 36%;}
    .strength-details p{font-size: 18px;}
     .about-mission{margin-left: 5%; width: 50%;}
     .why-choose-box-container .why-us-box{width: 30%;}

     .about-mission h2 span.extralarge{font-size: 130px; line-height: 114px;}
     .challenges:before{width: 75%; height: 90%; background-size: contain;}
     .about-mission h2 span.highlightbg{font-size: 55px;}
     .corevalue h4{font-size: 85px;}
     .bottom-corevalue-img img{width: 430px; margin-top: -170px;}
     .msg-chairmandesk img{width: 45%;}
     .bulkorder-box h2{line-height: 42px; font-size: 50px;}
     .st, .ry{width: 25%; font-size: 18vw; top: 28%;}
     .image-map{width: 1280px;}
     .rightcontent ul li{width: 150px; height: 160px;}
     .company-wing-overview{height: 500px;}
     .company-wings-details{top: 65px;}
     .main-wings-div{margin-bottom: 450px;}
     .sub_categories_content{height: 440px;}
     .sub_categories_content_details{width: 50%!important;}
}
@media screen and (max-width: 436px) {
    #main{overflow-y: hidden;}
    .half-width{width: 100%!important;}
    .container{width: 90%;margin: 0 auto;}
    section{
        padding: 30px 0;
    }
    .logo{
        width: 45%;
        margin-top: 8px;
    }
    .logo img, .logo .full-logo{
        width: 100%; height: auto;
    }
    img.short-logo{width: auto;}
    .hearder-button button{padding: 10px 15px;}

    .hearder-button button a{
        font-size: 15px;
    }
    
    .menu-icon{top: 20px;}

    .num-icon {
        font-size: 18px;
    }
    .whitebannerbg{display: none;}
    .right-contact-details{
        padding-top: 0;
        display: flex;
        flex-wrap: nowrap;
    }
    /* .header-container{
        display: block;
    } */
    .number-with-sociaL{
        display: none;
    }
    .hearder-button{
        margin-top: -10px;
    }
    
    .menu__brand{display: none;}

    .menu__list{width: 100%;}

    .menu__item{width: 45%; height: 80px;}
    .menu__link{text-align: center; font-size: 20px;}
    .menu__link img{width: 80%; height: auto; display: inline-block;}
    .menu__list > ul.textlink{position: relative; margin-top: 10px; left: 0;}
    .menu__list > ul.textlink li{width: 100%; }
    .textlink li{text-align: center; justify-content: center!important;}
    .navmenu a.menu__link:hover {color: rgb(24, 122, 54) !important; text-decoration: none !important; font-weight: normal !important;}

    .banner-container{padding-top: 10px;}
    .banner-text .wholesale-top{font-size: 25px;}
    .homebanner .banner-text h2{font-size: 25px; line-height: 25px; position: absolute; bottom: 5px;}
    .inner-hubhead small{font-size: 30px; line-height: 25px;}

    .banner-container .greenbox {
        left: -7px;
        top: -102px;
        width: 100px;
        height: 100px;
    }
    .banner-container .greenbox svg{width: 70px; height: 70px;}
    .banner-text h2,  div.inner-hubhead h1, .banner-text h1.heading1{
        font-size: 45px;
        line-height: 40px;
    }
    .banner-text h1 {
        font-size: 25px;
        line-height: 25px;
    }
    .banner{
        height: auto;        
    }
    .home-bgvideo{display:none;}
    .homebanner{height: 300px; background-size: cover; background-position: top left; overflow:visible;}
    .homebanner .banner-text{margin-top: 40px; height: 250px;}

    .homebanner .banner-text h1, .homebanner .banner-text .banner-para{display: none;}
    .homebanner .button{position: absolute; bottom: 0; transform: translate(-50% 0); display: none;}

    .banner-text .banner-store{padding-top: 0px;}

    .banner-para{
        width: 100%;
        font-size: 18px;
    }
    .banner-text{
        margin-top: 140px;
        width: 100%;
    }
    .banner-text .banner-store{
        width: 34%;
    }
    .hub-image{
        height: 68vw;
        width: 100%;
       top: 140px;
        background-size: cover;
    }
    .hub-shape{
        height: 500px;
        left: 0;
        top: 0;
        background-size: cover;
    }
    .hub-image img{
        height: 100%;
    }
    .count-left h3 .strength-sub{
        font-size: 30px;
    }
    .count-left h3 .plus{top: -3px;font-size: 28px;font-size: 42px;left: 10px;}
    .count-left h3{
        font-size: 45px;
    }

    .hub-space{font-size: 40px; line-height: 40px; flex-direction: column; width: 100%;}
    .company-strength h2{font-size: 15px; padding: 0px; margin-top: 10px;}
    .finishtext{margin-top: 0px;}
    .hub-space small{font-size: 30px;}

    .productcatlist{margin-top: 20px;}
    .productcatlist li{width: 100%; min-height: 250px; height: auto!important;}
    .hub-stamp.leftimg{left: auto;}
    .subcats h3{width: 100%;}
    .productcatlist img.hub-stamp.largeimg{height: 80px!important;}
    
    .company-strength{background-size: contain; padding-bottom: 60px;}

    .strength-details p {
        font-size: 18px;
        padding: 18px;
    }
    .banner-text .banner-store img{
        width: 100%;
    }
    .strength-container {
        display: flex ;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 0px;
        margin-bottom: 40px;
    }
    .count-left{
        width: 100%;
        gap: 25px;
       
    }
    .strength-details{
        width: 100%;
        padding: 17px 6px;
    }
    .about-text {
        width: 100%;
       
    }
    .about-text h2{
        font-size: 20px;
    }

    .hand-cap {
        width: 100%;
    }
    .hand-cap h3{
        font-size: 25px;
        line-height: 25px;
    }
    .describe-box-container{
        width: 100%;
        padding-left: 0;
        gap: 24px;
        margin-left: 0;
        margin-top: 0px;
    }
    .describe-box{
        width: 100%;
        height: 200px;
        justify-content:left;
        margin-top: 60px;
    }

    .describe-box p{font-size: 28px; padding-top: 15px;}
    .describe-box .into{padding-top: 0px; float: left; width: 40%; display: block}
    .describe-box .godown-detail{float: right; width: 60%; display: block; margin-top: 0px; padding-top: 0px;}
    .describe-box h5{font-size: 22px; padding-top: 10px;}

    .why-us-heading h2, .joinus h2{font-size: 38px; font-size: 42px;}
    .why-us-heading h2 span{font-size: 50px;}

    .heading3 small{font-size: 30px;}

    .radio label{display: inline-block; padding-bottom: 10px;}

    .accordion{font-size: 20px;}
    .acordian-box .accordion{padding-right: 42px; font-size: 18px;}
    .acordian-box .accordion span{top: 22px; right: 20px;}
    .footer-bottom{flex-direction: column;}
    .quicklinks{margin-top: 0px; padding-left: 0px; border: none; align-items: center; justify-content: center;}
    .footer-logo img{margin-bottom: -30px;}
    .footer-content{
        width: 100%;
    }
    .footer {
        padding: 0px 0 80px;
    }
    .footer-content p{
        font-size: 16px;
    }
    .footer-logo{
        width: 90%;
        bottom: 30px;
    }
    .footer .copy-right {      
      left: 0;
      bottom: -12px;
      text-align: center;
      width: 100%;
      margin-top: 0px;
    }


    .infrahub-video{
        height: 190px;
        background-size: contain;
        background-attachment: scroll;
    }



    .wings-details-content {
        width: 100%;
        margin-top: 0px;
        padding-left: 0px;
    }

    .wings-name{font-size: 26px; line-height: 26px; color: #333; padding-top: 150px; position: relative;}

    .coating{
        font-size: 26px;
        color: #333;
    }
    .chemical{
        font-size: 26px;
      
    }
    .wings-flex-container{
        left: 0px;
        flex-direction: column;
        gap: 12px;
        top: 0px;
        padding-top: 0px;
    }
    .wings-highlight{
        flex-direction: column;
        padding-right: 22px;
        width: 100%;
        border: none;
        padding-bottom: 10px;
        text-align: left;
        align-items: flex-start;
        border-bottom: solid 1px #dbdbdb;
    }
    .wings-details-content p {
        font-size: 18px;
        margin-top: 6px;
        color: #333!important;
    }
    .li-part ul.products li{padding: 10px 20px; font-size: 16px;}

    .li-part ul li {font-size: 16px; padding: 0px;}

    .li-part {
        flex-direction: row;
        gap: 15px;
        flex-wrap: wrap;
        width: 100%;
    }
    .li-part ul {
         width: 100%; 
    }

    .restbrands{height: 40px; font-size: 18px; line-height: 40px; border-left: none; font-size: 25px!important; text-transform: capitalize; letter-spacing: 0; color: #5a5a5a;}

    .wings-highlight h4{
        font-size: 35px;
    }
    .wings-highlight h4 span{
        font-size: 17px;
        line-height: 18px;
    }
    .wings-details-content img {
        width: 140px;
        height: auto;
        object-fit: cover;
        object-position: center;
        background-color: #ffffffec;
    }
    .wings-details-content .logo-image-div{backdrop-filter: none; position: absolute; top: 0;}
    .company-wing-overview{
        width: 100%;
        background-size: contain;
        height: auto;
        background-position: top center!important;
        padding: 32px 10px;
        border-radius: 18px;
    }
    .company-wings-details{
        top: 0px;
        height: auto;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 300px;
        box-shadow: none;
        background: linear-gradient(0deg,rgba(217, 217, 217, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);

    }
    .procem-mini,.procem-mini-2{
        display: none;
    }
    .wings-image{
        display: none;
    }
    .bg{
        margin-top: 0px;
    }
    .bg-2 {
         margin-top: 0px; 
    }

.full-container{width: 100%;}

    .swiper-head{
        width: 90%;
        padding-left: 5%;
    }
    .swiper-head h3{
        line-height: 30px;
        font-size: 28px;
    }
    .swiper-head p{
        font-size: 18px;
    }
    .swipper-js{
        padding:  32px 8px;
        margin-top: -40px;
    }
    .swiper-slide {
        height: 280px;
    }

    .footer-art{display: none;}

    .footer-content{height: auto;}

    /* CONTACT US START */
   .contact-banner-bg{
    height: auto;
   }
   .inner-banner-head{
    margin-top: 70px;
    width: 100%;
   }
   .inner-banner-head h1{
    font-size: 60px;
   }
   .summery-address h3 {
    font-size: 18px;
    width: auto;
}

.summery-address h3 a{color: #fff;}

.contact-summery{
    padding: 20px 18px;
    margin-top: 15px;
    position: static;
    width: 100%;
}
.contact-banner-para{margin-top: 20px;}
.contact-absolute{position: static;}

.gallary{
    margin-bottom: -8px;
}
    .g-main-flex-con{
        flex-direction: column; display: none;
    }
    .gallary-left-flex {
        flex-direction: column;
        width: 100%;
        gap: 15px;
    }
    .gallary-left-flex .gallry-image-box-1 {
        width: 100%;
        height: auto;
           }
    .gallary-left-flex .gallry-image-box-2 {
        width: 100%;
    }
    .gallary-left-flex .gallry-image-box-3 {
        display: none;
    }
    .gallary-left-flex .gallry-image-box-4 {
        width: 100%;
        height: auto;
    }
   .gallary-right-gallry-image-box{
    width: 100%;
    margin-top: 15px;
    height: 300px;
    overflow: hidden;
    object-position: center;
   }
   .gallary-right-gallry-image-box img{object-fit: cover;}
    .contact-flex-container{
        flex-direction: column;
        box-shadow: none;
    }
    .contact-flex-left{
        width: 100%;
        padding: 50px auto;
        border-radius: 25px;
        background: #c6e6cd;
    }
    .godown-sub p{display: none;}

    .rotate-flex{
        flex-direction: column;
        align-items: normal;
    }
    .godown-sub{
        transform: rotate(0deg);
    }
    .godown-sub h3 {
        font-size: 34px;
        font-weight: 600;
    }
    .contact-section{
        background-color: #fff;
    }
    .office-location h5{
        font-size: 18px;
        border-bottom: solid 1px #51ad66;
    }
    .form-right{
        width: 100%;
        padding: 0px 00px;
        margin-top: 50px;
    }
    .lebel-input input, textarea {
        width: 100%;      
    }


.contact-image{background-color: #fafafa; background-image: none; height: auto; padding-bottom: 20px;} 



    /* finishing */
    .contruction{
        padding-top: 15px;
        color: #333;
    }
    .button {
        margin-top: 8px;
    }
    .office-location {
        margin-left: 0px; 
    }
    .describe-image-right{
        width: 100%;
        height: auto;
        top: 0px;
        margin-top: 25px;
        position: static;
        
    }

    .describe-image-right img{border-radius: 20px;}
    .store-extraspace{margin-top: 60px;}

    .ibox{margin-top: -32px; margin-bottom: -15px;}

    .store-lessspace{
        margin-top: 60px;
    }
    .arrow {
        width: 82px;
        height: 82px;
        right: -24px;
        top: -77px;
    }
    .slider-arrow {
        display: none !important;
    }
    .quate {
        font-size: 100px;
        color: #cdcdcd5e;
      
        left: -25px;
        top: 16px;
    }
    .main-wings-div {
   
        margin-bottom: 30px;
    }
    .company-wing-container {
           padding-bottom: 0px;
    }

.partners li{height: 35px; width: auto;}
.partners li.large-logo{width: 40px; width: auto;}
   
   .header-top{background-color: #ffffff3d;backdrop-filter: blur(20px);padding: 0px;height: 75px;}
   .form-container{flex-direction: column;}
   .form-left, .form-middle, .form-right{width: 100%; border-radius: 0px;}
   .form-left h4{padding: 25px 10px; font-size: 36px; line-height: 38px;}
   .contact-sum-rel h4{font-size: 36px; line-height: 38px;}
   .why-choose-box-container .why-us-box {width: 100%;}
   .co-ad-box{width: 100%;}
   .co-ad-box h4{font-size: 30px;}
   #segment{width: 100%;}
   .form-flex{flex-direction: column;}
   .flex-form{flex-direction: column;}
   .form-flex .lebel-input{width: 100%;}
   .form-middle{padding: 25px 10px;}
   .form-heading h3, .heading2 span.green{font-size: 38px; line-height: 42px;}
   .form-heading h3 span{font-size: 18px;}
   .social-link i{margin-right: 5px; width: 30px; height: 30px; font-size: 16px;}
   .wings-highlight{align-items: top; justify-content: left; padding-right: 0px;}
   .footer-bottom{padding-right: 0px;}
   .footer-content h3{margin-top: 15px;}

   .menu__list > ul.textlink{padding-bottom: 30px;}
   .banner-right{position: static; width: 100%;}
   .banner-right ul{gap: 15px; margin-top: 15px;}
   .banner-right ul li{width: 47%; height: 160px; font-size: 25px; line-height: 30px;}
   .banner-right ul li span{font-size: 40px;}
   .banner-client-logo{margin-top: 50px; padding-bottom: 0px;}
    .large-center-head{font-size: 45px; line-height: 50px; letter-spacing: -3px;}
   #horizontal-scoll:before, #horizontal-scoll:after{display: none;}
   .horizontal > div:first-child{margin-left: 0px;}
   .horizontal .card{padding: 0px; margin: 0; width: 380px; flex-direction: column;}
   .horizontal .card img{height: 270px; width: 90%; object-fit: cover; border-radius: 20px;}
   .why-us-heading p{width: 90%; padding-bottom: 50px;}
   .why-choose-box-container .why-us-box{visibility: visible;}
   p.quotemsg{position: static; width: 100%; font-size: 24px; line-height: 25px; margin-top: 20px;}
   p.quotemsg:before{font-size: 120px; margin-left: -40px; top: -20px; line-height: 50px;}
   .who-we-serve ul li, .who-we-serve ul li h3{width: 100%; flex-direction: column; align-items: flex-start;}
   .who-we-serve ul li p{width: 100%;}
   .who-we-serve ul li img{display: none;} 
   .banner-client-logo p{padding: 10px 0px;}
   .banner-client-logo h4{font-size: 28px;}
   .bulkborder-container{flex-direction: column;}
   .bulkorder-box{width: 100%; height: auto; padding: 30px 35px; margin-top: 20px;}
   .bulkorder-box h2{font-size: 40px; margin-top: 20px;}
   .bulkorder-box img{width: 110px; top: 20px;}
   .bulkorder-box p{width: 100%;}
   .subheading{font-size: 20px;}

   .decorhub-banner{background-position: top right;}

   .prochem-banner{background-position: right top;}
   .hub-innerbanner .inner-banner-head{padding: 15px; background-color: #ffffffc7; backdrop-filter: blur(10px); border-radius: 15px; margin-top: 0px;}
   .teknohub-banner .inner-hubhead, .metalhub-banner .inner-hubhead{width: 100%;}
   .hub-innerbanner .banner-container{margin-top: 17vh;}
   .banner-text h2 .para-gray,  div.inner-hubhead h1 .para-gray{color: #5b5b5b!important;}
   .banner-text .lightgray{color: #bbbbbb;}
   .chemdrums{display: none;}
   .about-subHub{padding-bottom: 0px;}
   .about-subHub-left, .about-subHub-right{width: 100%; position: static;}
   .about-subHub-left{padding-bottom: 25px;}
   .about-subHub-right{padding: 30px;}
   .about-subHub-right p.quotemsg{margin: 20px; width: 90%; font-size: 24px; line-height: 25px;}
   .about-subHub-right ul{margin-left: 0px;}
   .about-subHub-right ul li{font-size: 35px; min-width: 100px; margin-right: 20px;}
   .video-box{width: 100%; height: 250px; margin-bottom: 20px;}
   .sub_categories_panel{flex-direction: column;}
   .sub_categories_content{width: 100%; height: 50px;}
   .sub_categories_content_details{padding: 20px; bottom: auto; width: 100%!important;}
   .sub_categories_content img{height: 100%; object-fit: cover;}
   .sub_categories_panel .sub_categories_content{height: auto; align-items:normal; justify-content: flex-start; background-color: #fff;}
   .sub_categories_panel .sub_categories_content_details{width: 100%; position: relative; top: 0px;}
   .sub_categories_panel  img{height: auto!important;}
   .sub_categories_content:nth-child(even) .sub_categories_content_details{right: auto; left: 0; width: 100%;}
   .sub_categories_content:after{display: none;}
   .sub_categories_content_details h2{line-height: 22px; font-size: 22px; font-weight: 400; color: #323232;}
   .sub_categories_content_details p{color: #333333; font-size: 16px; line-height: 20px; margin-top: 10px;}
    .who-we-serve ul li h3{font-size: 30px;}    
    .who-we-serve ul li p{line-height: 19px; font-size: 18px;}
   .sub_categories_expanded{width: 100%!important; height: 400px!important;}
   .prochem-content:after{display: none;}
   .footer-logo .annvyearslogo{background-size: cover; width: 28px; height: 28px;}

   .horizontal .card > div, .about-mission {width: 100%; margin-left: 0px; height: auto; padding: 10px; box-sizing: border-box;}
      .horizontal .card > div{width: 100%; padding: 10px 5%;}

   .mission-container{margin-top: 20px;}
    .mission-container .container{width: 100%; padding-top: 5vh; min-height: 40vh; flex-direction: column; justify-content: flex-start;}
  .leftset.mission-container .about-mission{order: 1;}
  .leftset.mission-container .about-rightimg{order: 3;}
 .leftset.mission-container .strength-details{order: 2;}

 .bottom-corevalue-img{flex-direction: column; margin-top: 10px;}
 .corevalue img{width: 100%; position: relative; right: 0%; top: 0; margin-top: 0px;}
 .bottom-corevalue-img img{z-index: 1;}
 .about-mission h2{font-size: 26px; line-height: 24px;}
 .about-mission h2 span{font-size: 60px;}
#horizontal-scoll{margin-top: 10px;}
   .card-content h2{font-size:25px; line-height: 28px;}
   .card-content h2 span{font-size: 60px; padding: 10px 0;}
   .partner-bannerbottom{padding-bottom: 0px;}
.mission-container .strength-details{margin: 20px auto; width: 95%; position: static;}
.about-rightimg{width: 100%; margin-top: -100px; border-radius: 0px;}
.mission-container .container h2{padding: 0 10px; margin-bottom: 20px;}
.mission-container .container h2 img{width: 100px;}
.coregreenbg{display: none;}
.mission-container .quotemsg{width: 100%; padding-top: 30px; font-size: 30px; line-height: 30px; margin-left: 0px;}
.mission-container .about-text{width: 90%;}
.promises{flex-direction: column; margin-top: 20px; gap: 0;}
.promises li{width: 100%; margin-bottom: 20px;}
.promises li h2{padding-bottom: 0px;}
.prochem-content.about-subHub-right:after{position: static; width: 260px; height: 179px; background-size: contain; margin-bottom: -32px;}
.about-mission h2 span.highlightbg{font-size: 30px; padding: 0px 15px; line-height: 45px; border-radius: 5px;}
.about-mission h2 span.extralarge{font-size: 60px; line-height: 65px; padding-top: 0px;}
.about-mission h2 span.highlighttext{font-size: 40px; padding-top: 15px; display: block;}
.mission-container .strength-details:before{display: none;}
.about-mission p{font-size: 18px; width: 100%;}
.corevalue h4{font-size: 50px; line-height: 50px;}
.corevalue .container{padding-top: 0px;}
.mission-container.corevalue{overflow: visible; height: auto; padding-bottom: 50px;}
.sidebyside{flex-direction: column;}
.heading2.form-heading h3, .heading2 span.highlight, .heading2 h1{font-size: 45px; line-height: 40px;}
.sidebyside p.righttext{width: 100%;}
.msg-chairmandesk{flex-direction: column;}
.msg-chairmandesk p{width: 100%; height: auto; padding: 20px; font-size: 20px; background-color: #ffffffcf;}
.msg-chairmandesk p::before{display: none;}
.msg-chairmandesk img{width: 80%; margin-left: 10%;}
.inner-hubhead ul li{border: solid 1px #747474;}
.plywoods{width: 100%; background-position: right top;}

.finance-hub-content.about-subHub:after{position: static; background-position: top right; width: 100%; height: 275px; margin-top: -30px; background-size: contain;}

.productslist .sub_categories_content{width: 100%;}
.st, .ry{display: none;}
.mobonly{display: block;}
.date-timeline-section{height: 750px; padding: 10px 0; background: #f7f7f7; overflow: hidden;}
.date-timeline-section .large-center-head{padding-top: 10px;}
.date-timeline-section .rows{width: 100%; padding-top: 50px;}

.storycircle{width: 350px; height: 350px; visibility: hidden; position: absolute; }
.text-list{left: 0; position: relative; height:600px; margin-top: 20px; top: 0%; padding: 0px;text-align: left;}
.text-list .out-text{position: absolute; background-image: url(../images/story-bg-mobile.webp); background-position: bottom right; background-repeat: no-repeat; width: 100%; height: 100%; color: #fff; top: 0; max-width:none; text-align: left; font-size: 24px; padding-top: 130px; padding-left: 2%; padding-right: 2%; text-align: center;}
.text-list .year2003{background-color: #828e84;}
.text-list .year2015{background-color: #6e7d70;}
.text-list .year2018{background-color: #a5b995;}
.text-list .year2022{background-color: #78866c;}
.text-list .year2024{background-color: #7aa158;}
.text-list .year2026{background-color: #579224;}

.karigar-container{padding-top: 0px!important; margin-top: 0px;}
.text-list .out-text span{display: block; font-size: 80px; font-weight: 700; color: #ffffff48; padding-top: 0px; position: absolute; left: 0; top: 40px; width: 100%; text-align: center;}
.text-list .out-text span i{display: none;}
.decorhub-right.about-subHub-right:after{display: none;}
.about-subHub-right ul{flex-direction: column;}
.about-subHub-right ul li{display: flex; align-items: center; width: 100%; text-align: center;}
.about-subHub-right ul li span{display: inline-block; padding-left: 10px;}
.about-subHub-left h2{font-size: 25px; line-height: 30px; margin-top: 20px;}
.about-subHub-left p, .heading2 p, p.largepara{font-size: 18px!important; line-height: 20px;}
.subhub-video{padding-top: 50px;}
.buildr-content.about-subHub-right:after{background-size: cover; width: 300px; height: 150px; bottom: -100px;}
.waterhub-right.about-subHub-right:after{display: none;}
.prochem-content.about-subHub-right:after{width: 240px; height: 165px; }
.metal-content.about-subHub-right:after{width: 275px; height: 125px; background-size: cover;}
.teknohub-content.about-subHub-right:after{position: relative;}
.hdpepipe{background-image: none;}
.plumbing-pipes{width: 100%;}
.parallax-image{display: none;}
.infrastructural-heroes .flexbox{flex-direction: column;}
.infrastructural-heroes .leftcontent, .rightcontent{width: 100%;}
.infrastructural-heroes .rightcontent ul li{width: 47%; height: 200px;}
.review-container{width: 100%; height: auto; overflow: hidden; border-radius: 0px; margin: 0px;}
div.review-card{width: 350px; top: 10px; margin-bottom: 25px;}
.review-card .swiper-slide{background-color: #e3e3e3;}
.partner-list{gap: 20px;}
.partner-list li{width: 47%; height: 150px;}
.partner-strength{margin-top: 0px;}
.partners-banner{height: 260px; background-size: cover; margin-top: 60px;}
.about-banner-bg{background-position: top center; height: 540px; background-size: contain; padding-top: 170px; margin-top: 75px;}
.corevalue h4{font-size: 30px; line-height: 35px;}
.nobr{display: none;}
.image-map{display: none;}
.no-margin-mobile{margin-top: 0px!important;}
.infrastructural-heroes h2{font-size: 25px;}
.homevideo{height: 50vh; overflow:hidden;}
form .zf-namelarge .zf-twoType .zf-nameWrapper span{width: 100%; margin-left: 0%;}
form .zftwoColumn .zfCol{width: 100%; max-width: 100%;}
form .zftwoColumn, .zfthreeColumn{flex-direction: column; gap:0px;}
.warehouses p a{position: static;}
.horizontal .card > div:before{display: none;}
.tools-content.about-subHub-right:after{display: none;}
#compassContainer{width: 100%; height: auto;}
#VDABcompass{width: 300px; height: auto;}
.circle{position: static; left: 0; margin-bottom: 15px; border-radius: 20px;}
.toolshubcenter{display: none;}
.bottompartners img{height: 30px;}
.contact-banner-bg{background: url(../images/shape-banner-bg.webp) no-repeat right bottom;}
.project-contact{padding: 0px; width: 100%;}
.sub_categories p.quotemsg{width: 100%; line-height: 24px;}
}