/*=== responsive for mobile===*/


@media (max-width: 767px) {
	
    /*=== Heading style====*/	
        
    h1{
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 0;
        color: #222;
    }
    
    
    h2 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 0;
        color: #222;
    }
    
    h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 0;
        color: #222;
    }
    
    h3 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 0;
        color: #222;
    }
    
    h4 {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 0;
        color: #222;
    }
    
    h5 {
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 0;
        color: #222;
    }
    
    h6 {
        font-size: 16px;
        font-weight: 100;
        margin-bottom: 0;
        color: #222;
    }

    .home-banner{
        margin-top: 0px;
    }

    #navbarSupportedContent .navbar-nav {
        margin-top: 0px;
        background-color: #000;
    }

    #header .navbar-light .navbar-toggler-icon {
        top: 16px;
    }

    #header .nav-link:hover {
        border-bottom: 0px solid #ffffff;
    }

    #header .nav-link{
        border-bottom: 0px solid transparent;
    }

    .top-header{
        margin-top: 0px;
    }

    #header .start-header{
        box-shadow: none;
    }

    .logo{
        text-align: center;
    }

    .logo .navbar-brand{
        margin-right: 0px;
    }

    .top-free-estimate {
        padding-top: 1px;
    }

    .top-free-estimate p {
        font-family: 'Ek Mukta';
        font-size: 16px;
        line-height: 20px;
    }

    .top-call-section {
        display: flex;
        padding-top: 2px;
        padding-left: 0%;
        justify-content: center;
    }

    #header .navbar-brand img {
        width: 86px;
    }
    
    #header .dropdown-menu {
        padding: 0px!important;
    }

    #header .nav-link::after{
        display: none;
    }

    #header .navbar-toggler{
        display: none;
    }

    #header .nav-item{
        padding-left: 0px !important;
    }

    #header .nav-link{
        font-size: 15px;
        padding: 5px 10px !important;
        display: block;
    }

    .offcanvas-collapse .nav-link{
        font-size: 16px !important;
    }
    
    .offcanvas-collapse .navbar-nav .dropdown-menu li a{
        font-size: 15px;
    }

    .banner-text {
         top: 44%;
    }
    
    .banner-text h3{
        font-size: 16px;
    }

    .swiper-container{
        height: calc(100vh - 350px);
    }

    .company-image-block {
        width: 100%;
    }

    .company-info-block {
        width: 100%;
        padding-top: 24px;
        padding-left: 0px;
        padding-right: 0%;
    }

    .our-story-btn a{
        font-size: 18px;
    }

    .our-story-btn a img{
        width: 25px;
    }

    .big-text{
        font-size: 24px;
    }

    .associates-small-text{
        font-size: 18px;
    }

    .associates-heading {
        margin-top: 10px;
    }

    .associates-section {
        padding-top: 30px;
        padding-bottom: 38px;
    }

    .leading-text{
        font-size: 16px;
        line-height: 28px;
        width: 100%;
    }

    .brand-logo-item {
        width: 49.28%;
        margin-top: 8px;
    }

    .video-play-btn{
        width: 42px;
        display: none;
    }

    .sustainbuilty-block {
        width: 100%;
    }

    .sustain-builty-content h2{
        font-size: 28px;
    }

    .sustain-builty-content {
        padding: 0 10px;
    }

    .skill-development-left h2 span {
        font-size: 64px;
    }

    .compaany-title {
        font-size: 22px;
    }

    .skill-development-left h2{
        font-size: 30px;
    }

    .brand-logo-item img{
        width: 100%;
    }

    .skill-development-left {
        width: 100%;
        padding-left: 20px;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-right: 20px;
    }

    .skill-development-right {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 8px;
    }

    .burgermenu {
        top: 8px;
        right: 32px;
    }

    .offcanvas-collapse{
        width: 264px;
    }

    .burgermenu.opened{
        left: 85%;
    }
    
    .company-info-block p {
        font-size: 16px;
        line-height: 28px;
        padding-left: 0%;
    }

    .company-info-block p span{
        font-size: 22px;
    }

    .metrix-foundation {
        font-size: 20px !important;
        margin-top: 14px;
    }

    .year-in-num {
        margin-top: 18px;
    }

    .company-read-more-btn {
        margin-top: 22px;
        padding-right: 20px;
    }

    .icon-block {
        text-align: center;
        margin-top: 30px;
    }

    .keyinsites-heading{
        font-size: 26px;
    }

    .icon-block{
        width: 100%;
    }

    .pro-block-1 {
        width: 50.6%;
    }

    .pro-block-2 {
        width: 49%;
    }

    .pro-block-3 {
        width: 50.8%;
    }

    .pro-block-4 {
        width: 48.6%;
    }

    .innovation-section {
        padding-top: 40px;
    }

    .icon-block h2 {
        font-size: 20px;
    }

    .icon-block p {
        font-size: 16px;
        line-height: 26px;
    }

    .number-block h2{
        font-size: 24px;
    }

    .number-block h3{
        font-size: 18px; 
        margin-top: 4px;
    }

    .brands-section {
        padding-top: 38px;
        padding-bottom: 22px;
    }

    .number-block{
        margin-top: 44px;
    }

    .numbers-section{
        padding-top: 0px;
        padding-bottom: 50px;
    }

    .brand-section-heading {
        margin-bottom: 0px;
        font-size: 26px;
        text-align: center;
    }

    .sustain-builty-content h2{
        font-size: 28px;
    }

    .sustain-builty-content{
        padding: 0 42px;
    }

    .icon-block {
        padding: 22px;
        width: 98%;
    }


    .fabric-l {
        margin-left: 0;
        margin-top: 0;
    }

    .fabric-t {
        margin-top: 0;
    }

    .fabric-t-2-1 {
        margin-top: 0px;
    }

    .fabric-t-2-3 {
        margin-top: 0px;
    }

    .fabric-t-2-1-1 {
        margin-top: 0px;
    }

    .custom-fabric-img-block{
        margin-top: 26px !important;
    }

    .custom-fabric-section {
        padding-top: 14px;
        padding-bottom: 32px;
    }

    .fabric-section-text {
        padding-top: 40px;
        padding-left: 18px;
    }

    .fabric-section-text h2{
        font-size: 28px;
    }

    .fabric-section-text h2 br{
        display: none;
    }

    .fabric-section-text p {
         font-size: 16px;
        line-height: 24px;
        width: 100%;
        margin-top: 16px;
    }

    .skill-development-block p {
         font-size: 16px;
         line-height: 24px;
        margin-top: 20px;
        min-height: auto;
    }

    .skill-development-block{
        margin-top: 30px;
    }

    .sustainbuilty-block-left {
        width: 100%;
    }

    .sustainbuilty-block-right {
        width: 100%;
        padding: 12px;
    }

    .sustainbuilty-block-right .our-story-btn{
        margin-top: 4px;
    }

    .sustainbuilty-block-right .our-story-btn a {
        font-size: 18px;
    }

    .our-sustain-info p {
        font-size: 18px;
        line-height: 22px;
    }

    .sustainbuilty-section {
        padding-top: 28px;
        padding-right: 22px;
    }

    .sustainbuilty-heading {
        font-size: 32px;
    }

    .trending-section {
        padding-top: 32px;
        padding-bottom: 32px;
        padding-left: 14px;
    }

    .team-img {
        width: 100%;
    }

    .team-info {
        width: 100%;
    }

    .leading-way-heading{
        font-size: 26px;
    }

    .banner-text h2 {
         font-size: 17px;
    }

    .meet-team-link a{
        font-size: 18px;
    }

    .meet-team-link a img{
        width: 25px;
    }

    .slider-counter{
        width: 62px;
        right: 70px;
        margin-top: -44px;
        font-size: 20px;
    }

    .team-slider .owl-nav {
        top: -62px;
    }

    .team-slider {
        margin-top: 36px;
    }

    .team-name{
        font-size: 20px;
    }

    .get-in-touch a{
        font-size: 20px;
        padding: 8px 0px;
        width: 270px;
    }

    .team-text-info{
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }

    .trending-heading{
        font-size: 26px;
    }

    .trending-info{
        font-size: 16px;
        line-height: 28px;
    }

    .trending-block-text span{
        font-size: 15px;
    }

    .trending-img{
        margin-top: 16px;
    }

    .matrix-heading{
        font-size: 26px;
    }

    .matrix-info{
        font-size: 16px;
        line-height: 26px;
    }

    .innovation-block-main {
        padding: 10px;
        margin-top: 12px;
    }

    .innovation-block h2{
        font-size: 22px;
    }

    

    .social-section{
        padding-top: 36px;
        padding-bottom: 28px;
    }

    .social-icon a{
        font-size: 24px;
    }

    .stories-heading{
        font-size: 26px;
        margin-bottom: 3px;
    }

    .storis-icon {
        width: 126px;
    }

    .story-content h2{
        font-size: 20px;
    }

    .story-content p{
        font-size: 16px; 
        width: 79%;
        line-height: 28px;
    }

    .stories .owl-next{
        top: 56%;
        width: 28px;
        height: 28px;
    }

    .stories .owl-prev{
        top: 56%;
        width: 28px;
        height: 28px;
    }
    
    /*  employee support page css  */
    
    .emp-banner-heading{
            font-size: 16px;
    }
    
    .emp-work-space-section {
      padding-top: 40px;
      padding-bottom: 30px;
    }
    
    .emp-page-heading{
            font-size: 22px;
    }
    
 
    
    .apparel-skill-development {
      width: 100%;
    }
    
    .apparel-heading{
        font-size: 22px;
    }
    
    .skill-text{
       font-size: 18px;
       line-height: 26px;
       width: 100%;
    }
    
    .skill-up-team-sec {
      padding-top: 20px;
    }
    
    .skill-team-name {
      font-size: 22px;
    }
    
    .skill-team-text-info{
        line-height: 26px;
    }
    
    .skill-up-item{
       margin-top: 20px;
    }
    
    .matrix-family-section {
        padding-top: 40px;
        padding-bottom: 50px;
        padding-left: 15px;
    }
    
    .fm-slider {
        margin-top: 60px;
    }
    
    .skill-up-program-section {
    padding-top: 40px;
    padding-bottom: 40px;
    }
    
    
    /* end employee support page css  */
    
    /*  about company  page css  */ 
    
        .about-comp-list li{
              font-size: 18px;
              line-height: 26px;
          }
          
          .our-mission-info ul li{
              margin-top: 20px;
          }
          
          .our-vision-section {
            padding-top: 46px;
            padding-bottom: 38px;
            padding-left: 30px;
        }
        
        .vision-listing li{
            margin-top: 16px;
        }
        
        .our-vision-img {
         padding-top: 20px;
         padding-left: 20px;
        }
        
        .value-listing li{
             margin-top: 12px;
        }
        
        .mile-stone-year{
          min-height: auto;
        }
        
        .mile-stone-item{
            padding-left: 0px;
            flex-direction: column;
            margin-left: 36px;
        }
        
        .mile-stone-year p{
            font-size: 22px;
        }
        
        .mile-stone-content p{
           line-height: 26px;
        }
        
        .mile-stone-content {
           padding-left: 12px;
            margin-top: 2px;
            padding-bottom: 14px;
            padding-right: 10px;
        }
        
        .mile-stone-left:before {
           width: 40px;
           left: -36px;
        }
          
    /*  end about company  page css  */ 
    
     /*  team  page css  */ 
     
     .tabs-block .nav-link {
       font-size: 15px;
       padding: 7px 10px;
       width: 130px;
       margin: 0 4px;
    }
    
    .team-banner-heading{
        font-size: 28px;
    }
    
    .mg-team-name{
        font-size: 24px;
    }
    
    .mg-team-desi{
        font-size: 18px;
    }
    
    .management-content p{
        line-height: 26px;
    }
    
    .core-team-main {
    padding-left: 12px;
    padding-right: 12px;
    }
    
    .core-team-name h2 {
    font-size: 20px;
    }
    
    .core-team-desi h2 {
     font-size: 16px;
    }
    
    .core-team-item{
        margin-top: 48px;
    }

    /* end  team  page css  */ 
    
    /* csr page css  */
    
    .our-society-section {
    padding-top: 36px;
    padding-bottom: 200px;
    }
    
    .our-society-heading{
        font-size: 30px;
    }
    
    .society-info{
        line-height: 26px; 
    }
    
    .society-sub-heading {
      font-size: 20px;
    }
    
    .impact-content-block {
    padding-left: 0%;
    padding-top: 40px;
    }
    
    .balak-trust-heading{
        font-size: 30px;
        margin-bottom: 30px;
    }
    
    .balak-trust-content p{
       line-height: 26px;
    }
    
    .balak-trust-img {
        position: relative;
        margin-top: 28px;
    }
    
    .impact-content{
    font-size: 18px;
    line-height: 26px;
}

.impact-section {
    padding-bottom: 46px;
}

.balak-trust-content {
    padding-top: 32px;
    padding-right: 6%;
}

/* end csr page css  */ 

 /*  sustainability page css*/
     
     .solar-sustainbuilty-section{
         padding-right: 22px;
     }
     
     .rainharvestting-content h2{
         font-size: 22px;
     }
     
     .rainharvestting-content p{
         font-size: 16px;
         line-height: 26px;
     }
     
     .rainwater-harvesting-img {
       text-align: center;
    }
    
    .rainwater-harvesting-img img {
      width: 96%;
    }
    
    .wind-energy-img img {
    width: 97%;
    }
    
    .wind-enery-text-info h2{
        font-size: 22px;
    }
    
    .wind-enery-text-info p{
        font-size: 16px;
       line-height: 26px;
    }
    
    .recyclled-yern-heading{
        font-size: 22px;
    }
    
    .recycle-yarn-section {
        padding-top: 44px;
    }
    
    .recycle-yern-left-content {
        padding-left: 15px;
        width: 100%;
        padding-right: 15px;
    }
    
    .yearn-info{
        font-size: 18px;
        line-height: 26px;
    }
    
    .recycle-yern-inner {
        margin-top: 28px;
    }
    
    .recycle-yern-left-content h3{
        font-size: 20px;
    }
    
    .recycle-yern-right-img {
       width: 100%;
    }
    
    .matrix-initative-heading{
        font-size: 22px;
    }
    
    .matrix-initative-info{
        font-size: 18px;
        line-height: 26px;
    }
    
    .initative-left-img {
            width: 100%;
        }
        
    .initative-center-text {
        width: 100%;
    }
    
    .initative-right-img {
        width: 100%;
    }
    
    .initative-center-text ul li{
         font-size: 18px;
         line-height: 26px;
    }
    
    .innovation-block p{
        font-size: 16px;
    }
     
     /* end sustainability page css*/
     
     /* Capabilities page css*/
     .capability-listing li{
         font-size: 16px;
         line-height: 28px;
     }
     
     .tab-content-inner h3{
         font-size: 20px;
     }
     
     .capability-tabs-section{
         padding-top: 0px;
     }
     
     .award-ic{
         width: 100%;
     }
     
     .capability-tabs-inner .nav-item .nav-link {
      font-size: 16px;
      padding: 0.4rem 0.4rem;
     }
     
     .tab-content-inner p{
        font-size: 16px;
        line-height: 28px;
        margin-top: 10px;
     }
     
     .capability-slider-section .owl-next{
             right: -26px;
     }
     
     .capability-slider-section .owl-prev{
         left: -26px;
     }
     
     .capability-slider-section .owl-nav img {
            width: 17px;
        }
     
     /* end of Capabilities page css*/

    .footer-section{
        padding-top: 38px;
    }
    
    .footer-logo img {
        width: auto;
    }

    .footer-about-text p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 10px;
    }

    .footer-links {
        padding-left: 0px;
    }

    .footer-heading {
        font-size: 18px;
        margin-bottom: 16px;
        margin-top: 16px;
    }

    .footer-links ul li {
        margin-top: 8px;
    }

    .footer-links ul li a{
        font-size: 16px;
    }

    
    .footer-links p a{
        font-size: 12px;
        margin: 8px 5px 0px;
    }

    .footer-copy-right p{
        font-size: 14px;
    }

    .footer-bottom-links p a{
        font-size: 14px;
        margin: 0px 4px;
    }
 }
    
    /*-- ======= Top Bar css ======= */
    
    @media only screen and (min-width: 768px) and (max-width: 1000px)  {

        .custom-container {
            width: 92vw;
        }

        #header .navbar-brand img {
            width: 124px;
        }

        #header .nav-link {
            font-size: 13px;
            padding: 10px 12px !important;
            font-weight: 400;
        }

        .video-play-btn {
            width: 80px;
        }

        .banner-text h2{
            font-size: 30px;
        }
        
        .banner-text h3{
            font-size: 22px;
        }

        .associates-section .col-lg-3{
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .big-text{
            font-size: 32px;
        }


     

        .swiper-container {
            height: calc(100vh - 500px);
        }


        .our-story-btn a{
            font-size: 24px;
        }

        .our-story-btn a img{
           width: 34px;
        }

        .associates-small-text{
            font-size: 18px;
        }

        .associates-heading{
            margin-top: 16px;
        }

        .brand-logo-item {
            width: 33.28%;
            margin-top: 12px;
        }

        .brand-logo-item img{
            width: 80%;
        }

        .sustainbuilty-block-left {
            width: 60%;
        }

        .sustainbuilty-block-right {
            width: 40%;
        }

        .our-sustain-info p {
            font-size: 15px;
            line-height: 20px;
            margin-bottom: 0px;
        }


        .sustainbuilty-heading{
            font-size: 36px;
        }

        .leading-way-heading{
            font-size: 30px;
        }

        .leading-text{
            font-size: 16px;
            line-height: 28px;
            width: 82%;
        }

        .slider-counter{
            font-size: 28px;
        }

       .meet-team-link a{
            font-size: 24px;
        }

        .meet-team-link a img{
            width: 34px;
        }

        .team-slider .owl-nav{
            top: -70px;
        }

        .slider-counter{
            margin-top: -54px;
        }

        .team-name{
            font-size: 24px; 
        }

        .team-slider {
            margin-top: 40px;
        }

        .sustain-builty-content{
            padding: 0 26px;
        }

        .sustain-builty-content h2{
            font-size: 30px;
        }

        .team-designation{
            font-size: 18px;
        }

        .team-text-info{
            font-size: 16px;
            line-height: 28px;
            margin-top: 20px;
        }

        .trending-section {
            padding-top: 38px;
            padding-bottom: 38px;
            padding-left: 15px;
        }

        .trending-heading{
            font-size: 30px;
        }

        .trending-info{
            font-size: 16px;
            line-height: 24px;
        }

        .trending-block-text span{
            font-size: 10px;
            padding: 6px 12px;
        }

        .matrix-heading{
            font-size: 34px;
        }

        .matrix-info{
            font-size: 16px;
        }

        .innovation-block h2 {
            font-size: 18px;
        }

        .innovation-block-main {
            padding: 8px;
        }

        .innovation-block p {
            margin-top: 8px;
        }

        .icon-block {
            padding: 14px;
            width: 98%;
        }

        .pro-block-2 {
            width: 24%;
        }

        .pro-block-4 {
            width: 24.6%;
        }

        .burgermenu{
            top: 26px;
            right: 40px;
        }

      .company-info-block{
            padding-top: 30px;
            padding-left: 0px;
            padding-bottom: 20px;
            padding-right: 0%;
        }

        .company-info-block p{
            font-size: 16px;
            line-height: 28px;
        }

        .metrix-foundation {
            font-size: 18px !important;
            margin-top: 8px;
        }

        .company-info-block p span{
            font-size: 18px;
        }

        .company-read-more-btn a{
            font-size: 16px;
        }

        .icon-block h2{
            font-size: 18px;
        }

        .icon-block p {
            font-size: 15px;
            line-height: 26px;
        }

        .year-in-num {
            margin-top: 10px;
        }

        .company-info-block p{
            font-size: 16px;
            line-height: 28px;
            margin-bottom: 6px;
        }

    
        

        .stories-heading{
            font-size: 30px;
        }


        .stories-counter{
            padding-top: 0px;
        }


        .compaany-title{
            font-size: 18px;
            margin-bottom: 6px;
        }

        .company-read-more-btn {
            text-align: right;
            margin-top: 15px;
        }

        .keyinsites-heading{
            font-size: 30px;
        }

        .number-block h2{
            font-size: 28px;
        }

        .number-block h3{
            font-size: 15px;
        }

        .brands-section {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .brand-section-heading{
            margin-bottom: 0px;
            font-size: 30px;
        }

        .fabric-section-text {
            padding-top: 22px;
            padding-left: 8px;
        }

        .fabric-section-text h2{
            font-size: 24px;
        }

        .fabric-section-text p {
            font-size: 16px;
            line-height: 26px;
            width: 100%;
            margin-top: 10px;
        }

        .skill-development-left h2{
            font-size: 30px;
        }

        .skill-development-left h2 span {
            font-size: 60px;
        }

        .custom-fabric-img-block{
            padding: 4px;
        }

        .skill-development-left {
            padding-left: 20px;
            border-left: 4px solid #000;
            padding-top: 28px;
            padding-bottom: 20px;
        }

        .skill-development-block p {
            font-size: 14px;
            line-height: 20px;
            margin-top: 18px;
        }

        .get-in-touch a{
            font-size: 24px;
            width: 292px;
        }

        .social-icon a {
            font-size: 26px;
        }

        .social-section{
            padding-top: 80px;
            padding-bottom: 80px;
        }
        
         /*  employee support page css  */
         
         .emp-banner-heading{
            font-size: 30px;
         }
         
         .emp-page-heading{
            font-size: 32px;
         }
         
         
         
         .apparel-skill-development{
            width: 40%;
            padding: 20px;
         }
         
         .apparel-heading{
            font-size: 24px; 
         }
         
         .sustainbuilty-section {
            padding-top: 40px;
            padding-right: 14px;
        }
        
        .skill-text {
             font-size: 20px;
            line-height: 26px;
           width: 100%;
        }
        
        .skill-team-name{
            font-size: 20px;
        }
        
        .team-info {
            width: 50%;
            padding: 6px 10px;
        }
        
        .skill-team-text-info {
          font-size: 16px;
          line-height: 21px;
          font-weight: 300;
          margin-top: 6px;
        }
        
        .matrix-family-section {
            padding-top: 100px;
            padding-bottom: 40px;
            padding-left: 26px;
        }
        
        .family-slider-counter{
           font-size: 24px; 
        }
         
         /*  end employee support page css  */
         
         /*  about company  page css  */ 
         
         .about-comp-list li{
            font-size: 20px;
            line-height: 28px;
         }
         
         .our-mission-info ul li{
             margin-top: 14px;
         }
         
         .our-vision-section {
            padding-top: 50px;
            padding-bottom: 50px;
            padding-left: 15px;
        }
        
        .vision-listing li{
            font-size: 18px;
        }
        
        .value-listing li{
           line-height: 26px; 
        }
        
        .mile-stone-year p{
            font-size: 24px;
        }
        
        .mile-stone-content p{
           line-height: 26px;
        }
        
        .our-milestone-section {
          padding-top: 40px;
        }
                 
         /*  end about company  page css  */ 

        /* team  page css  */ 
          .team-banner-heading{
              font-size: 44px;
          }
          
          .tabs-block .nav-link{
              font-size: 18px;
          }
          
          .mg-team-name{
             font-size: 28px; 
             margin-top: 0px;
          }
          
          .mg-team-desi{
              font-size: 17px;
          }
          
          .management-content p{
             line-height: 26px;
          }
          
          .core-team-main {
                padding-left: 0px;
                padding-right: 0px;
            }
            
        .core-team-name h2 {
            font-size: 16px;
        }
        
        .core-team-desi h2{
            font-size: 15px;
        }
        
        .core-team-item{
            margin-top: 40px;
        }
        
        .award-sec img{
              width: 100%;
          }
        
        /* end  team  page css  */ 
        
         /* csr page css  */
         
         .our-society-heading{
             font-size: 32px;
         }
         
         .society-sub-heading{
             font-size: 22px;
         }
         
         .impact-imgblock {
                margin-top: -48px;
            }
            
        .our-society-section{
            padding-bottom: 132px;
        } 
        
        .impact-content-block {
          padding-top: 30px;
          padding-left: 4%;
        }
        
        .balak-trust-img {
         position: relative;
        margin-top: -60px;
       }
       
       .balak-trust-heading{
           font-size: 32px;
       }
         
     /*end  csr page css  */
     
     /* end sustainability page css*/
     
    .solar-sustainbuilty-section {
        padding-top: 22px;
        padding-right: 20px;
    }
    
    .rainwater-harvesting-img img {
      width: 96%;
    }
    
    .rainharvestting-content h2{
        font-size: 28px;
    }
    
    .rainharvestting-content p{
        font-size: 16px;
        line-height: 26px;
    }
    
    .wind-enery-text-info h2{
        font-size: 30px;
        margin-bottom: 5px;
    }
    
    .wind-enery-text-info p{
        font-size: 16px;
       line-height: 28px;
    }
    
    .wind-energy-img img {
        width: 100%;
        margin-top: -32px;
    }
    
    .wind-enery-text-info {
        padding-top: 20px;
    }
    
    .recyclled-yern-heading{
        font-size: 30px;
    }
    
    .recycle-yarn-section{
        padding-top: 48px;
    }
    
    .recycle-yern-left-content {
    padding-left: 15px;
    width: 56%;
    }
    
    .recycle-yern-right-img {
    width: 44%;
    padding-left: 18px;
    }
    
    .recycle-yern-left-content h3{
        font-size: 22px;
    }
    
    .matrix-initative-section {
      padding-top: 40px;
    }
    
    .matrix-initative-heading{
        font-size: 30px;
    }
    
    .matrix-initative-info{
        font-size: 20px;
        line-height: 26px;
    }
    
    .initative-left-img {
        width: 36%;
    }
    
    .initative-center-text {
      width: 100%;
    }
    
    .initative-left-img {
        width: 100%;
    }
    
    .initative-right-img {
    width: 100%;
    }
    
     /* Capabilities page css*/
     .capability-listing li{
         font-size: 16px;
         line-height: 28px;
     }
     
     .capability-tabs-section{
         padding-top: 0px;
     }
     
     .tab-content-inner h3{
         font-size: 20px;
     }
     
     .tab-content-inner p{
         font-size: 16px;
         line-height: 28px;
     }
     
     .capability-tabs-inner .nav-item .nav-link {
       font-size: 18px;
       padding: 0.5rem 0.8rem;
     }
     
      /*end  Capabilities page css*/
     
    /* end sustainability page css*/
     
        .footer-logo img {
            width: auto;
        }

        .footer-links p a{
            font-size: 14px;
            margin: 14px 10px 0px;
        }

        .footer-heading{
            font-size: 16px;
        }

        .footer-about-text p{
            font-size: 15px;
            line-height: 26px;
        }

        .footer-links ul li a{
            font-size: 17px;
        }

        .footer-copy-right p{
            font-size: 14px;
        }

        .footer-bottom-links p a{
            font-size: 14px;
        }
       
    
    }


   
    
    @media only screen and (min-width: 1001px) and (max-width: 1199px)  {
		
        #header .navbar-brand img {
            width: 124px;
        }

        #header .nav-link {
            font-size: 14px;
            padding: 10px 12px !important;
            font-weight: normal;
        }
        
        .banner-text h3{
            font-size: 28px;
        }

        .video-play-btn {
            width: 80px;
        }


        .brand-logo-item {
            width: 33.28%;
            margin-top: 12px;
        }

        .swiper-container {
            height: calc(100vh - 700px);
        }

        .banner-text h2{
            font-size: 40px;
        }

        .our-story-btn a{
            font-size: 22px;
        }

        .our-story-btn a img{
            width: 30px;
        }

        .big-text{
            font-size: 24px;
        }

        .associates-small-text{
            font-size: 16px;
        }

        .sustainbuilty-block-left {
            width: 64%;
        }

        .sustainbuilty-block-right {
            width: 36%;
        }

        .sustainbuilty-heading{
            font-size: 38px;
        }

        .our-sustain-info p{
            font-size: 14px;
            line-height: 20px;
        }

        .leading-way-heading{
            font-size: 38px;
        }

        .leading-text{
            width: 80%;
            font-size: 16px;
            line-height: 28px;
        }

        .team-name{
            font-size: 15px;
        }

        .team-info{
            padding: 6px 10px;
        }

        .slider-counter{
            margin-top: -50px;
            font-size: 26px;
        }

        .team-designation{
            font-size: 16px;
        }

        .team-text-info{
            font-size: 16px;
            line-height: 18px;
            margin-top: 14px;
        }

        .team-slider .owl-nav{
            top: -86px;
        }

        .trending-section {
            padding-top: 40px;
            padding-bottom: 40px;
            padding-left: 30px;
        }

        .trending-heading{
            font-size: 38px;
        }

        .sustainbuilty-heading{
            font-size: 30px;
        }

        .trending-block-text span{
            font-size: 15px;
            padding: 8px 14px;
        }

        .matrix-heading{
            font-size: 38px;
        }

        .innovation-block h2{
            font-size: 20px;
        }

        
     

        .company-info-block{
            padding-top: 30px;
            padding-left: 24px;
            padding-bottom: 20px;
            padding-right: 3%;
        }

        .company-info-block p {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 22px;
        }

        .metrix-foundation {
            font-size: 18px !important;
            margin-top: 8px;
        }

        .company-info-block p span{
            font-size: 18px;
        }

        .company-read-more-btn a{
            font-size: 16px;
        }

        .icon-block h2{
            font-size: 18px;
        }

        .icon-block p {
            font-size: 15px;
            line-height: 26px;
        }

        .year-in-num {
            margin-top: 10px;
        }

        
        .compaany-title {
            font-size: 36px;
            margin-bottom: 10px;
        }

        .company-read-more-btn {
            text-align: right;
            margin-top: 15px;
        }

        .number-block h2{
            font-size: 28px;
        }

        .number-block h3{
            font-size: 15px;
        }

        .brands-section {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .brand-section-heading{
            margin-bottom: 0px;
            font-size: 36px;
        }

        .fabric-section-text {
            padding-top: 124px;
            padding-left: 8px;
        }

        .fabric-section-text h2 {
            font-size: 30px;
        }

        .fabric-section-text p {
            font-size: 16px;
            line-height: 26px;
            width: 100%;
            margin-top: 10px;
        }

        .skill-development-left h2 {
            font-size: 44px;
        }

        .skill-development-left h2 span {
            font-size: 86px;
        }

        .custom-fabric-img-block{
            padding: 4px;
        }

        .skill-development-left {
            padding-left: 20px;
            border-left: 4px solid #000;
            padding-top: 28px;
            padding-bottom: 20px;
        }

        .skill-development-block p {
            font-size: 16px;
            line-height: 23px;
            margin-top: 18px;
        }

        .burgermenu{
            top: 26px;
            right: 40px;
        }

        .sustain-builty-content h2{
            font-size: 40px;
        }

        .sustain-builty-content{
            padding: 0px 44px;
        }

        .icon-block {
            padding: 18px;
            width: 94%;
        }

        .brand-logo-item img{
            width: 100%;
        }

        .stories-heading{
            font-size: 36px;
        }

        .story-content h2{
            font-size: 26px;
        }

        .storis-icon {
            width: 168px;
        }

        .get-in-touch a{
            font-size: 24px;
            width: 292px;
        }

       

        .social-icon a {
            font-size: 26px;
        }

        .social-section{
            padding-top: 80px;
            padding-bottom: 80px;
        }
        
         /*   employee support page css  */
         
         .emp-banner-heading{
            font-size: 40px;
         }
         
         .emp-page-heading{
             font-size: 34px;
         }
         
         
         
         .apparel-heading{
            font-size: 36px;
         }
         
        .sustainbuilty-section {
        padding-top: 40px;
        padding-right: 20px;
        }
        
       .apparel-skill-development {
            width: 36%;
            padding: 18px;
        }
        
        .skill-text {
         font-size: 20px;
        line-height: 26px;
         width: 100%;
        }
        
       .skill-team-text-info {
         font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        margin-top: 8px;
        }
        
        .skill-team-name {
            font-size: 22px;
           
        }
        
        .matrix-family-section {
            padding-bottom: 36px;
            padding-left: 50px;
        }
        
        .family-slider-counter{
            font-size: 26px;
        }
         
          /*  end employee support page css  */
          
          /*   about company  page css  */ 
          
          .about-comp-list li{
              font-size: 20px;
              line-height: 30px;
          }
          
          .our-mission-info ul li{
              margin-top: 22px;
          }
          
          .our-vision-section {
                padding-top: 50px;
                padding-bottom: 50px;
                padding-left: 54px;
            }
            
            .vision-listing li{
                    font-size: 20px;
            }
            
            .value-listing li{
               line-height: 26px;
            }
            
            .mile-stone-year p{
             font-size: 30px;
            }
            
            .mile-stone-content p{
              line-height: 26px;
            }
          
          /*   about company  page css  */ 
          
          /* team  page css  */
          .team-banner-heading{
              font-size: 42px;
          }
          
          .mg-team-name{
              font-size: 30px;
          }
          
          .mg-team-desi{
             font-size: 18px;
          }
          
          
          
          .management-content p{
             line-height: 26px;
          }
          
          .core-team-main {
            padding-left: 12px;
            padding-right: 12px;
        }
        
        .core-team-name h2{
            font-size: 18px;
        }
        
        .core-team-desi h2{
            font-size: 16px;
        }
        
        .core-team-item{
            margin-top: 50px;
        }
          
          /* end team  page css  */
          
          
        /*  sustainability page css*/
       
        
        .rainharvestting-content h2{
            font-size: 34px;
          }
          
         .wind-enery-text-info h2{
            font-size: 34px;
            margin-bottom: 4px;
        }
        
        .wind-energy-img img {
        width: 94%;
        margin-top: -42px;
        }
        
        .rainharvestting-content p{
           font-size: 16px;
           line-height: 26px;
        }
        
        .wind-enery-text-info {
            padding-top: 15px;
        }
        
        .wind-enery-text-info p{
            font-size: 16px;
            line-height: 28px;
        }
        
        .recyclled-yern-heading{
                font-size: 34px;
        }
        
        .yearn-info{
           font-size: 20px;
           line-height: 28px;
        }
        
        .recycle-yern-left-content {
           padding-left: 72px;
        }
        
        .recycle-yern-left-content h3{
            font-size: 20px;
            margin-top: 18px;
        }
        
        .recycle-yern-right-img {
         padding-left: 16px;
        }
        
        .matrix-initative-section {
          padding-top: 40px;
        }
        
        .matrix-initative-heading{
            font-size: 34px;
        }
        
        .matrix-initative-info{
            font-size: 20px;
            line-height: 26px;
        }
        
        .initative-center-text ul li{
            font-size: 18px;
            line-height: 24px;
            margin-top: 6px;
        }
        
        .initative-center-text {
            padding: 5px 0px 5px 5px;
        }
        
        /* end sustainability page css*/
        
         /* Capabilities page css*/
         
         .capability-listing li{
             font-size: 16px;
             line-height: 28px;
         }
         
         .capability-tabs-section{
             padding-top: 0px;
             padding-bottom: 20px;
         }
         
         .capability-tabs-inner .nav-item .nav-link{
                 font-size: 20px;
                 padding: 0.5rem 0.9rem;
         }
         
         .tab-content-inner h3{
             font-size: 18px;
         }
         
         .tab-content-inner p{
             font-size: 16px;
             line-height: 28px;
         }
         
          /*end  Capabilities page css*/
          
        .footer-logo img {
            width: auto;
        }

        .footer-links p a{
            font-size: 14px;
            margin: 14px 10px 0px;
        }

        .footer-heading {
            font-size: 20px;
        }

        .footer-about-text p{
            font-size: 15px;
            line-height: 26px;
        }

        .footer-links ul li a{
            font-size: 17px;
        }

        .footer-copy-right p{
            font-size: 15px;
        }

        
        .footer-bottom-links p a{
            font-size: 15px;
        }
    
    }
    
    
    @media only screen and (min-width: 1200px) and (max-width: 1280px)  {
        #header .navbar-brand img {
            width: 128px;
        }

          #header .nav-link {
            font-size: 13px;
            padding: 10px 20px !important;
        }

        .banner-text h2{
            font-size: 50px;
        }

        .burgermenu{
            top: 28px;
            right: 126px;
        }

        .video-play-btn{
            width: 90px;
        }

        .our-sustain-info p{
            font-size: 14px;
            line-height: 20px;
        }

        .compaany-title {
            font-size: 38px;
        }

        .company-info-block p span {
            font-size: 24px;
        }

        .number-block h2{
            font-size: 48px;
        }

        .number-block h3{
            font-size: 22px;
        }

        .icon-block h2{
            font-size: 22px;
        }

        .brand-logo-item img{
            width: 100%;
        }

        .skill-development-left {
            padding-left: 50px;
        }

        .fabric-section-text {
            padding-top: 190px;
            padding-left: 36px;
        }

        .fabric-section-text p {
            font-size: 16px;
            line-height: 24px;
            width: 94%;
            margin-top: 15px;
        }

        .skill-development-left h2{
            font-size: 50px;
        }

        .skill-development-left h2 span {
            font-size: 110px;
        }

        .fabric-section-text h2 {
            font-size: 32px;
        }

        .get-in-touch a {
            font-size: 22px;
        }

        .company-info-block p {
            font-size: 16px;
            line-height: 28px;
        }

        .our-story-btn a{
            font-size: 21px;
        }

        .our-story-btn a img {
            width: 38px;
        }

        .big-text{
            font-size: 30px;
        }
        
        .leading-program .team-text-info p{
                font-size: 16px;
                line-height: 24px;
                margin-top: 16px;

        }

        .associates-small-text{
            font-size: 20px;
        }

        .sustainbuilty-heading{
            font-size: 38px;
        }

        .leading-way-heading{
            font-size: 44px;
        }

        .leading-text{
            font-size: 16px;
            line-height: 28px;
            width: 76%;
        }

        .meet-team-link a{
            font-size: 26px;
        }

        .slider-counter{
            margin-top: -40px;
            font-size: 22px;
        }

        .team-slider .owl-nav{
            top: -80px;
        }

        .meet-team-link a img{
            width: 38px;
        }

        .team-name{
            font-size: 20px;
        }

        .team-designation{
            font-size: 16px;
        }

        .team-text-info{
            font-size: 16px;
            line-height: 24px;
            margin-top: 16px;
        }

        .team-info{
            padding: 16px 16px;
        }

        .year-in-num {
            margin-top: 22px;
        }
        
        .trending-heading{
            font-size: 38px;
        }

        .trending-section{
            padding-left: 74px;
        }

        .trending-block-text span{
            font-size: 17px;
            padding: 8px 10px;
        }

        .matrix-heading{
            font-size: 44px;
        }

        .innovation-block h2{
            font-size: 24px;
        }

      

        .brand-section-heading{
            font-size: 38px;
        }

        .company-info-block {
            padding-top: 60px;
            padding-left: 0px;
            padding-bottom: 60px;
            padding-right: 0%;
        }

        .stories-heading{
            font-size: 38px;
        }
        .skill-development-block p{
            font-size: 17px;
            line-height: 28px;
        }
        
        .innovation-block p{
            font-size: 14px;
            line-height: 20px;
            margin-top: 10px;
        }

        

        .icon-block p{
            font-size: 17px;
            line-height: 30px;
        }

        .storis-icon {
            width: 150px;
        }
        
        /*  end employee support page css  */
        
        .emp-banner-heading{
            font-size: 40px;
        }
        
        .emp-page-heading{
            font-size: 40px;
        }
        
       
        
        .apparel-heading{
            font-size: 26px;
        }
        
        .skill-team-text-info p{
           font-size: 16px;
           line-height: 24px;
        }
        
        .apparel-skill-development{
            padding: 20px;
        }
        
        .award-sec img{
            width: 100%;
        }
        
        .skill-text{
            font-size: 22px;
            line-height: 30px;
            width: 86%;
        }
        
        .skill-team-name{
            font-size: 25px;
        }
        
        .skill-team-text-info{
             line-height: 26px;
            margin-top: 10px;
        }
        
        .matrix-family-section {
         padding-bottom: 50px;
         padding-left: 64px;
        }
        
        .family-slider-counter{
            font-size: 26px;
        }
        
        /*  end employee support page css  */
        
        /*   about company  page css  */ 
        .about-comp-list li{
           font-size: 22px;
          line-height: 30px;
        }
        
        .our-mission-info ul li{
          margin-top: 26px;
        }
        
        .vision-listing li{
            font-size: 20px;
        }
        
        .our-vision-section{
            padding-left: 70px;
        }
        
        .emp-work-space-section p{
            font-size: 16px;
        }
        
        .emp-work-space-section ul li{
            font-size: 16px;
        }
        
        .our-mission-info p{
            font-size: 16px;
        }
        
        .emp-info{
           font-size: 16px;
        }
        
        .value-listing p{
                font-size: 16px;
        }
        
        .mile-stone-content ul li{
            font-size: 16px;
        }
        
        .value-listing li{
             line-height: 30px;
        }
        
        .mile-stone-year p{
           font-size: 34px; 
        }
        
        .mile-stone-content p{
            line-height: 26px;
        }
        
        /* end about company  page css  */ 
        
        /* team  page css  */
        
        .team-banner-heading{
            font-size: 46px;
        }
        
        .tabs-block .nav-link {
             font-size: 18px;
        }
        
        .management-content p{
            font-size: 16px;
        }
        
        .mg-team-name {
          font-size: 32px;
        }
        
        .mg-team-desi {
           font-size: 18px;
        }
        
        .management-content p{
            line-height: 26px;
        }
        
        .core-team-name h2{
            font-size: 18px;
        }
        
        .core-team-desi h2{
            font-size: 16px;
        }
        
        .core-team-main {
            padding-left: 24px;
            padding-right: 24px;
        }
        
        .core-team-item{
            margin-top: 38px;
        }
        
        /*end team  page css  */
        
        /* sustainability page css*/
        
        .rainharvestting-content h2{
                font-size: 40px;
        }
        
        .rainharvestting-content p{
            font-size: 16px;
            line-height: 28px; 
        }
        
        .wind-enery-text-info h2{
            font-size: 40px;
            margin-bottom: 6px;
        }
        
        .wind-enery-text-info {
            padding-top: 34px;
        }
        
        .recyclled-yern-heading{
            font-size: 40px;
        }
        
        .wind-enery-text-info p{
           font-size: 16px;
           line-height: 28px;
        }
        
        .yearn-info{
          font-size: 16px;
          line-height: 28px;  
        }
        
        .recycle-yern-left-content {
           padding-left: 100px;
        }
        
        .recycle-yern-left-content h3{
            font-size: 20px;
            margin-top: 18px;    
        }
        
        .matrix-initative-section {
           padding-top: 50px;
        }
        
        .matrix-initative-heading{
            font-size: 40px;
        }
        
        .sustainability-info p{
            font-size: 16px;
        }
        
        .matrix-initative-info{
           font-size: 16px;
           line-height: 28px;
        }
        
        .initative-center-text ul li{
           font-size: 16px;
           line-height: 24px;
               margin-top: 16px;
        }
        
        .initative-center-text{
            padding: 12px 4px;
        }
        
        .emp-info p{
                font-size: 16px;
        }
        
        /* end sustainability page css*/
       
        
         /*  Capabilities page css*/
          .capability-listing li{
           font-size: 16px;
           line-height: 28px;
        }
        
        .tab-content-inner p{
            font-size: 16px;
           line-height: 28px;
        }
        
        .tab-content-inner h3{
            font-size: 18px;
        }
        
        .capability-tabs-inner .nav-item .nav-link{
                font-size: 22px;
        }
         
          /*end  Capabilities page css*/
          
          .our-society-heading{
              font-size: 40px;
          }
          
          .balak-trust-heading{
              font-size: 40px;
          }
          
          .balak-trust-content p{
              font-size: 16px;
          }
          
          .society-info{
            font-size: 16px;
          }
          
          .impact-content p{
             font-size: 16px;
          }
          
          .yearn-info p{
                 font-size: 16px;
 
          }

        .footer-about-text p {
            font-size: 17px;
        }

        .footer-links ul li a{
            font-size: 17px;
        }


        

    
        
    }
    
    
    
    @media only screen and (min-width: 1281px) and (max-width: 1399px)  {
        
        #header .navbar-brand img {
            width: 120px;
        }

        #header .nav-link {
            font-size: 13px;
            padding: 10px 20px !important;
        }

      

        .burgermenu{
            top: 28px;
            right: 126px;
        }

        .banner-text h2{
            font-size: 40px;
        }

        .video-play-btn{
            width: 90px;
        }

        .our-story-btn a{
            font-size: 21px;
        }

        .our-story-btn a img{
            width: 38px;
        }

        .big-text{
            font-size: 34px;
        }

        .associates-small-text{
            font-size: 18px;
        }

        .sustainbuilty-block-left {
            width: 64%;
        }

        .sustainbuilty-block-right {
            width: 36%;
        }

        .sustainbuilty-heading {
            font-size: 40px;
        }

        .our-sustain-info p{
            font-size: 14px;
            line-height: 20px;
        }

        .leading-way-heading{
            font-size: 50px;
        }

        .leading-text {
            font-size: 16px;
            width: 70%;
        }

        .compaany-title{
            font-size: 50px;
        }

        .company-info-block p span{
            font-size: 28px;
        }

        .number-block h2{
            font-size: 48px;
        }

        .number-block h3{
            font-size: 22px;
        }

        .icon-block h2{
            font-size: 22px;
        }

        .brand-logo-item img{
            width: 100%;
        }

        .skill-development-left{
            padding-left: 70px;
        }

        .fabric-section-text {
            padding-top: 224px;
            padding-left: 36px;
        }

        .skill-development-left h2{
            font-size: 50px;
        }

        .skill-development-left h2 span {
            font-size: 110px;
        }

        .fabric-section-text h2{
            font-size: 40px;
        }

        .get-in-touch a {
            font-size: 22px;
        }

        .company-info-block {
            padding-top: 60px;
            padding-left: 0px;
            padding-bottom: 60px;
            padding-right: 0%;
        }
        .skill-development-block p{
            font-size: 17px;
            line-height: 28px;
        }

        .slider-counter{
            margin-top: -58px;
            font-size: 25px;
        }

        .team-slider .owl-nav{
            top: -94px;
        }

        .team-name{
            font-size: 22px;
        }

        .team-designation{
            font-size: 16px;
        }

        .team-text-info{
            font-size: 16px;
            line-height: 26px;
            margin-top: 18px;
        }
        
        .team-text-info p {
            font-size: 14px !important;
            line-height: 20px !important;
        }

        .trending-section {
            padding-top: 40px;
            padding-bottom: 44px;
            padding-left: 88px;
        }

        .trending-heading{
            font-size: 50px;
        }

        .trending-block-text span{
            font-size: 16px;
            padding: 8px 16px;
        }

        .trending-info{
            font-size: 16px;
        }
        
        

        .matrix-heading {
            font-size: 50px;
        }

        .matrix-info{
            font-size: 16px;
        }

        .innovation-block h2{
            font-size: 24px;
        }

        
        .innovation-block p{
            font-size: 14px;
            line-height: 20px;
            margin-top: 10px;
        }
        .innovation-block h2{
            font-size: 22px;
        }

        .brand-section-heading{
            font-size: 50px;
        }

        .stories-heading {
            font-size: 50px;
        }

       

        .story-content h2{
            font-size: 24px;
        }

        .storis-icon {
            width: 150px;
        }

        .icon-block p{
            font-size: 17px;
            line-height: 30px;
        }
        
        /*  employee support page css  */
        .emp-banner-heading{
            font-size: 42px;
        }
        
        .emp-page-heading{
            font-size: 42px;
        }
        
        .apparel-skill-development{
                padding: 26px;
        }
        
        .team-info{
            padding: 16px 15px;
        }
        
     
        
        .apparel-heading{
            font-size: 34px;
        }
        
        .skill-text {
            font-size: 22px;
            line-height: 28px;
            width: 84%;
        }
        
        .emp-page-heading{
            font-size: 46px;
        }
        
        .skill-team-name {
            font-size: 24px;
        }
        
     .skill-team-text-info {
        line-height: 22px;
    }
        
    /*  end employee support page css  */
    
    
    /*  about company  page css  */ 
    
    .about-comp-list li{
        font-size: 20px;
       line-height: 24px;
    }
    
    .our-mission-info ul li{
        margin-top: 24px;
    }
    
    .our-vision-section{
        padding-left: 86px;
    }
    
    .vision-listing li{
        font-size: 20px;
    }
    
    .value-listing li{
       line-height: 24px;
    }
    
    .mile-stone-year p{
        font-size: 32px;
    }
    
    .mile-stone-content p{
        line-height: 26px;
    }
    
    /* end about company  page css  */ 

        .footer-about-text p {
            font-size: 17px;
        }

        .footer-links ul li a{
            font-size: 17px;
        }


        .company-info-block p{
            line-height: 28px;
        }

        .year-in-num {
            margin-top: 22px;
        }
        
        /* team  page css  */
        .team-banner-heading{
                font-size: 50px;
        }
        
        .mg-team-name {
         font-size: 34px;
        }
        
        .mg-team-desi {
            font-size: 18px;
        }
        
        .management-content p{
            line-height: 26px;
        }
        
        .core-team-name h2{
            font-size: 20px;
        }
        
        .core-team-desi h2{
           font-size: 15px;
        }
        
        .core-team-item{
           margin-top: 46px; 
        }
        
        /*end  team  page css  */
        
        /* sustainability page css*/
        .rainharvestting-content h2{
            font-size: 46px;
        }
        
       
        
        .wind-enery-text-info h2{
            font-size: 46px;
        }
        
        .wind-enery-text-info {
            padding-top: 32px;
        }
        
      
        
        .wind-energy-img img {
           width: 90%;
        }
        
        .recyclled-yern-heading{
                font-size: 46px;
        }
        
       
        
       
        
        .recycle-yern-left-content h3{
            font-size: 20px;
        }
        
        .matrix-initative-section {
          padding-top: 50px;
        }
        
        .matrix-initative-heading{
            font-size: 46px;
        }
        
       
       
        
        /* end sustainability page css*/
        
         /*  Capabilities page css*/
         
          .tab-content-inner p{
            font-size: 16px;
            line-height: 28px;
        }
         
         .capability-listing li{
                font-size: 16px;
                 line-height: 28px; 
         }
         
          /* end  Capabilities page css*/
    
      
    }
    
    @media only screen and (min-width: 1400px) and (max-width: 1440px)  {
        #header .navbar-brand img {
            display: block;
            width: 130px;
        }

        #header .nav-link {
            font-size: 15px;
            padding: 10px 20px !important;
        }

        .banner-text h2{
            font-size: 58px;
        }


        .our-story-btn a{
            font-size: 21px;
        }

        .our-story-btn a img{
            width: 40px;
        }

        .burgermenu{
            top: 28px;
        }

        .video-play-btn{
            width: 90px;
        }

        .compaany-title{
            font-size: 50px;
        }

        .company-info-block p span{
            font-size: 28px;
        }

        .number-block h2{
            font-size: 48px;
        }

        .number-block h3{
            font-size: 22px;
        }

        .icon-block h2{
            font-size: 22px;
        }

        .fabric-section-text {
            padding-top: 260px;
            padding-left: 36px;
        }

        .skill-development-left h2{
            font-size: 50px;
        }

        .skill-development-left h2 span {
            font-size: 110px;
        }

        .fabric-section-text h2{
            font-size: 40px;
        }

        .get-in-touch a{
            font-size: 26px;
        }

        .skill-development-left{
            padding-left: 60px;
        }

        .company-info-block {
            padding-top: 60px;
            padding-left: 0px;
            padding-bottom: 60px;
            padding-right: 0%;
        }

        .big-text{
            font-size: 40px;
        }

        .associates-small-text{
            font-size: 20px;
        }

        .company-info-block p{
            line-height: 28px;
        }

        .sustainbuilty-block-left {
            width: 65%;
        }
        
        .apparel-skill-development {
            width: 35%;
            padding: 22px;
        }

        .sustainbuilty-block-right {
            width: 34%;
        }

        .sustainbuilty-heading{
            font-size: 48px;
        }

        .leading-way-heading{
            font-size: 50px;
        }
        
        .team-text-info p{
            line-height: 24px;
            margin-top: 15px;
           
        }

        .leading-text{
            font-size: 16px;
            line-height: 28px;
             width: 70%;
        }

        .our-sustain-info p{
            font-size: 14px;
            line-height: 20px;
        }

        .slider-counter{
            margin-top: -50px;
        }

        .team-slider .owl-nav{
            top: -86px;
        }

        .trending-heading{
            font-size: 50px;
        }

        .trending-section{
             padding-left: 100px;
        }

        .trending-block-text span{
            font-size: 16px;
             padding: 8px 10px;
        }

        .trending-info{
            font-size: 16px;
        }

        .matrix-heading{
            font-size: 50px;
        }

        .matrix-info{
            font-size: 16px;
        }

        .innovation-block h2{
            font-size: 26px;
        }
        
        .innovation-block p{
           font-size: 15px;
           line-height: 21px;
           margin-top: 8px;
        }

      

        .brand-section-heading{
            font-size: 50px;
        }

        .brand-logo-item img{
            width: 90%;
        }

        .stories-heading{
            font-size: 50px;
        }
        
       
       

        .year-in-num {
            margin-top: 22px;
        }
		
		.team-text-info {
			font-size: 16px;
			line-height: 26px;
			margin-top: 13px;
		}
		
		.team-name{
			font-size: 22px;
		}
		
		.team-designation{
			font-size: 18px;
		}
		
		/*   employee support page css  */
		
        .emp-banner-heading {
            font-size: 44px;
        }
		
	.emp-page-heading {
    font-size: 46px;
}
		
		.apparel-heading{
		    font-size: 38px;
		}
		
	
		
		.skill-text {
           font-size: 22px;
           line-height: 32px;
           width: 86%;
        }
        
        .skill-team-name{
            font-size: 22px;
        }
        
        .skill-team-text-info{
            line-height: 26px;
        }
		
		/*  end employee support page css  */
		
		/*  about company  page css  */ 
		
		.about-comp-list li{
		    font-size: 22px;
           line-height: 32px; 
		}
		
		.our-mission-info ul li{
		      margin-top: 26px;
		}
		
		.our-vision-section{
		   padding-left: 74px; 
		}
		
		.vision-listing li{
		    font-size: 22px;
		}
		
		.value-listing li{
		   line-height: 32px;
		}
		
		.mile-stone-year p{
		    font-size: 36px;
		}
		
		.mile-stone-content p{
		 line-height: 32px;
		}
		
		/* end about company  page css  */ 
		
		/*end  team  page css  */
		.team-banner-heading{
		    font-size: 54px;
		}
		
		.mg-team-name {
            font-size: 34px;
		}
		
		.management-content p{
		  line-height: 28px; 
		}
		
		.core-team-name h2 {
            font-size: 20px;
        }
		/*  team  page css  */
		
		/*  sustainability page css*/
		
		.rainharvestting-content h2{
		    font-size: 46px;
		}
		
	
		
		.wind-enery-text-info h2{
		    font-size: 46px;
		    margin-bottom: 10px;
		}
		
		.wind-enery-text-info {
            padding-top: 38px;
        }
        
        
        
        .wind-energy-img img {
            width: 86%;
        }
        
        .recyclled-yern-heading{
            font-size: 46px;
        }
        
        .yearn-info{
           font-size: 22px;
           line-height: 32px;
        }
        
        .recycle-yern-left-content h3{
            font-size: 20px;
            margin-top: 18px;
        }
        
        .recycle-yern-left-content {
            padding-left: 104px;
            padding-bottom: 14px;
        }
        
        .matrix-initative-section {
         padding-top: 44px;
        }
        
        .matrix-initative-heading{
            font-size: 46px;
        }
        
        
        .award-sec img{
            width: 100%;
        }
       
        
        .initative-right-img {
            width: 36.48%;
        }
        
        .initative-center-text {
            width: 33.52%;
        }
		 
		/* end sustainability page css*/
    
    }

    @media only screen and (min-width: 1441px) and (max-width: 1599px)  {

        #header .navbar-brand img {
            display: block;
            width: 130px;
        }

        #header .nav-link {
            font-size: 15px;
            padding: 10px 20px !important;
        }

        .banner-text h2{
            font-size: 58px;
        }


        .our-story-btn a{
            font-size: 26px;
        }

        .our-story-btn a img{
            width: 40px;
        }

        .burgermenu{
            top: 28px;
        }

        .video-play-btn{
            width: 90px;
        }

        .compaany-title{
            font-size: 50px;
        }

        .company-info-block p span{
            font-size: 28px;
        }

        .number-block h2{
            font-size: 48px;
        }

        .number-block h3{
            font-size: 22px;
        }

        .icon-block h2{
            font-size: 22px;
        }

        .fabric-section-text {
            padding-top: 260px;
            padding-left: 36px;
        }

        .skill-development-left h2{
            font-size: 50px;
        }

        .skill-development-left h2 span {
            font-size: 110px;
        }

        .fabric-section-text h2{
            font-size: 40px;
        }

        .get-in-touch a{
            font-size: 26px;
        }

        .skill-development-left{
            padding-left: 60px;
        }

        .company-info-block {
            padding-top: 40px;
            padding-left: 0px;
            padding-bottom: 40px;
            padding-right: 0%;
        }

        .big-text{
            font-size: 40px;
        }

        .associates-small-text{
            font-size: 20px;
        }

        .company-info-block p{
            line-height: 28px;
        }

        .sustainbuilty-block-left {
            width: 66%;
        }

        .sustainbuilty-block-right {
            width: 34%;
        }

        .sustainbuilty-heading{
            font-size: 48px;
        }

        .leading-way-heading{
            font-size: 50px;
        }

        .leading-text{
            font-size: 16px;
            line-height: 28px;
             width: 70%;
        }

        .slider-counter{
            margin-top: -50px;
        }

        .team-slider .owl-nav{
            top: -86px;
        }

        .trending-heading{
            font-size: 50px;
        }

        .trending-section{
             padding-left: 100px;
        }

        .trending-block-text span{
            font-size: 16px;
             padding: 8px 10px;
        }

        .trending-info{
            font-size: 16px;
        }

        .matrix-heading{
            font-size: 50px;
        }

        .matrix-info{
            font-size: 16px;
        }

        .innovation-block h2{
            font-size: 26px;
        }

        
        .brand-section-heading{
            font-size: 50px;
        }

        .brand-logo-item img{
            width: 90%;
        }

        .stories-heading{
            font-size: 50px;
        }
        
       

        
        .year-in-num {
            margin-top: 22px;
        }
		
		.team-text-info {
			font-size: 16px;
			line-height: 26px;
			margin-top: 13px;
		}
		
		.team-name{
			font-size: 22px;
		}
		
		.team-designation{
			font-size: 18px;
		}
		
		.skill-text{
		        width: 80%;
		}
		
	
		
		.skill-team-text-info{
		   line-height: 28px;
		}
		
	.emp-banner-heading {
    font-size: 50px;
    }
		
	.emp-page-heading{
		   font-size: 56px;
		}
		
	.apparel-heading {
    font-size: 48px;
    }
    
    .about-comp-list li{
        font-size: 22px;
       line-height: 30px;
    }
    
    .our-mission-info ul li{
        margin-top: 22px;
    }
    
    .our-vision-section{
        padding-left: 78px;
    }
    
    .value-listing li{
        line-height: 32px;
        margin-top: 22px;
    }
    
    .mile-stone-year p{
        font-size: 34px;
    }
    
    .mile-stone-content p{
       line-height: 32px;
    }
    
    /*  sustainability page css*/
		
		.rainharvestting-content h2{
		    font-size: 46px;
		}
		
	
		
		.wind-enery-text-info h2{
		    font-size: 46px;
		    margin-bottom: 10px;
		}
		
		.wind-enery-text-info {
            padding-top: 38px;
        }
        
        .wind-enery-text-info p{
            font-size: 16px;
            line-height: 28px;
        }
        
        .wind-energy-img img {
            width: 86%;
        }
        
        .recyclled-yern-heading{
            font-size: 46px;
        }
        
        .yearn-info{
           font-size: 22px;
           line-height: 32px;
        }
        
        .recycle-yern-left-content h3{
            font-size: 20px;
            margin-top: 18px;
        }
        
        .recycle-yern-left-content {
            padding-left: 104px;
            padding-bottom: 14px;
        }
        
        .matrix-initative-section {
         padding-top: 44px;
        }
        
        .matrix-initative-heading{
            font-size: 46px;
        }
        
        
        
        .initative-center-text ul li{
            font-size: 20px;
            line-height: 24px;
        }
        
        .initative-right-img {
            width: 36.48%;
        }
        
        .initative-center-text {
            width: 33.52%;
        }
		 
		/* end sustainability page css*/
       
    }

    @media only screen and (min-width: 1600px) and (max-width: 1680px)  {

        .compaany-title{
            font-size: 50px;
        }

        .company-info-block p span{
            font-size: 30px;
        }

        .fabric-section-text {
            padding-top: 280px;
            padding-left: 36px;
        }
        
        .emp-banner-heading {
         font-size: 50px;
        }

    .emp-page-heading{
		   font-size: 56px;
		}
		
        .apparel-heading {
            font-size: 50px;
        }
		
		.skill-team-text-info {
            line-height: 24px;
        }
        
        .our-mission-info ul li{
                margin-top: 30px;
        }
        
        .our-vision-section{
                padding-left: 90px;
        }
        
        .mile-stone-year p{
            font-size: 38px;
        }
        
        /*  sustainability page css*/
        
        .rainharvestting-content h2{
            font-size: 56px;
        }
        
        .wind-enery-text-info h2{
            font-size: 56px;
        }
        
        .recyclled-yern-heading{
            font-size: 56px;
        }
        
        .matrix-initative-section {
           padding-top: 66px;
        }
        
        .initative-center-text ul li{
             font-size: 24px;
             line-height: 32px;
             margin-top: 15px;
        }
        
        .initative-center-text {
           width: 33.52%;
        }
        
        .initative-right-img {
            width: 36.48%;
        }
        
        
        /* end sustainability page css*/
      
    }