/*Media quaries*/

@media only screen and (min-width:1921px) {
    .carousel-home-banner {
        max-width: 1920px;
        margin: 0 auto;
    }
    .carousel-home-banner .carousel-caption .banner-heading {
        font-size: 4.3rem;
    }
    .caption-title .special-title {
        font-size: 4.3rem;
    }
    .banner-desc {
        font-size: 1.5rem;
    }
}

@media only screen and (min-width:1365px) and (max-width:1400px) {
    .home-wrapper .container {
        max-width: 1300px;
        margin: 0 auto;
    }   
    .svg-area.application-svg .mySVG {
        width: 4.73%;
        left: 26%;
        top: -84px;
    }        
    .svg-area.application-svg:before {
        left: 62.5%;
        top: -90px;
    }
    .svg-area.sustain-svg .mySVG {
        width: 4.28%;
        left: 76.2%;
        top: 0;
    }
    .svg-area.sustain-svg:before {
        left: 86.1%;
        top: -10px;
    }
}
@media only screen and (max-width:1299.98px) {
    .elementor-location-header:has(.navbar-fixed-top) ~ .inner-menu-wrapper.navbar-fixed-top {
        top: 78px;
    }
    .carouselInnerPage {
        margin-top: 77px;
    }
}
            @media only screen and (min-width:1280px) and (max-width:1365px) {
                .home-wrapper .container {
                    max-width: 1220px;
                    margin: 0 auto;
                }   
                .svg-area.sustain-svg .mySVG {
                    width: 4.65%;
                    left: 75%;
                    top: 0;
                }
                .svg-area.sustain-svg:before {
                    left: 85.75%;
                    top: -10px;
                }
                .svg-area.application-svg .mySVG {
                    width: 5%;
                    left: 26%;
                    top: -70px;
                }
                .svg-area.application-svg:before {
                    left: 64.5%;
                    top: -76px;
                }
                .inner-support .scale-box .scale-desc {
                    font-size: 13px;
                }
                .inner-support .scale-box.active-item .scale-desc {
                    width: 170px;
                }

            }
            @media only screen and (min-width:1200px) and (max-width:1279px) {
                .home-wrapper .container {
                    max-width: 1200px;
                    margin: 0 auto;
                }   
                .svg-area.sustain-svg .mySVG {
                    width: 4.65%;
                    left: 75%;
                    top: 0;
                }
                .svg-area.sustain-svg:before {
                    left: 85.75%;
                    top: -10px;
                }
                .svg-area.application-svg .mySVG {
                    width: 5.1%;
                    left: 26%;
                    top: -80px;
                }
                .svg-area.application-svg:before {
                    left: 65.5%;
                    top: -86px;
                }
                .inner-support .scale-box.active-item .scale-desc {
                    width: 170px;
                }
                .inner-support .scale-box .scale-desc {
                    font-size: 13px;
                }
                .inner-support .active-item .scale-box-title {
                    font-size: 18px;
                }
            }
 
  @media only screen and (min-width:1200px) and (max-width:1400px) {
   /*  .top-svg .mySVG {
        width: 5.1%;
        left: -0.2%;
    } */
  }

  
  @media only screen and (max-width:1201px) {
    .inner-heading .sub-title {
        font-family: 'Zuume-Bold';
        font-size: 4rem;
    }
    .top-banner .banner-highlight {
        font-size: 2rem;
    }
  }

  @media only screen and (min-width:1200px) and (max-width:1280px) {
    
}
  @media only screen and (min-width:1201px) {
      .casestudy-section .inner-content {
          margin-top: 4rem;
      }
  }
  
  @media only screen and (min-width:1200px) {
      .media-area {
          height: 100vh;
          min-height: 700px;
      }
      .sustain-report ul.report-list {
        min-height: 610px;
    }
    .inner-menu-wrapper .scroll-left, .inner-menu-wrapper .scroll-right {
        display: none !important;
    }
  }
  @media only screen and (min-width: 1200px) and (min-height: 1025px) {
    .media-area {
        max-height: 1080px;
    }
}
  @media only screen and (max-width: 1199.98px) {
    .home-wrapper .container {
        max-width: calc(100% - 30px);
    }
    .svg-area {
        display: none !important;
    }
    .media-area {
        height: 700px;
    }
    .carousel-home-banner .carousel-caption {
        width: 50%;
    }
    .carousel-home-banner .carousel-caption .caption-title {
        font-size: 4vw;
    }
    .carousel-home-banner .carousel-caption .banner-heading {
        font-size: 4vw;
    }
    .caption-title .special-title {
        font-size: 4vw;
    }
    .banner-desc {
        font-size: 1.5vw;
        width: 35vw;
    }
    .report-item-detail .card-title {
        font-size: 16px;
    }
    .scale-container {
        column-gap: 60px;
    }
    .scale-box.active-item {
        width: 50%;
    }
   /*  .scale-box.active-item .scale-box-content {
        width: 270px;
    } */
    .scale-box-content .scale-desc {
        width: 260px;
    }
    .scale-box.active-item .scale-title {
        width: 280px;
        font-size: 1.1rem;
    }
    .report-left .home-desc {
        max-width: 100%;
    }
    .report-bg-img {
        height: 100%;
    }
    /* .featured-image {
        height: 100%;
    } */
    .application-product .overlay-text .overlay-desc {
        display: -webkit-box;
    }
    .application-product .overlay-text::before {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
        height: 70%;
    }
    .application-product .overlay-text .text-itm {
        background: none;
        color: #fff;
        padding: 10px 0;
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
        padding-right: 20px;
        margin-bottom: 0;
    }
    .application-product .overlay-text .text-itm .overlay-arrow {
        display: block;
    }
    .application-product .overlay-text-bottom {
        padding-left: 5px;
    }
    .application-product .overlay-text::after {
        visibility: visible;
        left: 0;
        top: 0;
    }
    .inner-menu-wrapper .scroll-left, .inner-menu-wrapper .scroll-right {
        display: block;
    }
    .inner-menu {
        gap: 15px;
        padding-right: 35px;
    }
    .inner-support .scale-box.active-item .scale-box-img {
        width: 50%;
    }
    .inner-support .scale-box.active-item .support-box-content {
        width: 50%;
    }
    .inner-support .support-box-content {
        width: 65%;
    }
    .inner-support .scale-box .scale-desc {
        width: 110px;
    }
    .image-itm.center-image img {
        height: 380px;
    }
    .segment-slides {
        height: 460px;
    }
    .inner-segments-section .segment-thumbnails .thumbnail {
        height: 90px;
    }
    .inner-segments-section .thumbnail-wrapper {
        row-gap: 5px;
    }
    .inner-segments-section .segment-thumbnails {
        bottom: 20px;
    }
    .inner-tools-items .overlay-text .overlay-text-bottom {
        display: flex;
    }
    .inner-tools-items .overlay-text::before {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.5)));
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
        height: 100%;
    }
    .inner-tools-items .overlay-text-bottom,  .inner-tools-items .overlay-text:hover .overlay-text-bottom {
        top: 210px;
        padding-left: 15px;
    }
}
  @media only screen and (max-device-width:1200px) {
    .svg-area {
        display: none !important;
      }
  }

  

@media (hover: none) {
    .itm-img-area {
        padding-left: 0;
    }
    .itm-img-area .imgItm {
        padding-left: 0;
        width: 100%;
    }
    .svg-area {
        display: none;
    }
    .casestudy-section .sidebar .nav-link {
        transition: all 0.2s ease-out;
    }
    .download-gdnt-btn:hover {
        background-color: var(--btnColor);
    }
    .banner-download .down-btn:hover, .banner-download .down-btn:focus {
        background-color: var(--highlightColor);
    }
  }
  @media only screen and (min-width:992px) and (max-width:1024px) {
      .segment-slides {
          height: 400px;
      }
      .inner-overlay-content {
          padding-top: 65px;
      }
      .slide-counter {
          margin-top: 0;
      }
      .inner-segments-section .segment-thumbnails {
          bottom: 0px;
      }
  }

  @media only screen and (max-width:1024px) {
    .home-carousel .browse-product-panel .browse-product-img {
        overflow: hidden;
    }
    .home-carousel .browse-product-panel .browse-product-img .back-img {
        width: 100%;
        height: 100%;
    }
    .browse-product-panel .bottom-arrow {
        height: 100%;
        opacity: 0.5;
    }
    .home-carousel .browse-product-panel .browse-title {
        color: #fff;
    }
    .home-carousel .browse-product-panel .browse-product-img .browse-title:before {
        background-color: #fff;
    }
    .scale-box, .scale-box-img, .scale-box img {
        width: 170px;
        height: 170px;
    }
    .scale-box .scale-title {
        font-size: 14px;
    }
    .scale-box .scale-title .scale-title-txt {
        width: 170px;
    }
    .scale-box.active-item .scale-box-img {
        width: 50%;
    }
   /*  .scale-box.active-item .scale-box-img {
        min-width: 210px;
    } */
    .scale-box.active-item .scale-box-content {
        min-width: 50%;
    }
    .scale-box-content .scale-desc {
        min-width: 50%;
        width: 200px;
    }
    .home-featured-section .contents {
        padding-left: 15px;
    }
    
    .footwear-solution .owl-theme .owl-nav {
        top: -20px;
        right: 0;
    }
    .image-itm.center-image img {
        height: 350px;
    }
    .elementor-location-header:has(.navbar-fixed-top) ~ .inner-menu-wrapper.navbar-fixed-top {
        top: 0;
    }
    .main-menu {
        display: none !important;
    }
    .carouselInnerPage {
        margin-top: 0 !important;
    }
  }

  @media only screen and (min-width: 992px) {
    .ceoImageIncomment.ceo-img-inner {
        display: none;
    }
  }
  
  @media only screen and (max-width: 991.98px) {
    .section-space {
        padding: 50px 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    section.home-carousel {
        margin-top: 15px;
    }
    .section-space:before {
        top: 52px;
    }
    .carousel-home-banner .carousel-caption .banner-heading {
        font-size: 2rem;
    }
    .carouselInnerPage .carousel-caption .banner-heading {
        font-weight: 300;
        font-size: 2rem;
    }
    .caption-title .special-title {
        font-size: 2rem;
    }
    .banner-desc {
        font-size: 1rem;
        width: 90%;
    }
    .carousel-home-banner .carousel-caption {
        top: 100px;
        left: 40px;
    }
    .carousel-indicators {
        left: 0;
    }
    .slide-number {
        left: 40px;
    }
    .media-area {
        height: 580px;
    }
    .explore-icon {
        display: none;
    }
    .indicator-text {
        font-size: 15px;
    }
    .carousel-indicators-single .indicators-btn {
        width: 450px;
        height: 100px;
    }
    .indicator-media {
        width: 115px;
    }
    .indicator-media img, .indicator-media video {
        width: 115px;
    }
    .report-item-detail .card-title {
        font-size: 15px;
    }
    .report-item-detail .card-text {
        font-size: 12px;
    }
    .report-section .report-item {
        margin: 0;
    }
    .report-section .report-list {
        padding: 0;
        position: relative;
        bottom: auto;
    }
    .report-section .report-img {
        min-width: auto;
        height: 100%;
    }
    section.report-section {
        padding-bottom: 10px;
    }
    .report-img-section .text-box {
        padding: 40px 20px;
    }
    .home-btn .down-btn {
        padding: 10px 15px;
        font-size: 0.87rem;
    }
    .scale-container {
        column-gap: 40px;
        height: 350px;
    }
    .scale-box.active-item {
        width: 55%;
        height: 350px;
    }
    .scale-box.active-item .scale-box-content {
        width: 50%;
        row-gap: 10px;
    }
    .scale-box, .scale-box-img, .scale-box img {
        width: 140px;
        height: 140px;
    }
    .scale-box .scale-title .scale-title-txt {
        width: 140px;
    }
    .scale-box .scale-title {
        height: 70px;
        font-size: 14px;
        bottom: -65px;
    }
    .scale-box.active-item .scale-title {
        width: 260px;
        font-size: 1rem;
    }
    .scale-box-content .scale-desc {
        width: 200px;
        font-size: 14px;
    }
    .home-read-more {
        font-size: 13px;
    }
    /* .related-products-main {
        position: relative;
        margin-top: 15px;
    } */
    .featured-image {
        height: 100%;
        height: 400px;
     }
     .products-content-inner {
        max-height: 140px;
        overflow: auto;
        overflow-x: hidden;
    }
    .home-featured-section .contents {
        padding-left: 0;
    }
    .primary-card .card-title {
        font-size: 1.5rem;
    }
    .section-title-main {
        font-size: 2rem;
    }
    .sustain-report .secondary-title {
        font-size: 2rem;
    }
    .sustain-report ul.report-list {
        padding-top: 20px;
        padding-left: 0;
    }
    .sustain-report .report-item-detail .card-title {
        font-size: 1rem;
    }
    .home-blogs .owl-theme .owl-nav {
        right: 156px;
        top: -60px;
    }
    .our-application .section-title-main br {
        display: contents;
    }
    .home-carousel .section-content {
        width: calc(100% - 130px);
        max-width: 100%;
        margin-top: 20px;
    }
    .scale-box.active-item .scale-box-content {
        justify-content: end;
    }
    .news-max-view .news-tag {
        padding: 20px 15px;
        max-width: 290px;
        height: auto;
        font-size: 1.2rem;
        margin-bottom: 5px;
    }
    .news-max-view {
        padding-right: 0;
        position: relative;
        top: 0;
        right: auto;
        padding-bottom: 30px;
        margin-left: 4%;
        margin-bottom: 40px;
    }
    .news-max-view .news-content {
        width: 100%;
        position: relative;
        left: -4%;
    }
    .home-news-list {
        display: flex;
        flex-direction: row;
        row-gap: 25px;
    }
    .news-list-item {
        flex-direction: column;
    }
    .home-news-list {
        flex-direction: row;
        column-gap: 35px;
    }
    .home-news-list .news-img {
        width: 100%;
        height: 150px;
    }
    .home-news .home-featured-btn {
        position: relative;
        bottom: 20px;
    }
    .home-news-list .muted_text {
        margin-top: 10px;
    }
    .denim-view {
        width: 100%;
        top: 0;
        left: 0;
        margin-top: 30px;
    }
    .inner-denim-section .image-itm:before {
        content: none;
    }
    .inner-denim-section .image-itm img {
        position: relative;
    }
    
    .footwear-solution .owl-theme .owl-nav {
        top: -40px;
    }
    .inner-featured-section .thumbs-main {
        bottom: -35px;
    }
    .inner-featured-image {
        height: 345px;
    }
    .inner-featured-section .owl-thumbs {
        gap: 20px;
        width: calc(100% - 45px);
        padding: 20px 20px 0 0;
    }
    .inner-featured-section .owl-thumb-item img {
        height: 85px;
    }
    .section-content.title-content {
        margin-top: 1.3rem;
    }
    .inner-app-section.section-space {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .inner-support .scale-box-img {
        width: 35%;
    }
    .inner-support .support-box-content {
        width: 75%;
    }
    .inner-support .scale-box img {
        height: 85px;
    }
    .inner-support .scale-box .scale-desc {
        display: none;
    }
    .inner-support .scale-box.active-item .scale-desc {
        display: -webkit-box;
        width: 125px;
        margin-top: 10px;
    }
    .inner-support .support-box-content {
        padding: 20px 10px 20px 45px;
        height: 100%;
    }
    .inner-support .scale-box.active-item {
        padding: 15px;
    }
    .inner-support .scale-box.active-item .support-box-content {
        padding-top: 0;
    }
    .inner-support .active-item .scale-box-title {
        font-size: 16px;
        line-height: 1.3;
    }
    .info-hub-section .section-content, .inner-tools-section .section-content {
        margin-top: 15px;
    }
    .inner-info-items, .inner-tools-items {
        margin-top: 0 !important;
    }
    .inner-faq-section .accordion-area {
        margin-top: 20px;
    }
    .mobile-bottom-btn {
        position: absolute;
        display: flex;
        justify-content: center;
        width: 100%;
        bottom: -20px;
        left: 0;
        right: 0;
    }
    .new-arrivals-section .media-area video {
        margin-top: 25px;
    }
    .new-arrivals-section.section-space {
        margin-bottom: 0;
    }
    .segment-slides .slide {
        margin-top: 30px;
    }
    .image-itm.center-image img {
        height: 400px;
    }
    .segment-slides {
        height: 480px;
    }
    .inner-overlay-content {
        padding-top: 60px;
    }
}

@media only screen and (max-width: 860px) {
    .scale-container {
        height: 300px;
    }
    .scale-box.active-item {
        width: 55%;
        height: 300px;
    }
    .scale-box, .scale-box-img, .scale-box img {
        width: 120px;
        height: 120px;
    }
    .scale-box.active-item .scale-title {
        top: 50px;
        width: 240px;
    }
    .scale-box .scale-title .scale-title-txt {
        width: 120px;
    }
    .scale-box.active-item .scale-title .scale-title-txt {
        padding: 6px 10px;
    }
    .scale-box.active-item .scale-box-img {
        width: 45%;
    }
    .scale-box.active-item .scale-box-content {
        width: 60%;
        row-gap: 10px;
        padding-top: 60px;
    }
    .scale-box-content .scale-desc {
        -webkit-line-clamp: 3;
    }
    .scale-box-content .scale-desc {
        width: 200px;
    }
    .scale-num {
        width: 38px;
        height: 34px;
    }
    .section-title-main {
        font-size: 1.7rem;
    }
    .sustain-report .secondary-title {
        font-size: 1.7rem;
    }
    .inner-featured-image {
        height: 345px;
    }
    .inner-featured-section .thumbs-main {
        bottom: -20px;
    }
    .inner-featured-section .owl-thumb-item img {
        height: 70px;
    }
    .inner-support .scale-box.active-item {
        width: 100%;
    }
    .inner-support .scale-box.active-item .scale-desc {
        width: 100%;
    }
    .inner-support .scale-box.active-item {
        height: auto;
    }
    .inner-support .scale-box-img:before {
        content: none;
    }
    .inner-support .scale-box, .inner-support .scale-box.active-item {
        background-color: #EFF3F6;
        padding: 15px;
        width: 100%;
        margin-bottom: 15px;
    }
    .inner-support .scale-container {
        height: auto;
        flex-wrap: wrap;
    }
    .inner-support .scale-box .scale-box-img, 
    .inner-support .scale-box.active-item .scale-box-img {
        width: auto;
    }
    .inner-support .scale-box .scale-box-img img, 
    .inner-support .scale-box.active-item .scale-box-img img {
        height: 240px;
        width: 240px;
    }
    .inner-support .scale-box .scale-desc {
        display: -webkit-box;
        width: 100%;
        margin-top: 10px;
        -webkit-line-clamp: 6;
    }
    .inner-support .scale-read-more {
        display: block;
    }
    .inner-support .support-box-content {
        padding-top: 0;
        top: 0;
        width: 50%;
        padding-left: 20px;
        padding-right: 0;
        left: 0;
    }
}
@media only screen and (max-width:767.98px) {
    .home-wrapper .container {
        max-width: calc(100% - 15px);
    }
    .carousel-home-banner .carousel-caption {
        width: 75%;
    }
    .section-space {
        padding: 30px 0;
    }
    .section-title-main {
        font-size: 1.6rem;
    }
    .home-carousel .section-title-main.left-align {
        width: 100%;
    }
    .section-space:before {
        top: 28px;
    }
    .sustain-report.section-space:before {
        top: 118px;
    }
    .report-section .report-item .card-body {
        padding: 10px 10px !important;
    }
    .report-item-detail .card-title {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .scale-container {
        height: auto;
        display: block;
    }
    .scale-box, .scale-box.active-item {
        width: 100%;
        height: 230px;
        margin-bottom: 40px;
    }
    .scale-box .scale-box-img, .scale-box.active-item .scale-box-img {
        width: 50%;
        display: block;
        flex: 0 0 auto;
        height: 100%;
        position: relative;
        max-width: 235px;
    }
    .scale-box img, .scale-box.active-item img {
        position: relative;
        height: 100%;
        width: 100%;
    }
    .scale-box-content .scale-desc {
        width: 100%;
    }
    .scale-box .scale-box-content, .scale-box.active-item .scale-box-content {
        width: 50%;
        flex: 0 0 auto;
        row-gap: 10px;
        padding-top: 20px;
        padding-left: 20px;
        min-width: 50%;
        display: flex;
        align-items: start;
        flex-direction: column;
        justify-content: end;
        height: 100%;
    }
    .scale-box .scale-title, .scale-box.active-item .scale-title {
        width: 100%;
        font-size: 1rem;
        left: calc(100% - 31px);
        top: 55px;
        bottom: auto;
        height: fit-content;
        display: inline-block;
        text-align: left;
        position: absolute;
        width: calc(100% + 30px);
        padding: 0;
    }
    .scale-box .scale-title .scale-title-txt {
        background: var(--lightgreyBG);
        padding: 10px 15px;
        display: -webkit-inline-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: fit-content;
        padding: 6px 10px;
    }
    .primary-card .card-title {
        font-size: 1.4rem;
        width: calc(100% - 100px);
    }
    .featured-image {
        height: 350px;
    }
    .home-featured-section .owl-theme .owl-nav {
        top: 360px;
    }
    .home-featured-content {
        justify-content: normal;
    }
    .home-featured-content p {
        max-width: 100%;
        text-align: left;
    }
    .home-blogs .owl-theme .owl-nav {
        right: 0;
        left: auto;
        bottom: -33px;
        top: -55px;
    }

    .card.available-product-card {
        margin-bottom: 30px;
    }
    .home-carousel .section-content {
        width: 100%;
    }
    .progress-bar-container {
        margin-top: 40px;
        width: calc(100% - 100px);
    }
    .owl-theme .owl-nav {
        right: 0;
    }
    .section-left .customized-title-width {
        padding-top: 1.5rem !important;
        padding-bottom: 2.5rem !important;
        margin-bottom: 0 !important;
    }
    .news-max-view .news-tag {
        font-size: 1.1rem;
    }
    .carousel-home-banner .carousel-caption {
        top: 60px;
        left: 30px;
    }
    .slide-number {
        left: 40px;
    }
    .carousel-indicators-single {
        display: none;
    }
    .media-area {
        height: 600px;
    }
    .caption-title .special-title:before {
        width: 12px;
        height: 12px;
        right: -18px;
    }
    .solution-section.section-space {
        margin-bottom: 40px;
    }
    .application-product {
        height: 300px;
    }
    .application-product .overlay-text-bottom {
        padding-left: 0;
    }
    .title-split .view-more-btn {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        justify-content: center !important;
    }
    .home-news-list {
        margin-bottom: 25px;
    }
    .related-products-list {
        margin-bottom: 25px;
    }
    .home-featured-section.section-space {
        margin-bottom: 35px;
    }
    .our-application-items {
        display: flex;
        margin-bottom: 40px;
    }
    .our-application .application-btn {
        position: absolute;
        bottom: -41px;
        left: 0;
        right: 0;
        justify-content: center;
    }
    .report-left .home-desc {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: auto;
    }
    .home-blogs.section-space {
        margin-bottom: 35px;
    }
    .home-blogs .card.available-product-card .card-title {
        font-size: 1rem;
    }
    .home-news.section-space {
        margin-bottom: 30px;
    }
    .our-application.section-space {
        margin-bottom: 20px;
    }
    .related-products-main {
        position: relative;
        margin-top: 15px;
    }
    .carouselInnerPage .carousel-caption {
        max-width: 90%;
    }
    .inner-menu .menu-item {
        font-size: 12px;
    }
    .inner-featured-section .thumbs-main {
        bottom: auto;
        top: 189px;
    }
    .inner-featured-section .owl-thumbs {
        width: auto;
        display: inline-flex;
    }
    .inner-featured-section .view-more-btn {
        padding-top: 0 !important;
    }
    .info-hub-section {
        margin-top: 25px;
    }
    .inner-support .view-more-btn {
        bottom: -15px;
    }
       .denim-view .denim-tag {
        padding: 1rem 1rem 1rem 2rem;
        font-size: 1.5rem;
        margin-bottom: 0;
        line-height: 1.4;
    }
    .denim-view .denim-content {
        padding: 0 2rem;
    }
    .denim-view .denim-content p {
        margin-bottom: 15px;
    }
    .image-itm.center-image img {
        height: 350px;
    }
    .inner-segments-section .segment-thumbnails {
        gap: 10px;
        width: calc(100% - 23px);
    }
    .inner-overlay-content {
        padding-bottom: 20px;
        font-size: 14px;
    }
    .segment-slides .inner-text {
        margin-bottom: 5px !important;
        font-size: 14px;
    }
    .image-itm.center-image img {
        height: 320px;
    }
    .inner-segments-section .segment-thumbnails {
        bottom: 80px;
    }
    .inner-segments-section .segment-thumbnails .thumbnail {
        height: 100px;
    }
    .cust-tabs .nav-pills li .nav-link {
        font-size: 14px;
        padding: 10px;
    }
    .banner-top-section {
        margin-top: 0;
    }
    .new-arrivals-section .media-area video {
        padding-left: 0;
    }
    .denim-text {
        margin-bottom: 15px !important;
    }
    button.share-tool-btn {
        padding: 5px 10px;
        font-size: 12px;
    }
    .sharing-tool {
        top: 35px;
    }
    .cust-tabs .tab-txt {
        padding-top: 80px;
    }
    .solution-carousel.section-space {
        padding-bottom: 0;
    }
    .inner-faq-section {
        margin-bottom: 40px;
    }
    .inner-denim-section {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width:575.98px) {
    .home-wrapper p {
        font-size: 15px;
    }
    .primary-card .card-title {
        font-size: 1.2rem;
    }
    .home-news-list {
        flex-direction: column;
        row-gap: 20px;
    }
    .home-news-list .news-img {
        width: 100%;
        height: 200px;
    }
    .vAlignment.end {
        padding: 0;
    }
    .section-left .secondary-content {
        width: calc(100% - 50px);
    }
    .related-products-list {
        display: flex;
        column-gap: 20px;
        position: relative;
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .related-products-list .related-prdcs {
        flex: 0 0 auto;
        width: calc(50% - 10px);
    }
    .our-application-items {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .our-application-items .item {
        width: 100%;
    }
    .application-product .text-itm {
        font-size: 14px;
    }
    .application-product .overlay-text .overlay-desc {
        font-size: 0.8rem;
    }
    .home-blogs .card.available-product-card .card-title {
        font-size: 0.9rem;
    }
    .carousel-home-banner .carousel-caption .banner-heading {
        font-size: 1.6rem;
    }
    .caption-title .special-title {
        font-size: 1.6rem;
    }
    .home-banner-download .down-btn {
        font-size: 0.9rem;
    }
    .section-title-main {
        font-size: 1.4rem;
    }
    .sustain-report .secondary-title {
        font-size: 1.4rem;
    }
    .inner-featured-image {
        height: 270px;
    }
    .inner-featured-section .thumbs-main {
        top: 190px;
        width: calc(100% - 40px);
    }
    .inner-featured-section .owl-thumb-item img {
        height: 50px;
    }
    .segment-slides {
        height: 340px;
    }
    .segment-slides .image-itm.center-image img {
        height: 240px;
    }
    .inner-segments-section .segment-thumbnails {
        position: relative;
        left: 0;
        width: calc(100% - 20px);
        gap: 20px;
        padding: 0;
        bottom: 20px;
    }
    .segment-slides .card-title {
        font-size: 18px;
    }
    .cust-tabs .nav-pills li .nav-link {
        font-size: 12px;
    }
    .inner-support .active-item .scale-title-txt br {
        display: none;
    }
    .inner-support .scale-box, .inner-support .scale-box.active-item {
        flex-direction: column;
    }
    .inner-support .scale-box .support-box-content, 
    .inner-support .scale-box.active-item .support-box-content {
        padding-top: 20px;
        width: 100%;
        padding-left: 0;
    }
    .inner-support .scale-box .scale-box-img,
    .inner-support .scale-box.active-item .scale-box-img {
        width: 100%;
        max-width: 100%;
    }
    .inner-support .scale-box .scale-box-img img,
    .inner-support .scale-box.active-item .scale-box-img img {
        height: 200px;
        width: 100%;
    }
    .inner-info-items .card {
        flex-direction: column;
    }
    .inner-info-items .hub-img-area {
        padding: 0 20px 20px;
    }
    .inner-info-items .card > div {
        width: 100%;
    }
    .inner-faq-section .accordion-item .accordion-button {
        font-size: 16px;
    }
    .denim-view .denim-tag {
        padding: 1rem 1rem 1rem 1rem;
    }
    .denim-view .denim-content {
        padding: 0 1rem;
    }
    .denim-view {
        padding-bottom: 10px;
    }
    .inner-featured-section .owl-thumbs {
        width: auto;
        display: inline-flex;
        padding: 15px 15px 0 0;
        gap: 15px;
    }
    .inner-featured-section .owl-thumb-text {
        display: none;
    }
    .inner-product-section .image-itm img {
        height: 350px;
    }
}

@media only screen and (max-width:400px) {
    .inner-heading .tag-title {
        text-align: center !important;
        font-size: 1.3rem;
    }
    h2.section-title {
        font-size: 3rem;
    }
    .casestudy-section .sidebar-heading {
        font-size: 3rem;
    }
    .global_award_box {
        padding: 40px 15px;
    }
    .download-gdnt-btn {
        font-size: 0.9rem;    
    }
    .inner-support .scale-box.active-item .scale-desc {
        -webkit-line-clamp: 4;
    }
}

@media only screen and (max-width:575.98px){
    .report-img-section {
        display: block;
    }
    .report-section .report-img {
        height: 100%;
        height: 200px;
        width: 100%;
    }
    .report-img-section .text-box {
        padding: 15px;
    }

}

@media only screen and (max-width:360px) {
    .download-gdnt-btn {
        font-size: 0.9rem;    
        padding: 15px 15px;
    }
}

/* Industries */