@media (min-width: 1700px) and (max-width: 1920px) {
    .custom-heading h3 {
        font-size: 45px;
    }
}

@media (min-width: 1600px) and (max-width: 1700px) {
    .custom-heading h3 {
        font-size: 44px;
    }
}

@media (min-width: 1500px) and (max-width: 1600px) {
    .custom-heading h3 {
        font-size: 43px;
    }

    .hero-carousel .owl-prev {
        left: 5px;
    }

    .hero-carousel .owl-next {
        right: 5px;
    }
}

@media (min-width: 1400px) and (max-width: 1500px) {
    .custom-heading h3 {
        font-size: 42px;
    }

    .hero-carousel .owl-prev {
        left: 5px;
    }

    .hero-carousel .owl-next {
        right: 5px;
    }

    body {
        overflow-x: hidden !important;
    }
}

@media (min-width: 1300px) and (max-width: 1400px) {
    .custom-heading h3 {
        font-size: 41px;
    }

    .hero__slider-content h2,
    .hero__slider-content h1 {
        font-size: 54px;
        margin-bottom: 16px;
    }

    .hero-carousel .owl-nav>* {
        top: 83%;
    }

    .hero-carousel .owl-prev {
        left: 15px;
    }

    .hero-carousel .owl-next {
        right: unset;
        left: 60px;
    }

    .sustainable__stage {
        padding: 17px 11px 0px 12px;
    }

    .sustainable__stage-img img {
        width: 60px;
        height: 60px;
    }

    .sustainable__stage-content {
        margin-top: 4px;
    }

    .sustainable__stage-content h5 {
        font-size: 21px;
        line-height: 24px;
    }

    /* 
    .section__clients .custom-heading h3,
    .section__certificates .custom-heading h3 {
        font-size: 28px;
    } */

    .section__certificates .custom-heading h3 {
        padding-left: 16px;
    }

    .section__clients .custom-heading h3 {
        padding-right: 16px;
    }

}

@media (min-width: 1200px) and (max-width: 1300px) {
    .custom-pad {
        padding: 80px 0;
    }

    .custom-button {
        font-size: 16px;
        padding: 0px 32px;
    }

    .custom-heading h3 {
        font-size: 36px;
    }

    .custom-heading span {
        font-size: 18px;
    }

    .hero__slider-content h2,
    .hero__slider-content h1 {
        font-size: 50px;
        margin-bottom: 12px;
    }

    .hero__slider-content p {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .hero__slider-wrap .custom-button {
        height: 56px;
        font-size: 18px;
        padding: 0 45px;
    }

    .hero-carousel .owl-nav>* {
        top: 81%;
    }

    .hero-carousel .owl-prev {
        left: 15px;
    }

    .hero-carousel .owl-next {
        right: unset;
        left: 60px;
    }

    .ps__left {
        padding: 35px 35px 35px 35px;
    }

    .ps__box-title h4 {
        font-size: 18px;

    }

    .sustainable__stages-wrap {
        padding-top: 0px;
    }

    .stages__box-content h5 {
        font-size: 25px;
    }

    .stages__box-content {
        top: 20px;
        left: 20px;
    }

    .stages__box-content p {
        font-size: 16px;
    }

    .stages__box-video video,
    .stages__box::before {
        height: 400px;
    }

    .sustainable__stage {
        padding: 24px 22px;
        width: 23.5%;
        margin-top: 32px;
    }

    .sustainable__stage-img img {
        width: 70px;
        height: 70px;
    }

    .sustainable__stage-content p {
        min-height: 90px;
    }

    .sustainable__stage-no {
        font-size: 58px;
    }

    .sustainable__stage-content {
        margin-top: 20px;
    }

    .sustainable__stage-content h5 {
        margin-bottom: 12px;
    }

    .section__clients .custom-heading h3,
    .section__certificates .custom-heading h3 {
        font-size: 28px;
    }

    .section__certificates .custom-heading h3 {
        padding-left: 16px;
        margin-left: 8px;
    }

    .section__clients .custom-heading h3 {
        padding-right: 16px;
        margin-right: 8px;
    }

    .stages__wrap .carousel-indicators button .stages__box-content {
        top: 0px;
    }

    .mc__boc-content {
        left: 32px;
    }


    .mc__box:hover .mc__boc-content {
        left: 32px;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .custom-pad {
        padding: 70px 0;
    }

    .custom-button {
        font-size: 15px;
        padding: 0px 29px;
        height: 46px;
    }

    .custom-heading h3 {
        font-size: 36px;
    }

    .custom-heading span {
        font-size: 16px;
    }

    .hero__slider-content h2,
    .hero__slider-content h1 {
        font-size: 50px;
        margin-bottom: 12px;
    }

    .hero__slider-content p {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .hero__slider-wrap .custom-button {
        height: 56px;
        font-size: 18px;
        padding: 0 45px;
    }

    .hero-carousel .owl-nav>* {
        top: 81%;
    }

    .hero-carousel .owl-prev {
        left: 15px;
    }

    .hero-carousel .owl-next {
        right: unset;
        left: 60px;
    }

    .ps__left {
        padding: 35px 35px 35px 35px;
    }

    .ps__box-title h4 {
        font-size: 18px;
    }

    .sustainable__stages-wrap {
        padding-top: 0px;
    }

    .stages__box-content h5 {
        font-size: 25px;
    }

    .stages__box-content {
        top: 20px;
        left: 20px;
    }

    .stages__box-content p {
        font-size: 16px;
    }

    .stages__box-video video,
    .stages__box::before {
        height: 400px;
    }

    .sustainable__stage {
        padding: 24px 22px;
        width: 23.5%;
        margin-top: 32px;
    }

    .sustainable__stage-img img {
        width: 70px;
        height: 70px;
    }

    .sustainable__stage-content p {
        min-height: 90px;
    }

    .sustainable__stage-no {
        font-size: 58px;
    }

    .sustainable__stage-content {
        margin-top: 20px;
    }

    .sustainable__stage-content h5 {
        margin-bottom: 12px;
    }

    .section__certificates {
        padding-top: 40px;
    }

    .section__clients .custom-heading h3,
    .section__certificates .custom-heading h3 {
        font-size: 23px;
    }

    .section__certificates .custom-heading h3 {
        padding-left: 16px;
        margin-left: 8px;
    }

    .section__clients .custom-heading h3 {
        padding-right: 16px;
        margin-right: 8px;
    }

    .footer-col p,
    .footer-col li {
        font-size: 15px !important;
    }

    .cd-timeline-block:nth-child(2n+1) {
        margin-left: 83px;
        width: 246%;
    }



    .cd-timeline-block:nth-child(2n) {
        margin-left: 160px;
        width: 90px;
    }

    .cd-timeline-content p {
        width: 256px !important;
    }

    .cd-timeline {
        margin: 0px 175px;
    }

    .cd-timeline-block:nth-child(2n) .sustainable-info {
        margin-left: 48px;
    }

    .cd-timeline-block:nth-child(2n) .timeline-content-info-date {
        position: relative;
        right: -40px;
    }

    .cd-timeline-block:nth-child(2n) .cd-timeline-content p {
        width: 140px;
    }

    .timeline-content-info-date {
        position: relative;
        right: -88px;
    }

    .sustainable-info {
        gap: 12px;
    }

    .cd-timeline-block:nth-child(2n+1) .sustainable-info {
        margin-right: 5px;
    }

    .cd-timeline-block:nth-child(2n+1) .cd-timeline-content {
        width: 47%;
    }

    .cd-timeline-content {
        margin-left: 100px;

    }

    .cd-timeline-block {
        padding: 70px 0px;
    }

    .cd-timeline-content img {
        height: 55px;
    }

    .cd-timeline::before {
        height: 0%;
    }

    .timeline-info h2 {
        font-size: 18px;
    }


    td,
    th {
        padding: 10px 0;
        font-size: 15px;
        letter-spacing: 0;
        width: 40%;
        line-height: 22px;
    }

    td {
        width: 25% !important;
    }

    thead th:not(:first-child) {
        padding: 5px 0;
        font-size: 14px;
    }

    .section__sustainable-stages.custom-button {
        margin-top: 24px;
    }

    .sustainable__stages-wrap {
        padding-top: 0px;
        flex-wrap: wrap;
    }

    .sustainable__stage {
        padding: 20px 16px;
        width: 31.5%;
        margin-top: 24px;
    }

    .sustainable__stage-img img {
        width: 70px;
        height: 70px;
    }

    .sustainable__stage-content p {
        min-height: 87px;
        font-size: 14px;
    }

    .sustainable__stage-no {
        font-size: 44px;
    }

    .sustainable__stage-img img {
        width: 60px;
        height: 60px;
    }

    .sustainable__stage-content {
        margin-top: 16px;
    }

    .sustainable__stage-content h5 {
        margin-bottom: 12px;
    }

    .timeline-content-info-date {
        position: relative;
        right: -57px;
    }

    .office-box .content {
        height: 245px;
    }

    .hero__slider-content h2,
    .hero__slider-content h1 {
        font-size: 36px;
        margin-bottom: 12px;
        line-height: 47px;
    }

    .mens {
        gap: 3px;
        padding-left: 12px;
    }

    .mens a,
    .womens a {
        padding: 6px 20px;
        font-size: 12px;
    }

    .mens img,
    .womens img {
        height: 176px;
    }


    .vendor-left-content {
        transform: translatey(43%);
    }

    .carousel-indicators button.active .stages__box-content {
        width: 658px !important;
        padding: 12px 6px !important;
        margin: -29px 150px;
        height: 182px !important;
    }

    .stages__box-video video {
        object-fit: cover;
    }

    .choose-image-box img {
        height: 810px;
        object-fit: cover;
    }

    .kf__box-number h4 {
        font-size: 17px;
    }

    .mc__boc-content {
        left: 0px;
        width: 182px;
    }

    .mc__box:hover .mc__boc-content {
        width: 178px;
        left: 0px;
    }

    /* 
      .stages__wrap .carousel-indicators button .stages__box-content .active{
        top: -219px;
      } */

    .carousel-indicators img {
        display: none !important;
    }

    .stages__box-content {
        top: -243px;
        left: 19px !important;
    }

    .carousel-indicators .active .stages__box-content {
        opacity: 1;
    }

    .carousel-indicators .stages__box-content {
        opacity: 0;
    }

    .stages__wrap .carousel-indicators button {
        position: unset;
    }

}

@media (min-width: 992px) and (max-width: 1024px) {

    .timeline-content-info-date {
        position: relative;
        right: -88px;
    }

    .sustainable-info {
        gap: 12px;
    }

    .cd-timeline-block:nth-child(2n+1) .sustainable-info {
        margin-right: 5px;
    }

    .cd-timeline-block:nth-child(2n+1) .cd-timeline-content {
        width: 47%;
    }

    .cd-timeline-content {
        margin-left: 100px;

    }

    .cd-timeline-block {
        padding: 70px 0px;
    }

    .cd-timeline-content img {
        height: 55px;
    }

    .cd-timeline::before {
        height: 0%;
    }

    .timeline-info h2 {
        font-size: 18px;
    }


    td,
    th {
        padding: 10px 0;
        font-size: 15px;
        letter-spacing: 0;
        width: 40%;
        line-height: 22px;
    }

    td {
        width: 25% !important;
    }

    thead th:not(:first-child) {
        padding: 5px 0;
        font-size: 14px;
    }

    .section__sustainable-stages.custom-button {
        margin-top: 24px;
    }

    .sustainable__stages-wrap {
        padding-top: 0px;
        flex-wrap: wrap;
    }

    .sustainable__stage {
        padding: 20px 16px;
        width: 31.5%;
        margin-top: 24px;
    }

    .sustainable__stage-img img {
        width: 70px;
        height: 70px;
    }

    .sustainable__stage-content p {
        min-height: 87px;
        font-size: 14px;
    }

    .sustainable__stage-no {
        font-size: 44px;
    }

    .sustainable__stage-img img {
        width: 60px;
        height: 60px;
    }

    .sustainable__stage-content {
        margin-top: 16px;
    }

    .sustainable__stage-content h5 {
        margin-bottom: 12px;
    }

    .timeline-content-info-date {
        position: relative;
        right: -57px;
    }

    .mens {
        gap: 3px;
        padding-left: 12px;
    }

    .mens a,
    .womens a {
        padding: 6px 20px;
        font-size: 12px;
    }

    .mens img,
    .womens img {
        height: 176px;
    }


    .vendor-left-content {
        transform: translatey(43%);
    }

    .carousel-indicators button.active .stages__box-content {
        width: 658px !important;
        padding: 12px 6px !important;
        margin: -29px 150px;
        height: 182px !important;
    }

    .stages__box-video video {
        object-fit: cover;
    }




}


@media (min-width: 991.98px) {
    .header__nav .navbar-nav .dropdown-menu .nav-item .nav-link {
        line-height: 40px;
        /* padding: 0 16px !important; */
        font-size: 16px;
    }

    .header__nav .dropdown-menu .nav-item .dropdown-menu.sub-dropdown-menu {
        visibility: hidden !important;
        left: 100%;
        display: block !important;
        transform: rotateY(90deg) !important;
        top: 0 !important;
        margin-left: 0;
        right: 0;
        transform-origin: left top 0 !important;
    }

    .header__nav .dropdown-menu .nav-item:hover>.dropdown-menu.sub-dropdown-menu {
        padding: 0;
        visibility: visible !important;
        transform: rotateY(0) !important;
        transition: all .5s ease-in-out;
    }

    .header__nav .nav-item:nth-last-child(-n+4) .dropdown-menu .nav-item .dropdown-menu.sub-dropdown-menu {
        right: 100% !important;
        left: unset;
        transform-origin: right top 0 !important;
    }

    .header__nav .dropdown-menu>.dropdown::before {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "\2b";
        font-size: 14px;
        transition: all .4s ease-in-out;
    }

    .header__nav .dropdown-menu>.dropdown:hover::before {
        content: '\f068';
        transition: all .4s ease-in-out;
    }

    .header__nav .menu-item-has-children.dropdown .dropdown-menu {
        background-color: var(--clr-accent);
        border-radius: 0;
        border-bottom: 2px solid var(--clr-primary);
        transform: rotateX(90deg);
        top: 100%;
        transform-origin: center top 0;
        transition: all .5s ease 0s;
        visibility: hidden;
        display: block;
        width: max-content !important; 
         width: calc(100vw - 100px) !important;
    margin:0 auto;
    right: 0;
    left: 0;
    column-count: 5;
    padding: 10px;
    }

    .header__nav .menu-item-has-children.dropdown:hover .dropdown-menu {
        transform: rotateX(0);
        visibility: visible;
        display: unset;
       
    transition: .5s ease-in-out;
    }
    .nav-manu li{
        position: unset;
    }

    .header__nav .dropdown-menu .dropdown-item {
        color: #fff;
        font: 500 13px var(--ff-secondary);
        text-transform: uppercase
    }

    .header__nav .dropdown-menu .dropdown-item:focus,
    .header__nav .dropdown-menu .dropdown-item:hover {
        background-color: #4f4f4f;
    }

    .top-head {
        padding: 8px 0px;
    }

    .logo {
        width: 28%;
    }
    .logo a{
    display: flex;
    align-items: center;
    height: 100%;
}
.logo a img{

    height:60px ;
}

.logo {
    
    padding: 0;
}
/* .nav-manu li a{
     padding-block: 23px !important;
} */
.nav-top{
    padding: 0;
}

}

@media only screen and (max-width: 991.98px) {

    .header__nav .nav-item {
        position: relative;
    }

    .header__nav {
        display: flex;
        justify-content: space-between;
        padding: 0px 19px;
    }

    .search-wrap .input_search {
        padding: 0 11px;
        height: 26px;
        font-size: 12px;
        background-image: unset;
    }

    .header__top .custom-button {
        height: 27px;
        padding: 0 10px;
    }


    .header {
        overflow: hidden;
    }

    .dropdown-menu {
        padding-left: 12px !important;
        border-left: 2px solid var(--clr-secondary) !important;
        border-radius: 0px;
    }

    .nav-link .dropdown-toggle .dropdown-menu {
        background-color: var(--clr-accent);
    }

    .custom-pad {
        padding: 30px 0;
    }

    .custom-button {
        font-size: 15px;
        padding: 0px 26px;
        height: 40px;
    }

    .custom-heading h3 {
        font-size: 28px !important;
    }

    .custom-heading span {
        font-size: 15px;
        padding: 5px 22px;
        margin-bottom: 20px;
    }

    .header__nav .logo {
        width: 10% !important;
        padding: 6px 0;
    }

    .header__nav .navbar {
        padding: 0;
        width: 20%;
        flex: 0 0 auto;
        margin-left: auto;
    }

    .header__right-wrap .header__nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header__top .quick-link a {
        font-size: 14px;
    }

    .header__logo .navbar-brand img {
        height: 36px;
    }

    .header__nav .navbar-nav .dropdown-menu .nav-item .nav-link:hover {
        color: var(--clr-secondary);
    }

    .hed-rt {
        margin: 6px;

    }

    .head-ser {
        margin: 16px 0px;
    }

    .top-head .custom-button {
        font-size: 12px !important;
        font-size: 11px !important;
        padding: 0px 8px;
        height: 34px;
    }

    .header__nav .dropdown-toggle+.caret {
        display: inline-flex;
        width: 30px;
        height: 30px;
        background-color: var(--clr-secondary);
        color: #fff;
        position: absolute;
        font-size: 14px;
        right: 0;
        top: 4px;
        cursor: pointer;
    }

    .header__nav .dropdown-toggle+.caret.active::before {
        content: '\f068';
    }

    .header__nav .dropdown-toggle+.caret::before {
        position: absolute;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "\2b";
    }




    .header__nav .dropdown-menu>.dropdown::before {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "\2b";
        font-size: 14px;
        transition: all .4s ease-in-out;
    }

    .nav-manu li a::before {
        opacity: 1;
    }

    .header__nav .dropdown-menu .dropdown-item {
        color: #fff;
        font: 500 13px var(--ff-secondary);
        text-transform: uppercase
    }

    .header__nav .dropdown-menu .dropdown-item:focus,
    .header__nav .dropdown-menu .dropdown-item:hover {
        background-color: #4f4f4f;
    }

    .header__nav ul:not(.dropdown-menu) .dropdown-menu {
        border-left: 1px solid var(--clr-primary);
        background-color: #f7f7f7;
        height: 260px;
        overflow-y: scroll;
    }

    .header__nav .dropdown .dropdown-menu .nav-item .nav-link {
        color: #333 !important;
        font-size: 14px !important;
        padding: 6px 0 !important;
        transition: all 0.3s ease-in-out;
        line-height: 32px !important;
    }


    /* .header__top .custom-button {
        height: 35px;
    } */

    .header__nav .navbar-toggler {
        margin-left: auto;
        background-color: transparent !important;
        border: none;
    }

    .top-bt i:hover {
        color: var(--clr-secondary);
    }

    .dropdown-toggle::after {
        display: none;
    }

    .hero__slider-wrap {
        top: 45%;
    }

    .custom__nav .offcanvas {
        width: 100%;
        transition: all 1.2s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    }

    .offcanvas-body {
        padding: 0 15px;
    }

    .hero__slider-content h2,
    .hero__slider-content h1 {
        font-size: 29px;
        margin-bottom: 10px;
    }

    .hero__slider-content p {
        font-size: 17px;
        margin-bottom: 15px;
    }

    .hero__slider-wrap .custom-button {
        height: 40px;
        font-size: 16px;
        padding: 0 32px;
    }

    .hero-carousel .owl-nav>* {
        top: 81%;
    }

    .hero-carousel .owl-prev {
        left: 15px;
    }

    .hero-carousel .owl-next {
        right: unset;
        left: 60px;
    }

    .manufacturer-image-box {
        width: 45%;
    }

    .cta-left h3 {
        font-size: 48px;
    }

    .section__cta {
        height: 250px;
    }

    .cta-left {
        color: #fff;
    }

    .office-box .content .title h5 {
        font-size: 22px;
    }


    .office-box .content .title {
        margin-bottom: 10px;
    }

    .custom-heading h3 {
        font-size: 38px;
    }

    .factory__box-wrap {
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
    }

    .catagory-box:hover .image-part::after {
        height: 100%;
    }

    .factory__box {
        flex: 0 0 auto;
        width: 31.91%;
    }

    .index-section {
        padding: 50px 0px 0px 0px;
    }

    .factory__box-img img {
        height: auto;
    }

    .factory__box-content h4 {
        font-size: 20px;
    }

    .factory__box-content {
        bottom: 16px;
        left: 16px;
    }

    .factory-details {
        margin-left: 0px !important;
    }

    .section__cta-bg {
        height: 250px;
    }

    .stages__box-video video,
    .stages__box::before {
        height: 280px;
        object-fit: cover;
        object-position: center;
        width: 100%;
    }

    .stages__box-content h5 {
        font-size: 20px;
        font-weight: 600;
    }

    .stages__wrap .row {
        row-gap: 10px;
    }

    .stages__box-content {
        top: 20px;
        left: 20px;
    }

    .stages__box-content p {
        font-size: 15px;
    }

    td,
    th {
        padding: 0px;
        font-size: 15px;
        letter-spacing: 0;
        width: 40%;
        line-height: 22px;
    }

    td {
        width: 25% !important;
    }

    thead th:not(:first-child) {
        padding: 5px 0;
        font-size: 14px;
    }

    .section__sustainable-stages.custom-button {
        margin-top: 24px;
    }

    .sustainable__stages-wrap {
        padding-top: 0px;
        flex-wrap: wrap;
    }

    .sustainable__stage {
        padding: 20px 16px;
        width: 31.5%;
        margin-top: 24px;
    }

    .sustainable__stage-img img {
        width: 70px;
        height: 70px;
    }

    .sustainable__stage-content p {
        min-height: 87px;
        font-size: 14px;
    }

    .sustainable__stage-no {
        font-size: 44px;
    }

    .sustainable__stage-img img {
        width: 60px;
        height: 60px;
    }

    .sustainable__stage-content {
        margin-top: 16px;
    }

    .sustainable__stage-content h5 {
        margin-bottom: 12px;
    }

    .cta-247__left .custom-heading {
        margin-bottom: 10px;
    }

    .cta-247__left {
        margin-bottom: 16px;
    }

    .section__certificates {
        padding-top: 40px;
    }

    .section__clients .custom-heading h3,
    .section__certificates .custom-heading h3 {
        font-size: 16px;
    }

    .section__certificates .custom-heading h3 {
        padding-left: 16px;
        margin-left: 0px;
    }

    .section__clients .custom-heading h3 {
        padding-right: 16px;
        margin-right: 0px;
    }

    .kf__box-wrap {
        gap: 26px;
    }

    .kf__box-image img {
        height: 25px;
    }

    .kf__box .kf__box-image {
        width: 55px;
        height: 55px;
    }

    .kf__box-number h4 {
        font-size: 15px;
    }

    .kf__box-title h5 {
        letter-spacing: 0.5px;
        margin: 10px 0 3px;
    }


    .section__key-features .kf__box {
        width: 18%;
        height: 100%;
    }

    .cta-247__left .custom-heading span {
        font-size: 16px;
    }

    .cta-247__left .custom-heading h3 {
        line-height: 34px !important;
        font-size: 26px;
    }

    .offices-wrap {
        flex-wrap: wrap;
    }

    .offices-wrap .office-box {
        width: 31%;
    }

    .office-image img {
        height: 214px;
    }



    .footer-col p,
    .footer-col li {
        font-size: 15px !important;
    }


    .sustainable-info {
        gap: 12px;
    }

    .cd-timeline-block:nth-child(2n+1) .sustainable-info {
        margin-right: 5px;
    }


    .carousel-indicators button.active .stages__box-content {
        width: 536px !important;
        padding: 12px 6px !important;
        margin: 14px 107px;
        height: 185px !important;
    }



    .carousel-indicators img {
        display: none !important;
    }

    .stages__box-content {
        top: -243px;
        left: 19px !important;
    }



    .carousel-indicators .active .stages__box-content {
        opacity: 1;
    }

    .carousel-indicators .stages__box-content {
        opacity: 0;
    }

    .stages__wrap .carousel-indicators button {
        position: unset;
    }

    .choose__img img {
        height: auto;
    }

    .choose__content-wrap {
        margin-left: 0;
    }

    .choose__image-wrap {
        gap: 10px;
        padding-bottom: 25px;
    }

    .choose-icon {
        width: 120px;
    }

    .choose__list {
        gap: 16px 0;
        flex-direction: column;
    }

    .choose__list>* {
        width: 100%;
        padding: 0px 0px;
    }

    .choose__list-box .icon {
        padding-left: 16px;
        margin-bottom: 10px;
    }

    .choose__list-box .icon img {
        height: 50px;
    }

    .choose__list-box .desc h5 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .choose__list-box .icon::before {
        width: 40px;
        height: 40px;
        bottom: 0px;
    }

    .choose__content-wrap::before,
    .choose__content-wrap::after {
        display: none;
    }

    .choose-box span {
        margin-left: 14px !important;
    }

    .item.client__slide img,
    .item.certificates__slide img {
        height: 90px;
        object-fit: contain;
    }

    .mc__boc-content h4 {
        font-size: 13px;
    }


    .mc__boc-content .icon {
        display: none;
    }

    .mc__boc-content {
        bottom: 0px;
        width: 174px !important;
        left: 7px !important;
        bottom: 60px;
    }

    .mc__box:hover .mc__boc-content {
        width: 155px;
        bottom: 84px;
    }

    .office-box .content {
        height: 307px;
    }

    .kids__boc-content h4 {
        font-size: 17px;
    }

    .hero-carousel .owl-nav>* {
        top: unset;
        bottom: 0;
    }

    .hero-carousel .owl-prev {
        right: 50px;
        left: unset;
    }

    .hero-carousel .owl-next {
        right: 20px;
        left: unset;
    }

    /* 
    .hero__slider-image img {
        height: 200px;
        object-fit: cover;
        object-position: center;
    } */

    .hero__slider-content h2,
    .hero__slider-content h1 {
        font-size: 21px;
        margin-bottom: 6px;
        line-height: 24px;
        margin-left: -64px;
    }

    .hero__slider-content p {
        font-size: 14px !important;
        margin: 15px 0px;
        line-height: 24px;
        margin-left: -64px;
    }


    .hero__slider-wrap .custom-button {
        height: 43px;
        font-size: 13px;
        padding: 0 20px;
        margin-top: 17px;
        margin-right: 30px;
    }

    .header__top .quick-links> :not(:last-child) {
        padding-right: 12px;
        margin-right: 12px;
    }

    .header__top .quick-link .custom-button p {
        display: block !important;
    }

    .header__top .quick-link a p {
        display: none !important;
    }

    .section__cta-247 {
        padding: 0px 8px;
    }

    .modal-backdrop {
        z-index: -1;
    }

    .caret {
        display: none;
    }

    .hed-rt a {
        margin-left: 0px;
        text-decoration: none;
    }







}


@media (max-width: 767.98px) {

    .hed-rt .fa-solid.fa-tag {
        display: block;
    }

    .top-bt i {
        display: block;
    }

    .hed-rt .top-bt {
        padding: 0;
        border: inherit;
        font-size: 18px;
    }

    .top-bt span {
        display: none;
    }

    .top-head .custom-button {
        font-size: 11px !important;
        padding: 0px 7px;
        height: 30px;
    }

    .hed-rt a {
        margin-left: 0px;
    }

    .top-bt i {
        font-size: 20px !important;
        margin: 0px 4px;
    }

    .top-bt {
        background-color: transparent !important;
        border: none !important;
    }

    .hed-rt .top-bt:hover {
        background-color: transparent !important;
    }

    .side-btn-new a {
        font-size: 13px;
        padding: 3px 20px;
        width: 100%;
    }

    .side-btn-new {
        right: -110px;
			top: 50%;
    }






}

@media (max-width: 575.98px) {
    .header__top .custom-button p {
        font-size: 13px !important;
    }

    p {
        font-size: 15px;
    }

    .custom-pad {
        padding: 30px 0;
    }

    .ps__tabs .nav-item .nav-link {
        padding: 5px 8px;
        font-size: 14px;
    }

    .owl-nav>* {
        width: 24px;
        font-size: 11px !important;
    }

    .custom-heading h6 {
        font-size: 16px !important;
    }

    .custom-heading h3 {
        font-size: 22px !important;
        padding-bottom: 0px !important;
    }

    .custom-heading span {
        font-size: 11px;
        padding: 3px 16px;
        margin-bottom: 15px;
    }

    .main_nav #quadmenu.quadmenu-default_theme .quadmenu-navbar-brand>img {
        height: 40px !important;
    }

    .main_nav #quadmenu .quadmenu-navbar-header .quadmenu-navbar-brand {
        height: 40px !important;
        line-height: 40px !important;
    }

    .main_nav #quadmenu .quadmenu-navbar-toggle {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .header__top .quick-links>* {
        line-height: 35px;
    }

    .header__top .quick-link a {
        font-size: 10px !important;
    }

    .header__top .quick-link a .icon {
        display: block !important;
        font-size: 12px !important;
    }

    .header__top .quick-link a:not(.custom-button) p {
        display: none;
    }

    .banner-text h1, .banner-text h2 {
        font-size: 26px ;
        padding: 0px;
    }

    .banner-text p {
        font-size: 14px;
        margin: 12px 0px;
    }

    .index-section {
        padding: 50px 0px 0px 0px;
    }

    .catagory-box:hover .image-part::after {
        height: 100%;
    }

    .content-box h3 {
        font-size: 18px;
        padding: 15px 0px;
    }

    .side-btn-new a span {
        font-size: 27px;
        padding: 0px 15px 0px 30px;
    }

    .half-slick-product {
        padding-top: 0px;
    }

    .content-hover {
        font-size: 16px;
    }

    .col-lg-3:nth-child(2n) .catagory-box {
        margin: 0px !important;
    }

    .half-slick-left h3 {
        font-size: 30px;
    }

    .custom-button {
        font-size: 11px !important;
        padding: 0px 8px !important;
        letter-spacing: 0.05px !important;
        height: 37px !important;
    }

    .ps__box-content h4 {
        color: #000;
        font-family: var(--ff-primary);
        font-size: 14px;
        padding: 0px
    }

    .tailer-box {
        padding: 0px;
    }

    .cta-left h3 {
        font-size: 40px;
    }

    .section__key-features .kf__box {
        width: 48%;
        margin: 0px;
    }

    .cta-247__left .custom-heading h3 {
        font-size: 22px !important;
        padding-bottom: 0px !important;
        line-height: 28px !important;
    }

    .cta-247__left .custom-heading span {
        padding-bottom: 56px;
        font-size: 15px;
    }

    .slick-slide.slick-current .half-iamge {
        left: 20px;
    }

    .slick-prev {
        left: -20px !important;
    }

    .cta-design::after {
        width: 80%;
        height: 80%;
    }

    .cta-design::before {
        width: 90%;
        height: 90%;
    }

    .woman-tailor-img img {
        height: 200px !important;
        width: 150px !important;
        object-fit: cover !important;
    }

    .woman-happy-lady img {
        width: 170px;
    }

    .woman-happy-lady {
        left: 51px;
    }

    .woman-medium-shot img {
        height: 200px;
        width: 150px;
        object-fit: cover;
    }

    .woman-medium-shot {
        position: absolute;
        right: 5px;
        bottom: 4px;
    }

    .policy-item {
        margin-bottom: 28px;
        margin-left: 22px;
        border: none;
    }

    .newletter_wrapper-block {
        padding: 13px;
        background-repeat: no-repeat;
    }

    .custom-pad {
        padding: 30px 0 !important;
    }

    .top-head {
        padding: 8px 0px;
    }

    .head-ser {
        margin-top: 9px;
    }

    .hed-rt {
        margin: 6px 0px;
    }

    .content-hover {
        top: 50%;
        left: 30%;
        transform: translate(-20%, -50%);
    }

    .sustainable__stage-img img {
        width: 100%;
        height: 32px;
    }

    .manufacturer-image-box {
        width: 49%;
        padding: 6px;
    }

    .manufacturer-image-wrap {
        gap: 6px;
    }

    .poly:nth-child(2n) .policy-item {
        border: none;
    }

    .hed-rt {
        margin: 4px 0px;
    }

    .kids__boc-content h4 {
        font-size: 16px;
    }

    .ps__left p {
        margin: 10px 0;
        font-size: 15px;
    }

    .section__offices .offices-wrap {
        flex-wrap: wrap;
    }

    .offices-wrap .office-box {
        flex: 0 0 auto;
        height: auto;
        width: 256px;
    }

    .office-image::before {
        border-radius: 0px;
    }

    .office-box .content .title h5 {
        font-size: 16px;
    }

    .offices-wrap {
        gap: 5px;
    }

    .contact-list li {
        font-size: 10px;
    }

    .office-box .content {
        padding: 5px;
    }

    .contact-list li a {
        font-size: 10px;
        font-weight: 400;
        line-height: 14px;
    }

    .contact-list li span {
        font-size: 12px;
    }

    .offices-wrap .office-box {
        flex: 0 0 auto;
        height: auto;
        width: 49%;
    }

    .office-box .content {
        margin-top: 0px !important;
        height: 160px !important;
    }

    .choose-image-box img {
        display: none;
    }

    .factory-info {
        width: 0px;
    }

    .choose-image-box img {
        display: none;
    }

    .factory__box {
        width: 47.91%;
    }

    .factory__box-wrap {
        gap: 12px;
    }

    .factory__box-content h4 {
        font-size: 14px;
    }

    .factory__box-content {
        bottom: 10px;
        left: 10px;
    }

    th {
        width: 60%;
        padding: 2px;
        font-size: 12px;
        width: 40%;
        line-height: 1.5;
    }

    td {
        width: 20% !important;
    }

    .sustainable__stage {
        display: block;
        align-items: center;
        gap: 11px;
        padding: 15px 8px;
        margin: 40px;
        width: 47%;
        border: 1px solid #fff !important;
        margin: 20px 4px
    }

    .sustainable__stage .sustainable__stage-img {
        flex: 0 0 auto;
        width: 19%;
    }

    .sustainable__stage-content {
        margin-top: 0;
    }

    .sustainable__stage-content h5 {
        margin-bottom: 5px;
        font-size: 18px;
    }

    .sustainable__stage-content p {
        min-height: auto;
        font-size: 13px;
        padding: 0px !important;
    }

    .sustainable__stage-no {
        font-size: 36px;
    }

    .sustainable__stages-wrap.d-flex {
        padding-bottom: 6px;
    }

    .choose__img img {
        height: auto;
    }

    .choose__content-wrap {
        margin-left: 0;
    }

    .choose__image-wrap {
        gap: 10px;
        padding-bottom: 25px;
    }

    .choose-icon {
        width: 230px;
    }

    .choose__list {
        gap: 16px 0;
        flex-direction: column;
    }

    .choose__list>* {
        width: 100%;
        padding: 0px 0px;
    }

    .choose__list-box .icon {
        padding-left: 16px;
        margin-bottom: 10px;
    }

    .choose__list-box .icon img {
        height: 50px;
    }

    .choose__list-box .desc h5 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .choose__list-box .icon::before {
        width: 40px;
        height: 40px;
        bottom: 0px;
    }

    .choose__content-wrap::before,
    .choose__content-wrap::after {
        display: none;
    }

    .choose-box span {
        margin-left: 14px !important;
    }

    .private-top h4 {
        font-size: 40px;
    }

    .kf__box-wrap {
        gap: 10px;
    }

    .kf__box-number h4 {
        font-size: 13px;
    }

    .kf__box-title h5 {
        letter-spacing: 0;
        margin: 6px 0 3px;
    }

    .kf__box .kf__box-image {
        width: 45px;
        height: 45px;
    }

    .section__clients .custom-heading h3,
    .section__certificates .custom-heading h3 {
        padding-right: 0;
        margin-right: 0px;
        text-align: center;
        border: none;
        font-size: 21px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .item.client__slide img,
    .item.certificates__slide img {
        height: 90px;
        object-fit: contain;
    }

    .sustainable-info {
        gap: 12px;
    }

    .carousel-indicators button.active .stages__box-content {
        transform: translate(-88%, -111%);
        width: 284px !important;
        top: 50% !important;
        left: 50% !important;
        position: absolute;
        height: 280px !important;
    }

    .carousel-indicators img {
        display: none !important;
    }

    .stages__box-content {
        top: -243px;
        left: 19px !important;
    }

    .carousel-indicators .active .stages__box-content {
        opacity: 1;
    }

    .carousel-indicators .stages__box-content {
        opacity: 0;
    }

    .stages__wrap .carousel-indicators button {
        position: unset;
    }

    .stages__box-video video,
    .stages__box::before {
        height: 330px;
    }

    .dgwt-wcas-search-icon {
        color: #ffffff;
    }

    .dgwt-wcas-search-icon {
        width: 20px;
        height: auto;
        cursor: pointer;
    }

    .header__top .quick-links>* {
        line-height: 35px;
    }

    .search-wrap .dgwt-wcas-search-wrapp {
        margin-left: 0;
    }

    .footer {
        padding: 0px !important;
    }

    .mc__box-image img {
        height: 204px !important;
    }

    .quadmenu-default_theme {
        margin-right: 0px !important;
    }

    .quick-link {
        display: block ruby !important;
    }

    .quick-link p {
        color: #fff !important;
    }

    .quick-link .custom-button p {
        color: #000 !important;
    }

    .system .factory-details:hover .factory-info h4 {
        left: 0px !important;
        font-size: 16px !important;
    }

    .factory-info h4 {
        font-size: 16px !important;
    }

    .kids__boc-content h4 {
        margin: 2px;
    }

    .kids__boc-content {
        width: 172px;
        height: 39px;
    }

    .kids__boc-content h4 {
        margin: 2px;
        font-size: 14px;
    }

    .kids__box:hover .kids__boc-content h4 {
        margin: 2px;
    }

    .kids__box:hover .kids__boc-content {
        width: 172px;
        height: 39px;
    }

    .news-form .button-wrap {
        text-align: center;
    }

    .news-form .button-wrap .custom-button.color {
        padding: 0px 24px !important;
    }

    .top-head .custom-button {
        font-size: 8px !important;
        padding: 0 7px;
        height: 25px !important;
    }

    .policy-icon {
        font-size: 16px;
    }

    .policy-content h3 {
        font-size: 16px;
    }

    .policy-content p {
        font-size: 14px;
        width: 138px;
    }

    .poly {
        padding: 0px;
    }

    .text-part h3 {
        font-size: 24px !important;
    }

    .ps__left .img-part img {
        height: 345px;
    }

    .ps__left .text-part::before {
        height: 73px;
        width: 109px;
    }

    .ps__left .text-part {
        height: 139px;
        width: 135px;
    }

    .manufacturer-image-box h3 {
        font-size: 18px;
        padding: 8px 0;
    }

    .manufacturer-image-box img {
        height: 30px;
        width: 30px;
    }

    .manufacturer-image-box::after {
        height: 35px;
        width: 35px;
    }

    .manufacturer-image-box p {
        font-size: 14px;
    }

    .right-side-content {
        margin-top: 0px;
    }

    .right-side-content p {
        font-size: 14px;
        padding-top: 10px;
    }

    .ps__tabs ul {
        gap: 6px;
    }

    .private-list .icon i {
        font-size: 13px;
    }

    .private-list li h6 {
        font-size: 13px;
    }

    .private-list {
        padding-top: 10px;
    }

    .private-list li {
        padding: 2px;
        gap: 3px;
    }

    .office-image img {
        height: auto;
    }

    .section__content h2 {
        font-size: 16px;
    }

    .section__content p {
        font-size: 12px;
    }

    .footer-col .contact-list li a {
        font-size: 13px !important;
        font-weight: 400;
    }

    .socials a {
        width: 30px;
        height: 30px;
    }

    .footer-list li a {
        line-height: 17px;
        font-size: 14px !important;
    }

    .footer-col .custom-heading {
        margin-bottom: 10px;
    }

    .manufactuer-demo-image img {
        height: 100% !important;
        width: 100% !important;
    }

    .header__nav .logo {
        width: 17% !important;
    }

    .banner img {
        height: 200px;
        height: 200px;
        padding: 0px;
        object-position: 50%;
    }

    .banner-box {
        position: relative;
        top: 50%;
        left: 0;
        transform: translateY(5%);
    }

    .section__cta::after {
        clip-path: polygon(0 0%, 16% 0, 100% 158%, 0% 102%);
    }

    .nav-link .dropdown-toggle .dropdown-menu {
        background-color: var(--clr-accent);
    }

    .woman-tailer::after {

        clip-path: polygon(40% 0, 0 0, 0 13%);
    }

    .item.clients__slide img {width:100%;}
    .client__slide::after{height:0px;}

    .item.client__slide img {width:100%;}
    .certificates__slide::after{height:0px;}
    .footer-col .custom-heading{margin-bottom: 12px !important;}

}