*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
@media screen and (max-width: 420px) {
    #main{overflow-y: hidden;}
    .container{width: 90%;margin: 0 auto;}
    section{
        padding: 30px 0;
    }
    .logo{
        width: 45%;
        margin-top: 8px;
    }
    .logo img{
        width: 100%;
    }
    .hearder-button button a{
        font-size: 15px;
    }
    .num-icon {
        font-size: 18px;
    }
    .right-contact-details{
        padding-top: 0;
        display: flex;
        flex-wrap: nowrap;
    }
    /* .header-container{
        display: block;
    } */
    .number-with-sociaL{
        display: none;
    }
    .hearder-button{
        margin-top: 15px;
    }
    .banner-container .greenbox {
        left: -7px;
        top: -102px;
        width: 100px;
        height: 100px;
    }
    .banner-container .greenbox svg{width: 70px; height: 70px;}
    .banner-text h2 {
        font-size: 70px;
        line-height: 43px;
    }
    .banner-text h1 {
        font-size: 25px;
        line-height: 25px;
    }
    .banner{
        height: auto;
        
    }
    .banner-para{
        width: 100%;
        font-size: 20px;
    }
    .banner-text{
        margin-top: 320px;
        width: 100%;
    }
    .banner-text .banner-store{
        width: 88%;
    }
    .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: 4px;-webkit-text-stroke: 3px rgb(121, 121, 121);font-size: 28px;font-size: 72px;left: -10px;-webkit-text-fill-color: transparent !important;}
    .count-left h3{
        font-size: 75px;
    }

    .hub-space{font-size: 60px; letter-spacing: -2px; line-height: 60px;}

    .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;
    }
    .count-left{
        width: 100%;
        gap: 25px;
       
    }
    .strength-details{
        width: 100%;
        padding: 17px 6px;
    }
    .about-text {
        width: 100%;
       
    }
    .about-text h2{
        font-size: 22px;
    }
    .short-discribe-para{
        width: 100%;
        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;
    }
    .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: 40px;}
    .why-us-heading h2 span{font-size: 50px;}

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

    .accordion{font-size: 20px;}
    .acordian-box .accordion span{top: 22px; right: 20px;}
    .footer-bottom{flex-direction: column;}
    .quicklinks{margin-top: 0px; padding-left: 0px; border: none;}
    .footer-logo img{margin-bottom: -20px;}
    .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: 130px;
        padding-left: 0px;
    }

    .wings-name{font-size: 26px; color: #333; padding-top: 10px;}

    .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;
        text-align: left;
    }
    .wings-details-content p {
        font-size: 18px;
        margin-top: 6px;
        color: #333;
    }
    .li-part ul.products li{padding: 10px 20px; font-size: 16px;}

    .li-part ul li {
        font-size: 16px;
        padding: 6px 0;
      
    }
    .li-part {
        flex-direction: row;
        gap: 15px;
        flex-wrap: wrap;
        width: 100%;
    }
    .li-part ul {
         width: 100%; 
    }
    .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;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 10px;
        background-color: #ffffffec;
    }
    .wings-details-content .logo-image-div{background-color: transparent;backdrop-filter: none;}
    .company-wing-overview{
        width: 100%;
        background-size: contain;
        height: auto;
        background-position: top center;
        padding: 32px 10px;
        border-radius: 18px;
    }
    .company-wings-details{
        top: 0px;
        height: auto;
        padding-top: 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;
    }

    .about-describe{background: none; padding-top: 0px;}

    .short-discribe{
        gap: 15px;
       
    }
    .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;}

    /* CONTACT US START */
   .contact-banner-bg{
    height: auto;
   }
   .contact-banner-head{
    margin-top: 70px;
    width: 100%;
   }
   .contact-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;
    }
    .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: #359b4c;
    }
    .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;
    }
    .lebel-input input, textarea {
        width: 100%;
      
    }






    /* 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: 40px; width: auto;}
.partners li.large-logo{width: 40px; width: auto;}
   
    .header-top{background-color: #ffffff3d;backdrop-filter: blur(20px);padding: 0 10px;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-image{height: auto; padding-bottom: 20px;}
   .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{font-size: 38px;}
   .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{font-size: 15px; margin-top: 15px;}
  }