@media(max-width:767px){
       p {
        font-size: 14px;
    }
html{
    overflow-x: hidden;
}
    .head-btnsd {
        display:none;
    }
    .outerwear-ready{
        bottom:0;
    }
    
    .header-logo img {
   max-height: 72px;
        padding: 0;
        width: 130px;
    }
    /*.navigation-list{*/
    /*    display:none;*/
    /*}*/
    .breadcrumbb{
        padding:3rem 0;
    }
    .zipper-hoodies li a::before{
            right: -13px;
    }
    .detail-page h1{
              font-size: 20px;
        text-align: center;
        line-height: 1.4;
    }
    .zipper-hoodies li{
      font-size: 14px;
    }
    .zipper-hoodies{
         margin-top: 1rem;
        justify-content:center;
        gap: 15px;
    }
   
    .carousel-product .main-swiper{
        height:unset;
    }
    .carousel-product .thumb-swiper{
        min-width: 60px;
    height: 346px;
    }
    .carousel-product .thumb-swiper .swiper-slide{
        height: 77px !important;
    }
    .color-class {
     font-size: 14px;
        /*text-align: center;*/
    }
    .short-sleeave .color-class{
        margin:0;
    }
    .size-varition ul{
            gap: 0;
    justify-content: space-around;
    }
    .product-contrn .big-title-head{
    font-size: 19px;
        text-align: center;
    }
    .product-contrn {
      margin-top: 30px;
    }
    .size-varition ul li{
               height: unset;
        font-size: 12px;
        padding: 4px 11px;
        text-align: center;
        min-width: 27px;
    }
    .main-content{
            margin-top: 1.2rem;
    }
  .main-content .accordion-button{
               padding: 10px 0 10px;
        font-size: 14px;
    }
    .carousel-product .hoodie-manufacturer {
        margin: 0 0 30px;
}
.enquire-button {
    margin: 0 auto;
    max-width: fit-content;
    padding: 20px 0 0;
}
.con-inquire, .inquire{
    font-size: 12px;
    font-weight: 600;
    padding: 1em 2em;
        min-height: 0;
}
    .main-content .accordion-body{
        font-size:15px;
    }
    .main-content .accordion-button:not(.collapsed){
        color:#000;
    }
    .product-listinf {
           padding: 3rem 0 0;
    }
    .card-trasnition{
            position: relative;
    margin: 0 0 1rem;
    }
    /*.round-button::before{*/
    /*    padding: 4px;*/
    /*    height: 21px;*/
    /*    width: 20px;*/
    /*    top: -2.1px;*/
    /*    left: -1.8px;*/
    /*}*/
    
      .round-button::before{
      padding: 4px;
        height: 20px;
        width: 20px;
        top: -3px;
        left: -3px;
      }
      .round-button {
              height: 14px;
        width: 14px;
        margin-left: -2px;
        margin-right:8px;
    }
    
    /*.round-button{*/
    /*    height: 16px;*/
    /*    width: 16px;*/
    /*}*/
    .big-title-head {
               font-size: 18px;
        text-align: center !important;
        margin-bottom: 1rem;
        line-height: 1.5;
    }
    .mnufactu-image h4 {
    font-size: 17px;
}
    .looks-good{
       width: unset;
       height:400px;
           padding: 3rem 0 1rem;
    }
    .product-listinf .nav-tabs .nav-link {
    border: unset;
     padding: 0;
}
.look-pretty{
    font-size:18px;
        width: 100%;
}
.banner-section .swiper-button-prev:after {
        height: 25px;
    width: 25px;
    padding: 20px;
}
.pullover-hoodies{
    font-size: 14px;
    margin: 1rem 0 0.5rem;
}
.marsh-contact{
    margin-top:0 !important;
}
.product-nav img{
    height: 60px;
        width: 60px;
}
.product-listinf .nav-tabs{
    gap:20px
}
.ready-winter {
    
    width: 100%;
}
.card-trasnition .pullover-hoodies {
           text-align: start;
        line-height: 1.4;
        font-size: 13px;
}
.hoodie-title-price .price{
        font-size: 14px;
}
.short-sleeave {
           text-align: center;
        position: absolute;
        display: flex;
        top: -60px;
        width: 100%;
        align-items: center;
        justify-content: center;
        gap: 15px;
}
.product-listinf .swiper-button-prev:after,
.product-listinf .swiper-button-next:after{
    height: 30px;
    width: 30px;
    font-size: 7px;
}
.winter-wear{
        flex-wrap: wrap;
}
.outwear-img{
    min-height: 229px;
}
.section-title {
   font-size: 14px;
   margin:0;
}
.youth-section {
    padding: 3rem 0 3rem;
    
}
.youth-section .headding-tags {
    margin-bottom: 1rem;
}
.hover-lifstyle{
        display:none !important;
}
.overcoat-wear:hover .jackets-phat{
    display:block;
}
.bottom-new-class {
           margin-top: 1.5rem;
}
.phiolos {

    padding: 3rem 0;
}
.phiolos p {
    color: #fff;
    font-size: 14px;
    max-width: unset;
    margin: 0 auto;
    line-height: 1.6;
}
.mark-creksd{
        font-size: 6rem;
}
.phil-btnsd{
        margin: 20px 0 0;
        font-size: 14px;
}
.mark-creksd{
    margin:0;
}
.support-resource{
    padding: 3rem 0;
}
.support-resource .row{
    row-gap: 15px;
}
.support-resource .container-fluid {
    padding: 0 20px;
}
.free-shipping img {
   width: 40px;
   margin-bottom: 8px;
}
.free-shipping{
        padding: 17px;
}
.free-title {
    font-size: 16px;
    line-height: 27px;
}
.faq-section {
    padding: 3rem 0 2rem;
}
.faq-section .big-title-head{
   margin-bottom: 1.6rem;
}
.faq-section .accordion-button{
    padding: 11px 9px;
    font-size: 15px;
    padding-right: 30px;
    line-height: 1.5;
}
.accordion-body{
          font-size: 14px !important;
   padding: 15px 10px;
}
.accordion-button::after{
    width: 18px;
    height: 16px;
    left: -15px;
    position: relative;

}

.faq-section .accordion-button::after{
    left: 10px;
}


.finjsghes{
    display:block;
}
.finjsghes li span img{
        width: 40px;
}
.finjsghes li h4 {
    font-size: 16px;
}
.success-storyies {
    text-align: center;
    margin-top: 0;
}
.manufacturer {
    padding: 2rem 0;
}
.custm-manuf h4{
        font-size: 15px;
}
.custm-manuf img {
    margin-bottom: 15px;
    width: 35px;
}
.contact-form{
  border-radius: unset !important;
}
.mt-5 {
    margin-top: 1rem !important;
}
.premium-hooise p{
    margin:0;
}
.finjsghes li{
          padding-right: unset;
        margin: 10px 0 15px;
        padding-bottom: 20px;
}
.mnufactu-image{
    padding: 0.9rem;
    border: 1px solid #dee2e6;
    text-align:center;
}
.mnufactu-image img{
    width: 300px !important;
    margin-bottom: 15px;
}
.styleish-standrs {
    padding: 0 0 2rem;
}
.styleish-standrs  .row{
    row-gap:20px;
}
.test-monials-content{
    width:100%;
}
.testmonials-images {
    margin-bottom: 1rem;
}
.testmonials-images img{
    max-width:60px;
}
.testmonials .swiper-button-next:after,
.testmonials .swiper-button-prev:after {
    font-size:19px;
}
.testmonials {
           position: relative;
        padding: 2rem 0;
}
.flexsd-exc{
    flex-wrap: wrap;
    justify-content: space-around;
        gap: 13px;
}
.why-choose{
        padding: 2rem 0 3rem;
}
.beter-fonsd,
.beter-fonsd span, 
.beter-fonsd em{
         font-size: 28px;
        text-align: center;
    
}
.spanclassone{
    font-size: 3rem;
    margin-bottom: 0;
    line-height: unset;
}
.spanclasstwo{
          font-size: 2rem;
       
        line-height: 1.2;
}
.spancounter{
    gap: 5px;
    line-height: 1.3;
}
.counter-title{
           font-size: 19px;
        margin-bottom: 0;
}
.countser-section{
  justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        flex-direction: unset;
        margin-top: 1rem;
}
.quality-comfort img{
    height:auto;
}
.why-choose .pullover-hoodies{
    font-size: 14px;
}
.jackets-phat .pullover-hoodies {
    font-size: 14px;
}
.footer-title{
            font-size: 15px;
        margin: 1rem 0 0.8rem;
        /*margin: 1.5rem 0 0.8rem;*/
}
.footer-scection {
            padding: 2rem 0 0;
    }
.footer-listing li, .footer-listing li p {
        margin: 6px 0;
        font-size: 13.5px;
}
.contac-infs li{
    margin: 8px 0;
}
.socila-media li{
    height: 26px;
    min-width: 26px;
    width: 26px;
}
.socila-media li a {
    font-size: 13px;
}
.hover-lifstyle .pullover-hoodies{
    font-size:20px;
    margin-bottom: 10px;
}
.youth-section .row{
    align-items: center;
    justify-content: center;
    row-gap: 20px;
}
.hover-lifstyle p {
    margin: 0;
}
.overcoat-wear:hover .hover-lifstyle{
    transform: translate3d(0, 13%, 0);
}
.copyrightd p{
    text-align: center;
    margin-bottom: 0.8rem;
}
.copyrightd{
        flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.pargr-points li {
    padding: 0.2rem 0;
    text-align: justify;
}
.costume-whole .big-title-head{
        max-width: unset;
}
.costume-whole .big-title-head{
    margin-bottom: 0rem;
}
.clothing-retailers {
    font-size: 15px;
}
.quality-content .big-title-head{
        width: unset;
}
.quality-content{
        justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.quality-content p{
    width:unset;
}
.quatitlty-satndrds{
 padding: 3rem 0;
}
.small-tilte{
    font-size: 17px;
}
.fabric-hero{
   padding: 30px 0;
   min-height: 43vh;
}
.fade-on-scroll {
  font-size: 1rem;
        max-width: 79%;
        margin: auto;
        gap: 4px;
        font-weight: 700;
}
.cta-button{
    font-size: 12px;
}
.costume-whole {
    position: relative;
    padding: 2rem 0 3rem;
}
.jacket-imahge{
    margin: 30px 0 0;
}
.jacket-imahge::before{
   top: -7px;
        right: -7px;
}

.real-world-feedback {
    margin-top: 1rem;
}
.jacket-imahge img{
    height: auto;
}
.comprehensice-cloth{
    padding:25px;
}
.icon-quliaty {
    width: 59px;
    height: 58px;
    margin-bottom: 0.8rem;
}
.icon-quliaty img{
    width:35px;
}
.comprehensice-cloth:hover .small-tilte {
    margin-bottom: 0.8rem;
}
.quality-conmteny p{
    font-size:14px;
}
.step-by-step{
    padding: 3rem 0 2rem;
}
.concept-cretion span{
    width: 30px;
    height: 30px;
    font-size: 16px;
    min-width: 30px;
}
    .concept-cretion {
             display: flex;
        align-items: center;
        text-align: left;
    }

    .concept-cretion span {
        font-size: 18px;
        margin-bottom: 0;
    }
    
    
.stlyish h4 {
   font-size: 13px;
}


.image-one::before,
.image-twesd::before,
.image-thresd::before{
    display:none;
}

.create-custom ul li{
    position: relative;
    margin: 20px 0 0;
    padding-right: 0;
}
.create-custom ul{
    display: block;
    width: 89%;
    max-width: fit-content;
    margin: auto;
}
    
.con-small-tit {
    font-size: 12px;
    line-height: 1.6;
}

ul {
  display: block;
}
.create-custom {
     text-align: center;
}
    
 .carousel-product  .swiper-vertical>.swiper-wrapper {
    flex-direction: unset;
            overflow-y: scroll;
} 
.carousel-product .hoodie-manufacturer{
    display:block;
}
  .carousel-product .main-swiper {
    width: 100%; /* Full width on mobile */
  }

  .carousel-product .main-swiper img {
    width: 100%;
    height: auto; /* Adjust image height on mobile */
  }

  .carousel-product .thumb-swiper {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    height: auto; 
  }

  .carousel-product .thumb-swiper .swiper-slide {
    width: 80px !important;
    height: 100px !important; 
    margin-right: 10px;
  }

  .carousel-product .swiper-button-prev,
  .carousel-product .swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
  }

  .carousel-product .main-swiper .swiper-slide {
    margin-right: 5px;
  }

  .carousel-product .thumb-swiper .swiper-slide-thumb-active {
    transform: scale(1.1); 
  }

  .carousel-product .thumb-swiper img {
    object-fit: contain;
  }

  /* Ensure spacing is comfortable */
  .carousel-product {
           padding: 3rem 0 2rem;
  }

  .carousel-product .thumb-swiper {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 15px;
      height: 100% !important;
    
  }
/*    .carousel-product .custoner {*/
/*        height: 100% !important;*/
/*    }*/
    
/*.custoner .swiper-wrapper{*/
/*        height:unset !important;*/
/*    }*/
    
.contact-section .contact-info h6{
    font-size: 15px;
    letter-spacing: 0px;
}
.contact-section .contact-info p, 
.contact-info a{
        font-size: 14px !important;
margin:0;
}

.contact-section .contact-us-form{
        margin: 10px 0 0;
}
.contact-section .contact-form{
    padding: 20px;
}
.contact-section .form-label{
    font-size: 14px;
}
.contact-section .form-control {
    padding: 9px 17px;
    font-size: 14px;
}
.contact-section .contact-info{
      padding: 20px;
      border-radius: unset;
}
.contact-section .btn-submit{
    padding: 9px 26px;
    font-size: 14px;
}
.contact-experience{
    padding: 2rem 0 0 !important;
}
.counter-box {
    height:100%  !important;
   padding: 10px !important;
}
.counter{
    font-weight: 500;
    font-size: 30px !important;
}
.counter-label{
         font-size: 11px !important;
}
.contact-experience .row.text-center{
        text-align: center !important;
    align-items: center;
    justify-content: center;
}
.button-container{
    text-align:center;
}
.sustainable-fashion-section .left-img img{
    height: auto;
    object-fit: cover;
}
.sustainable-fashion-section {
       padding: 3rem 0 0 !important;
    position: relative;
}

.sustainable-fashion-section .row{
            row-gap: 40px;
}
.left-img.kint img {
    height: auto !important;
    object-fit: cover;
}
.manufactuitn-imf img{
    height:auto!important;
}
.sustainable-fashion-section{
    text-align:center;
}
.sustainable-fashion-section p{
    text-align:justify;
}
.sustainable-fashion-section .dount{
    margin: 0 0 20px;
}
.btn.btn-text{
        font-size: 13px;
}
.counter-b{
       height: unset!important;
    width: unset!important;
    display: block !important;
}
.counter-b:hover{
        background-color:unset!important; 
}
.some-fasinatiing {
    position: relative;
    padding: 3rem 0 0!important;
}
.sutomner-service {
    position: relative;
    padding: 2rem 0 2rem !important;
}
.sutomner-service .quality-aaasured h4{
   font-size: 17px;
}
.sutomner-service .quality-aaasured{
    display: block;
    width: 100%;
padding: 20px 20px;
    gap: 20px;

}
.some-fasinatiing .counter{
    font-size: 25px !important;
}
.sticjy-imhes img{
   height: auto !important;
        object-fit: cover;
}
.quality-aaasured p,
.quality-aaasured h4{
          width: unset !important;
        margin: 10px 0 0;
        text-align: justify;
}
.sutomner-service .sticjy-imhes {
    width: unset;
    height: auto;
}
.sutomner-service .coomon-container{
    display: block;
    width: unset;
    top:10%;
}
.offer-section {
    position: relative;
    padding:2rem 0 0 !important;
}
.offer-card {
   height: 400px !important;
           margin-bottom: 1rem;
}
.offer-card h4 {
    margin-top: 0;
    font-size: 16px !important;
        padding-top: 20px!important;
}
.offer-card p{
        font-size: 15px;
    margin-top: 1rem;
    padding: 0 1rem;
    font-weight: 400;
}
.backgroun-sevtion .paragrph-clas{
   font-size: 20px;
        margin-bottom: 2rem;
        font-weight: 500;
}
.retailers-manu{
         max-width: unset !important;
        line-height: 1.6;
        font-size: 15px;
        margin-top: 1.4rem;
}
.content-br {
    position: relative;
    text-align: center;
}
.branding-section{
   padding: 40px 0 60px !important;
}
.branding-section .branding-title {
    font-size: 11vw;
}
.branding-section .offer-section {
    position: relative;
    padding: 3rem 0 0;
}
.branding-section .sub-text {
    font-size: 15px;
    margin-right: unset;
}
.branding-section .tag1 {
         top: unset;
        bottom: -50px;
        left: 8%;
}
.branding-section .tag2 {
       top: unset;
        bottom: -50px;
        left: 52%;
}
.branding-section .tag3 {
   top: unset;
        bottom: -50px;
    right: 6%;
}
.tag{
    font-size: 9px !important;
}
.backgroun-sevtion {
    padding: 2rem 0 2rem !important;
}
.sustability{
        padding: 2rem 0!important;
}
.sustability .big-title-head{
    margin-bottom: 1rem;
}
.offer-card p {
    font-size: 15px!important;
    margin-top: 0;
    padding: 0;
    font-weight: 400!important;
}
.badge {
   padding: 12px 15px;
        margin-bottom: 11px;
        font-size: 8px;
        max-width: 88%;
}
.world-clothes img {
    margin-bottom: 1rem;
    width: 30px;
}
.testmonials .swiper-button-next, 
.testmonials .swiper-button-prev{
    display:none;
}

.footer-logo img {
    width: 130px;
    height: 70px;
        margin-bottom: 0;
}
.copyrightd a {
    font-size: 13px;
}

.whatsapp-logo,
.callus{
     height: 37px;
    width: 37px;  
}
.callus{
    display:block;
}

.callus a{
      
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
}
.whatsapp-logo i {
    color: #fff;
    font-size: 20px;
}

.test-monials-content span {
    font-size: 14px;
}

 .step-by-step .create-custom ul {
    display: flex;
    flex-direction: column;
  }

  .step-by-step .create-custom ul li:nth-child(5) { 
      order: 4;
      } 
  .step-by-step .create-custom ul li:nth-child(4) {
      order: 5; 
      
  } 
  
  .error-page-window{
      width: 150px!important;
    height: 150px!important;
    padding-top: 49px!important;
    font-size: 58px!important;
  }
  .error-page-sec .icon-box{
          width:170px !important;
    height: 170px!important;
  }
  .error-page-sec{
          padding: 30px 0;
  }
  .error-page-window::before{
      top: 20px;
    left: 12px;
    width: 7px;
    height: 7px;
  }
  
  /*.carousel-product .row{*/
  /*    flex-direction: column-reverse;*/
  /*}*/
  .top-info-banner {
display:none;
}
.why-chse{
    padding: 0 0 1rem;
}
.price {
    margin-top: 7px;
}
.modal-content{
    padding: 20px;
    margin: 24% auto;
    width: 90%;
}
.modal-content label{
           font-size: 12px;
        display: flex;
        text-align: center;
        align-items: flex-end;
}
.checkbox-group{
        justify-content: center;
}
.en-form .modal-content h2{
    font-size: 15px;
}
.modal-content input, 
.modal-content select,
.modal-content textarea{
    font-size: 13px;
}
.size-checkbox-group{
    justify-content: center;
    gap: 7px 13px;
}
.size-item span {
    font-size: 11px;
}
.submit-btn{
    font-size: 14px;
}

.service-content-sect {
    padding: 2rem 0 3rem;
}
.footer-logo p, .contac-infs p {
    font-size: 14px;
    color: #000;
}
.marsh-creek.sticky .dropdown-menuu {
    top: 14px;
}
.manufacturing-content .big-title-head span {
    font-size: 13px;
}

.custm-manuf{
        padding: 14px;
}

}


@media (min-width: 768px) and (max-width: 900px){
    html{
        overflow-x:clip;
    }
    p{
        font-size: 14px;
    }
    .looks-good{
        height:500px;
    }
    .look-pretty{
        font-size:30px;
    }
    .product-listinf .nav-tabs .nav-link {
        border: unset;
                width: 24%;
        padding: 0;
    }
    .pullover-hoodies{
        font-size: 15px;
      margin: 20px 0 0;
    }
    .section-title{
    font-size: 18px;
    margin: 0;
    }
    .bottom-new-class{
        margin-top:unset;
    }
    .big-title-head{
       font-size: 22px;
        line-height: 1.5;
        margin-bottom: 1.2rem;
    }
.jackets-phat .pullover-hoodies {
           font-size: 19px;
}
.flexsd-exc{
   flex-wrap: wrap;
       gap: 10px;
}
.beter-fonsd,
.beter-fonsd span,
.beter-fonsd em{
    font-size: 3rem;
}
.quality-comfort img{
        height: auto;
}

.spanclassone{
    font-size:7rem;
}
.spanclasstwo {
    font-size: 5rem;
    line-height: 1.9;
}
.counter-title {
    font-size: 27px;
}
.countser-section{
        flex-direction: row;
    align-items: center;
    gap: 30px;
}
.quality-comfort .pullover-hoodies {
    margin: 0 0 2rem;
    font-size: 20px;
}
.why-choose {
        padding: 2rem 0 3rem;
}
.support-resource{
        padding: 2rem 0;
}
.free-shipping{
  padding: 16px;
    height:100%;
}
.free-shipping p{
    margin:0;
}
.finjsghes li{
        padding-right: unset;
}
.finjsghes li h4 {
    font-size: 16px;
}
.free-shipping img {
    margin-bottom: 13px;
}
.finjsghes{
        gap: 17px;
    margin-top: 3rem;
}
.sub-text{
        margin-right: unset !important;
}
.support-resource .row{
    row-gap:30px;
}
.offer-card{
    height: 350px;
    /*height: 100%;*/
}

.free-shipping img{
    width:40px;
}
.free-title{
        font-size: 17px;
    line-height: 19px;
}
.mark-creksd{
          font-size: 9rem;
        margin-bottom: 0;
}
.phiolos {
    padding: 3rem 0;
}
.phiolos p {
    color: #fff;
    font-size: 18px;
    max-width: unset;
    margin: 0 auto;
}
.phil-btnsd{
    margin-top: 1rem;
}
.faq-section {
         padding: 3rem 0 3rem;
}
.faq-section .frequently{
    text-align:center;
}
.faq-section .big-title-head{
    text-align:center !important;
}
.accordion-body{
    font-size: 15px;
    padding: 14px 18px;
}
.faq-section .accordion-button{
           font-size: 17px!important;
        padding: 11px 17px;
}
/*.marsh-creek .head-btnsd{*/
/*    display: none;*/
/*}*/
.head-btnsd .btnsd{
        font-size: 12px;
    padding: 0.5rem 0.9rem;
}
.mobile-menu-top{
           right: -16px !important;
        top: 11px !important;
}
.head-btnsd {
        transform: translateX(-40px);
}
.card-trasnition{
        text-align: center;
}

.test-monials-content{
        width: unset;
}
.test-monials-content p{
    font-size:17px;
}

.detail-page h1 {
          font-size: 25px;
}
.zipper-hoodies{
        justify-content: start;
    margin-top: 2rem;
}
.carousel-product {
    padding: 3rem 0;
    position: relative;
}
.costume-whole {
    position: relative;
    padding: 1rem 0 2rem;
}
.clothing-retailers {
            font-size: 16px !important;
}
.hoodies-conteny p {
          margin: 0;
        text-align: justify;
        font-size: 14px;
}
.quality-content{
        display: block;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}
.quality-content p{
   width: unset;
        position: relative;
        border-left: 1px solid #014326;
        padding-left: 15px;
        margin: 20px 0 0;
        color: #000;
        text-align: start;
}
.quality-content .big-title-head{
        text-align: center;
    width: unset;
}
.small-tilte {
        font-size: 17px;
        margin-bottom: 11px;
}
.fabric-hero {
   min-height: 43vh;
        padding: 70px 0;
}
.fade-on-scroll {
   font-size: 23px;
        gap: 1px;
        max-width: 75%;
        margin: auto;
        letter-spacing: 0.5px;
}
.cta-button{
    font-size: 15px;
    padding-bottom: 1px;
    margin-top: 20px;
}
.concept-cretion span{
          width: 32px;
        height: 32px;
        font-size: 16px;
}
.create-custom ul{
          display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        justify-content: space-around;
}

.con-small-tit{
    font-size: 14px;
}
.image-one::before {
        right: -52px;
    top: 0;
}
.create-custom ul li{
           position: relative;
            margin: 1rem 0;
        padding-right: 34px;
}
.concept-cretion{
 padding: 11px 10px;
padding-right: unset !important;
 position: relative;
column-gap: 10px;
}
.image-twesd::before{
         top: 15px;
        bottom: -31%;
        width: 150px;
        height: 125px;
        background-repeat: no-repeat;
        left: 3%;
}
.counter-b .counter {
    font-size: 45px;
}

.coomon-container{
        display: block important;
    width: unset important;
}
.quality-aaasured{
    display: block !important;
    /*width: unset !important;*/
    padding: 20px !important;
}
.quality-aaasured h4 {
    width: unset !important;
    font-size:23px !important;
}
.some-fasinatiing {
    position: relative;
           padding: 2rem 0 2rem;
}
.quality-aaasured p {
        width: unset !important;
    }
.offer-card h4{
          font-size: 16px !important;
}
.sutomner-service .sticjy-imhes {
    width: 100%;
    height: unset;
}
.some-fasinatiing .counter-b .counter {
             font-size: 41px !important;
}
.some-fasinatiing .jeynumber-section .counter-label {
     font-size: 11px !important;
}

.some-fasinatiing .counter-b{
   height: 150px !important;
    width: 150px !important;
  align-items: flex-start;
      flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.sutomner-service {
    position: relative;
   padding: 0 0 4rem !important;
}
.jeynumber-section {
    position: relative;
    margin-top: 1rem;
}


.branding-section{
        padding: 40px 0 40px;
}
.tag{
    font-size: 10px !important;
}
.offer-card .sub-text{
        margin-right: auto;
}
.offer-card .offer-card h4{
    margin-top: 0; 
    font-size: 18px;
    font-weight: 600;
    padding-top: 0;
}
.offer-section {
    position: relative;
    padding: 2rem 0 0;
}
.paragrph-clas{
           font-size: 24px !important;
        text-align: center;
        margin-bottom: 3rem !important;
}
.backgroun-sevtion {
    padding: 2rem 0 0 !important;
}
.retailers-manu{
           max-width: unset !important;
        margin: 20px auto;
        font-size: 17px;
}
.testmonials {
    position: relative;
    padding: 2rem 0;
}
.content-br p {
    color: #fff;
    margin: 0;
}
.youth-section {
    padding: 2rem 0 4rem;
    position: relative;
} 

.image-thresd::before{
        right: -62px;
}

.con-inquire,
.inquire {
    font-size: 14px !important;
}
.custm-manuf{
        padding: 10px;
}
.custm-manuf h4{
        font-size: 16px;
}
.why-chse .row{
    row-gap:20px;
}

.stlyish h4 {
    font-size: 16px;
}
.mnufactu-image h4 {
    font-size: 18px;
    text-align:center;
}
.styleish-standrs {
    padding: 0 0 3rem;
}
.mnufactu-image p{
    text-align:center;
}
.footer-title {
    margin-bottom: 1rem;
    font-size: 17px;
}
.swiper-button-next, 
.swiper-button-prev{
    top: 30% !important;
    z-index: 2;
}
.icon-quliaty{
    width: 64px;
    height: 65px;
}
.icon-quliaty img{
    width:40px;
}
.quatitlty-satndrds{
        padding: 3rem 0 3rem;
}
.round-button{
           margin-right: 2px;
        margin-left: 5px;
        height: 15px;
        width: 15px;
}
.round-button::before{
   height: 20px;
        width: 20px;
        top: -2.5px;
        left: -2.5px;
}
/*.counter {*/
/*    font-size: 50px!important;*/
/*}*/
.counter-box{
         padding: 10px !important;
        height: 100%;
}
.counter-box .counter{
        font-size: 65px;
}
.footer-scection{
            padding: 3rem 0 1rem;
}

.sustainable-fashion-section {
    padding: 4rem 0 3rem;
    position: relative;
}

.product-listinf {
    padding: 2rem 0;
    position: relative;
}
.form-control {
         border-radius: 50px;
        padding: 9px 14px;
        font-size: 13px;
}
.contact-form{
        padding: 16px;
}
.contact-info h6{
        font-size: 16px;
}
.contact-info{
        padding: 20px;
}
.btn-submit{
    font-size: 12px;
    padding: 11px 22px;
}
.form-class label {
    color: red;
    font-size: 11px;
}
.footer-scection .row{
    row-gap:20px;
}

.size-varition ul li{
          height: 31px;
        min-width: 31px;
        font-size: 13px;
}
.manufacturing-content .big-title-head span {
    font-size: 17px !important;
}
.btn.btn-text span{
        font-size: 13px;
}
.marsh-creek.sticky .dropdown-menuu {
        top: 13px!important;
}

.whatsapp-logo{
        height: 35px;
    width: 35px;
        line-height: 13px;
}
.whatsapp-logo i {
    color: #fff;
    font-size: 20px;
}
.custm-manuf img {
            width: 43px;
}
.why-chse {
    padding: 0 0 2rem;
}
.short-sleeave {
    margin-top: 0.4rem;
}
.hoodie-title-price{
    margin: 10px 0 0;
    text-align: center;
    display: inline-block;
}
.hoodie-title-price .price{
    font-size: 15px;
    margin: 10px 0 0 !important;
}
.card-trasnition span{
    width: 129px;
    height: 25px;
}
.price {
    margin-top: unset;
}
.service-content-sect {
    padding: 3rem 0 3rem;
}
.top-info-banner a{
        font-size: 12px;
}
.banner-center{
        font-size: 11px;
    line-height: 1.7;
}
.contact-experience{
        padding: 3rem 0 0;
}
.manufacturer {
    padding: 3rem 0 2rem;
}
.color-class {
    font-size: 14px;
}

.quality-conmteny p {
    margin: 0;
    font-size: 15px;
}
.pullover-hooide {
    position:relative;
    padding:2rem 0 2rem;
}
.badge{
    padding: 11px 16px;
    font-size: 16px;
}
.comprehensice-cloth{
    padding: 31px 25px 28px;
}
.carousel-product .swiper-button-prev:after, 
.carousel-product .swiper-rtl .swiper-button-next:after, 
.carousel-product .swiper-button-next:after, 
.carousel-product.swiper-rtl .swiper-button-prev:after{
    height: 31px;
    width: 31px;

}
.whatsapp-call {
        top: 23% !important;
}
.hover-lifstyle .pullover-hoodies {
    font-size: 22px!important;
    color: #fff!important;
    margin-bottom: 0.5rem!important;
    margin: 0 0 10px !important;
}
.hover-lifstyle{
    padding: 0rem!important;
}
.hover-lifstyle p {
    max-width: 88%;
    margin: auto;
}
}




@media(min-width:901px) and (max-width:1200px){ 
    
    p {
    color: #484848;
    font-size: 15px !important;
}
    
    .big-title-head{
      font-size: 27px!important;
        line-height: 1.4;
    }
    .clothing-retailers {
    font-size: 18px;
}
.concept-cretion{
    padding: 8px;
    padding-right: 18px;
    column-gap: 15px;
}  
.fade-on-scroll{
    font-size: 2rem !important;
}
.con-inquire,
.inquire{
   font-size:14px; 
}
.create-custom ul li{
    
}
.contact-form,
.contact-info{
    padding:30px;
    
}
.contact-info p, .contact-info a{
    font-size: 16px;
}
.contact-info h6{
    font-size: 19px;
}
.con-small-tit {
    font-size: 12px;
}
.image-twesd::before{
        top: 50px;
}
.contact-info p, .contact-info a {
    font-size: 14px;
}
.contact-info h6{
        font-size: 16px !important;
}
.concept-cretion span{
    width: 37px;
    height: 37px;
    font-size: 17px;
}
.faq-section {
           padding: 3rem 0 2rem;
        position: relative;
}
.detail-page h1 {
           font-size: 2rem;
}

.quality-conmteny p {
    font-size: 16px;
}
.small-tilte {
          font-size: 18px;
        line-height: 1.4;
}
.marsh-creek .btnsd{
    display:inline-block;
}

.text-end {
    text-align: start !important;
}
.mobile-menu-top{
   right: -10px !important;
}
.faq-section .accordion-button {
           padding: 11px 16px;
        font-size: 18px;
        line-height: 1.6;
}
.fabric-hero {
        padding: 64px 20px;
}
.zipper-hoodies{
           margin-top: 1.5rem;
        justify-content: start;
}
.mnufactu-image h4 {
    font-size: 16px;
}
.stlyish h4 {
    font-size: 17px;
}
.costume-whole {
    position: relative;
    padding: 3rem 0 3rem;
}
.icon-quliaty {
          width: 60px !important;
        height: 60px !important;
}
.icon-quliaty img{
    width:35px;
}
.footer-listing li {
    margin: 10px 0;
    font-size: 14px;
}
.footer-title {
    font-size: 16px;
}
.pullover-hoodies{
    font-size: 19px !important;
}
.pullover-hoodies a {
    font-size: 16px!important;
}
.service-content-sect {
    padding: 3rem 0 4rem!important;
}
.custm-manuf img{
    width:50px;
}
.short-sleeave {
    margin-top: 1.1rem;
}
.round-button::before {
    height: 23px;
    width: 23px;
    top: -3px;
    left: -3px;
}
.round-button{
    height: 17px;
    width: 17px;
}
.section-title{
    margin-bottom: 0;
    font-size: 20px;
}
.bottom-new-class {
    margin-top: unset;
}
.jackets-phat .pullover-hoodies {
        font-size: 22px;
}
.beter-fonsd,
.beter-fonsd span, .beter-fonsd em{
    font-size: 2.5rem;
}
.counter-title{
        font-size: 25px;
}
.mark-creksd{
         font-size: 8rem;
}
.free-shipping{
    padding: 17px;
}
.free-title {
    font-size: 17px;
}
.free-shipping img {
    margin-bottom: 13px;
}

.free-shipping img {
    margin-bottom: 13px;
    width: 40px;
}
.jeynumber-section .counter-label{
    font-size: 13px;
}
.counter-b .counter{
    font-size: 51px;
}
.counter-b {
    height: 200px;
    width: 200px;
}
.quality-aaasured h4 {
    font-size: 25px;
}
.quality-aaasured{
    gap: 53px;
        width: 98%;
    padding: 26px;
}
.branding-section{
        padding: 40px 0;
}
.branding-title{
    margin: 0;
    font-size: 12vw;
}
.offer-card h4{
    font-size: 20px;
    padding-top: unset;
}
.paragrph-clas {
           margin-bottom: 3rem;
        line-height: 1.3;
        font-size: 30px !important;
}
.carousel-product{
    padding: 3rem 0 2rem;
}
.custm-manuf h4{
        font-size: 15px;
    line-height: 1.3;
}
.custm-manuf{
        padding: 11px;
}
.socila-media li{
    height: 25px;
    width: 25px;
        min-width: 25px;
}
.spanclassone{
        margin-bottom: 0;
}
.spanclasstwo{
    font-size: 5rem;
    line-height: unset;
}
.testmonials {
    padding: 3rem 0;
}
.dropdown-menuu {
        display: block;
        top: 12px !important;
    }
    .color-class{
        font-size: 15px;
        
}
.size-varition ul li{
        padding: 8px 10px;
    height: 38px;
    min-width: 30px;
}
.accordion-button{
    font-size: 15px;
}
.inquire{
    padding: 0.7em 2em;
}
.con-inquire{
    min-height: 2.75em;
    padding: 10px 17px;
}
.footer-scection{
    padding:3.5rem 0 0;
}
.socila-media li a {
    color: #fff;
    font-size: 11px;
}
.carousel-product .swiper-button-prev:after, 
.carousel-product .swiper-rtl .swiper-button-next:after, 
.carousel-product .swiper-button-next:after, 
.carousel-product.swiper-rtl .swiper-button-prev:after{
    height: 31px;
    width: 31px;

}

.counter-box{
    padding: 15px;
}
.counter{
font-size: 59px !important;
}

.breadcrumbb {
    padding: 5rem 0 5rem;
}
.contact-info{
    padding: 25px;
    height: 100%;
}
.form-label {
    color: #333 !important;
    font-size: 14px;
}
.form-control{
        font-size: 12px;
}

.contac-infs p{
    font-size: 13px !important;
}
.premium-hooise p{
    margin:0!important;
}
.finjsghes li h4 {
    font-size: 15px;
}
.hover-lifstyle {
    padding: 1rem;
}
.hover-lifstyle .pullover-hoodies {
    font-size: 24px;
    margin-bottom: 1rem;
}
.youth-section {
    padding: 3rem 0 4rem!important;
}
.free-shipping p{
    margin:0;
}

.head-btnsd {
    transform: translateX(-40px);
}
.whatsapp-logo{
        height: 40px;
    width: 40px;
}
.whatsapp-logo i {
    color: #fff;
    font-size: 21px;
}

.sustainable-fashion-section {
    padding: 3rem 0 4rem;
}
.sticjy-imhes{
        width: unset;
}
.backgroun-sevtion {
    padding: 2rem 0 0;
}
.offer-section {
    position: relative;
    padding: 4rem 0 2rem;
}
.top-info-banner a {
    font-size: 13px;
}
.banner-center{
    font-size: 10px;
}
.pullover-hooide p{
    margin:0;
}
.pullover-hooide {
    position:relative;
    padding: 0 0 3rem;
}
.footer-listing li a{
        font-size: 13px;
}
}

@media(max-width:1200px){
    
    
.mobile-menu-open, .memnu-clos-open{
    display:block;
}
    
    .navigation-list .menu-listing{
           padding: 30px 10px;
        margin: 0;
                gap: 13px;
        display: flex;
        width: 100%;
        position: relative;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
   
    .navigation-list{
        position: fixed;
        top: 0;
        left: 0;
        padding: 24px 0 0;
        align-items: flex-start;
        width: 100%;
        height: 100vh;
        background: #ffff;
        transform: translateX(100%);
        transition: 0.4s linear;
        visibility: hidden;
        opacity: 0;
        z-index: 999;
    }
    .menu-listing > li{
            padding: 0;
                    width: 100%;
    }
     .navigation-list.shows{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    .mobile-menu-top {
        position: absolute;
        right: 25px;
        top: 20px;
        z-index: 999;
        font-size: 26px;
    }
    .mobile-menu-open{
        position: absolute;
        right: 25px;
        top: 20px;
        z-index:999;
    }
    .mobile-menu-open i{
        font-size:26px;
        color: var(--primary-color);
    }
    
    
    
    .dropdown-menuu{
        position: relative;
        padding: 1rem;
        flex-direction: column;
        width: 328px;
        transform: scale(1);
        visibility: visible;
        width: 100%;
        /* height: 400px; */
        left: 0;
        opacity: 1;
        top: 13px;
        /*top: 20px;*/
        gap: 5px;
        display: none;
    }
        .dropdown-menuu.visible {
        display: block;
    }
 
    .mega-menu-column h6 {
           font-size: 17px;
}

.dropdown i{
    display:none;
}


    .dropdown .dropn-btnmobile {
        position: absolute;
        right: 0;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 40px;
        top: 2px;
        background: #000;
        display: flex;
        align-items: center;
                justify-content: center;
    }
  
.dropdown .dropn-btnmobile i {
      color: #fff;
        top: 0px;
        position: relative;
        display: inline-block;
    }
    
    .menu-listing li a {
    display: inline-block;
}
    .mega-menu-column img{
        display:none;
    }
    
    .menu-listing li a{
        font-size: 13px;
    }
    .newclass{
        display:block;
    }
    .navv-link{
        text-align:start;
    }
    .navv-link span{
             margin: 0 0 10px;
    }
    

.callus{
        display: flex;

}

}