.mody-home-banner-image-1-3-icon {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-3xs);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.banner-image1 {
  margin-top: 88px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0px var(--padding-61xl);
}
.special-collection-cover-image-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.special-collection-cover-image {
  align-self: stretch;
  flex: 1;
  border-radius: var(--br-3xs);
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.special-collection-title-image-icon {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title13 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.introduction3 {
  flex: 1;
  position: relative;
  font-weight: 500;
}
.special-colleciton-paragraph {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: var(--font-size-lg);
}
.special-colleciton-introductio {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.gots-logo-icon1 {
  width: 118px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.gots-logo-content1 {
  align-self: stretch;
  border-right: 1px solid var(--color-aliceblue);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.organic-eco-friendly-and {
  font-weight: 600;
}
.with {
  font-weight: 500;
}
.introduction-gots {
  flex: 1;
  position: relative;
}
.introduction-gots-text-content {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs);
}
.gots-card {
  align-self: stretch;
  border-radius: var(--br-3xs);
  background-color: var(--color-whitesmoke);
  border: 1px solid var(--color-aliceblue);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.see-all-products {
  position: relative;
  font-size: var(--font-size-xl);
  font-weight: 600;
  font-family: var(--font-urbanist);
  color: var(--white);
  text-align: center;
}
.arrow-icon {
  width: 12.5px;
  position: relative;
  height: 10.7px;
}
.text9 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-3xs);
}
.see-all-products-button {
  cursor: pointer;
  border: 1px solid var(--color-rosybrown-200);
  padding: var(--padding-8xs) 0px;
  background-color: var(--color-rosybrown-100);
  align-self: stretch;
  border-radius: var(--br-3xs);
  box-sizing: border-box;
  height: 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.see-all-products-button:hover {
  background-color: var(--color-rosybrown-300);
}
.see-all-products-button:active {
  background-color: var(--color-rosybrown-300);
}
.collection-section-bottom {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap-xl);
  font-size: var(--font-size-lg);
}
.special-colleciton-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-5xl);
}
.special-collection-content-sec {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px var(--padding-61xl);
  gap: var(--gap-5xl);
  text-align: left;
  font-size: var(--font-size-xl);
  color: var(--color-black);
  font-family: var(--font-urbanist);
}
.our-values {
  align-self: stretch;
  position: relative;
  font-weight: 600;
}
.with-over-20 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-lg);
  font-weight: 500;
  color: var(--color-darkslategray);
}
.our-values-title-and-slogan {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-mini);
}
.experience-1-icon {
  width: 100px;
  position: relative;
  height: 100px;
  overflow: hidden;
  flex-shrink: 0;
}
.year {
  margin: 0;
}
.year-experience {
  align-self: stretch;
  position: relative;
  font-weight: 600;
}
.experience-1-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-mini);
  min-width: 180px;
}
.brands-1-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-mini);
  min-width: 180px;
}
.countries-1-icon {
  width: 100px;
  position: relative;
  height: 100px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.employee {
  align-self: stretch;
  position: relative;
  font-weight: 600;
  font-size: var(--font-size-3xl);
}
.features {
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-end;
  gap: var(--gap-3xs) var(--gap-0);
  font-size: var(--font-size-3xl);
}
.our-values-section {
  align-self: stretch;
  border-top: 1px solid var(--color-aliceblue);
  border-bottom: 1px solid var(--color-aliceblue);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-mini) var(--padding-61xl);
  gap: var(--gap-5xl);
  text-align: center;
  font-size: var(--font-size-xl);
  color: var(--color-black);
  font-family: var(--font-urbanist);
}
.our-production {
  flex: 1;
  position: relative;
  font-weight: 600;
}
.title14 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.women-products-cover-image-2-icon {
  width: 123px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.woman-clothing-image-area {
  width: 123px;
  height: 123px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.women-products-title {
  align-self: stretch;
  position: relative;
  font-weight: 600;
}
.women-products-short-info {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-lg);
  font-weight: 500;
  color: var(--color-darkslategray);
}
.woman-see-products {
  position: relative;
  font-size: var(--font-size-xl);
  font-weight: 600;
  font-family: var(--font-urbanist);
  color: var(--white);
  text-align: center;
}
.women-see-products-button {
  cursor: pointer;
  border: 1px solid var(--color-rosybrown-200);
  padding: var(--padding-8xs) 0px;
  background-color: var(--color-rosybrown-100);
  align-self: stretch;
  border-radius: var(--br-3xs);
  box-sizing: border-box;
  height: 52px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-3xs);
}
.women-see-products-button:hover {
  background-color: var(--color-rosybrown-300);
}
.women-see-products-button:active {
  background-color: var(--color-rosybrown-300);
}
.women-button-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0px 0px;
}
.women-products-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-3xs);
}
.card-content-area {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.women-clothing-card {
  flex: 1;
  border-radius: var(--br-3xs);
  background-color: var(--color-whitesmoke);
  border: 1px solid var(--color-aliceblue);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xl) var(--padding-xl) var(--padding-xl) 0px;
}
.men-clothing-image-area {
  width: 123px;
  height: 123px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.men-products-title {
  align-self: stretch;
  position: relative;
  font-weight: 600;
}
.men-products-short-info {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-lg);
  font-weight: 500;
  color: var(--color-darkslategray);
}
.men-see-products-button {
  cursor: pointer;
  border: 1px solid var(--color-rosybrown-200);
  padding: var(--padding-8xs) 0px;
  background-color: var(--color-rosybrown-100);
  align-self: stretch;
  border-radius: var(--br-3xs);
  box-sizing: border-box;
  height: 52px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-3xs);
}
.men-see-products-button:hover {
  background-color: var(--color-rosybrown-300);
}
.men-see-products-button:active {
  background-color: var(--color-rosybrown-300);
}
.men-products-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-3xs);
}
.men-clothing-card {
  flex: 1;
  border-radius: var(--br-3xs);
  background-color: var(--color-whitesmoke);
  border: 1px solid var(--color-aliceblue);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xl) var(--padding-xl) var(--padding-xl) 0px;
}
.production-options-section {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px var(--padding-61xl);
  gap: var(--gap-5xl);
  text-align: left;
  font-size: var(--font-size-xl);
  color: var(--color-black);
  font-family: var(--font-urbanist);
}
.t-shirt-cover-image-icon1 {
  width: 290px;
  position: relative;
  max-height: 290px;
  object-fit: cover;
  max-width: 290px;
}
.listing-card-1-image-content1 {
  align-self: stretch;
  height: 289.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  max-height: 290px;
}
.listing-title12 {
  position: relative;
  letter-spacing: 0.02em;
  font-weight: 600;
}
.listing-content12 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.listing-label12 {
  align-self: stretch;
  background-color: var(--color-whitesmoke);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-mini);
}
.listing-card-13 {
  flex: 1;
  border-radius: var(--br-3xs);
  background-color: var(--white);
  border: 1px solid var(--color-aliceblue);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 290px;
}
.listing-card-2-image-content1 {
  align-self: stretch;
  height: 289.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  max-height: 290px;
}
.listing-title13 {
  position: relative;
  letter-spacing: 0.02em;
  font-weight: 600;
}
.listing-label13 {
  align-self: stretch;
  background-color: var(--color-whitesmoke);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-mini);
}
.listing-card-21 {
  flex: 1;
  border-radius: var(--br-3xs);
  background-color: var(--white);
  border: 1px solid var(--color-aliceblue);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-width: 290px;
}
.listing-title14 {
  position: relative;
  letter-spacing: 0.02em;
  font-weight: 600;
}
.listing-label14 {
  align-self: stretch;
  background-color: var(--color-whitesmoke);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-mini);
}
.listing-card-31 {
  flex: 1;
  border-radius: var(--br-3xs);
  background-color: var(--white);
  border: 1px solid var(--color-aliceblue);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 290px;
}
.listing-label15 {
  align-self: stretch;
  background-color: var(--color-whitesmoke);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-mini);
}
.listing-label16 {
  align-self: stretch;
  background-color: var(--color-whitesmoke);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-mini);
}
.listing-label17 {
  align-self: stretch;
  background-color: var(--color-whitesmoke);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-mini);
}
.listing-label18 {
  align-self: stretch;
  background-color: var(--color-whitesmoke);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-mini);
}
.listing-label19 {
  align-self: stretch;
  background-color: var(--color-whitesmoke);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-mini);
}
.listing-label20 {
  align-self: stretch;
  background-color: var(--color-whitesmoke);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-mini);
}
.listing-card-10-image-content1 {
  width: 100%;
  height: 289.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  max-width: 302.52px;
  max-height: 290px;
}
.listing-label21 {
  align-self: stretch;
  background-color: var(--color-whitesmoke);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-mini);
}
.listing-title22 {
  position: relative;
  letter-spacing: 0.02em;
  font-weight: 600;
}
.listing-label22 {
  align-self: stretch;
  background-color: var(--color-whitesmoke);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-mini);
}
.product-range-list2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-5xl);
}
.product-range-list-section1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-61xl);
  text-align: left;
  font-size: var(--font-size-xl);
  color: var(--color-black);
  font-family: var(--font-urbanist);
}
.logo-icon9 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.company-info4 {
  width: 239px;
  height: 71px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.facebook-icon4 {
  width: 38px;
  position: relative;
  height: 38px;
}
.facebook4 {
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.pinterest4 {
  text-decoration: none;
  width: 38px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.social-links-icons4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-3xs);
}
.social-links4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.follow-us-on4 {
  position: relative;
  font-weight: 500;
}
.social-content4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xl) 0px 0px;
  gap: var(--gap-xl);
}
.footer-content4 {
  align-self: stretch;
  border-top: 1px solid var(--color-aliceblue);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-mini) var(--padding-61xl);
  gap: var(--gap-0);
}
.mody-giyim-20254 {
  position: relative;
  font-weight: 500;
  white-space: pre-wrap;
}
.footer-info4 {
  align-self: stretch;
  border-top: 1px solid var(--color-aliceblue);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-8xs) 0px;
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--color-darkslategray);
}
.footer-section4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-31xl) 0px 0px;
  text-align: right;
  font-size: var(--font-size-xl);
  color: var(--color-black);
  font-family: var(--font-urbanist);
}
.index {
  width: 100%;
  position: relative;
  background-color: var(--white);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  text-align: center;
  font-size: var(--font-size-xl);
  color: var(--color-black);
  font-family: var(--font-urbanist);
}

@media screen and (max-width: 1440px) {
  .special-collection-cover-image {
    flex-direction: row;
  }

  .special-colleciton-content {
    gap: var(--gap-5xl);
  }

  .women-clothing-card {
    gap: var(--gap-0);
  }

  .men-clothing-card {
    padding: var(--padding-xl);
    box-sizing: border-box;
  }

  .footer-info4 {
    padding-left: var(--padding-61xl);
    padding-right: var(--padding-61xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1200px) {
  .logo-icon8 {
    align-self: stretch;
    width: auto;
    flex: 1;
  }

  .company-profile6 {
    width: auto;
    align-self: unset;
  }

  .products5 {
    width: auto;
    align-self: unset;
  }

  .certifications6 {
    width: auto;
    align-self: unset;
  }

  .contact-us5 {
    width: auto;
    align-self: unset;
  }

  .banner-image1 {
    padding-left: var(--padding-41xl);
    padding-right: var(--padding-41xl);
    box-sizing: border-box;
  }

  .special-collection-cover-image {
    flex: 1;
    align-self: stretch;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .see-all-products-button {
    background-color: var(--color-rosybrown-100);
  }
  .see-all-products-button:hover {
    background-color: var(--color-rosybrown-300);
  }
  .see-all-products-button:active {
    background-color: var(--color-rosybrown-300);
  }

  .special-colleciton-content {
    gap: var(--gap-xl);
  }

  .special-collection-content-sec {
    gap: var(--gap-lg);
    padding-left: var(--padding-41xl);
    padding-right: var(--padding-41xl);
    box-sizing: border-box;
  }

  .our-values-section {
    gap: var(--gap-lg);
    padding-left: var(--padding-7xs);
    padding-right: var(--padding-7xs);
    box-sizing: border-box;
  }

  .women-see-products-button {
    background-color: var(--color-rosybrown-100);
  }
  .women-see-products-button:hover {
    background-color: var(--color-rosybrown-300);
  }
  .women-see-products-button:active {
    background-color: var(--color-rosybrown-300);
  }

  .women-clothing-card {
    gap: var(--gap-0);
  }

  .men-clothing-card {
    gap: var(--gap-0);
  }

  .production-options-section {
    gap: var(--gap-lg);
    padding-left: var(--padding-41xl);
    padding-right: var(--padding-41xl);
    box-sizing: border-box;
  }

  .product-range-list2 {
    gap: var(--gap-lg);
  }

  .product-range-list-section1 {
    padding-left: var(--padding-41xl);
    padding-right: var(--padding-41xl);
    box-sizing: border-box;
  }

  .footer-content4 {
    padding-left: var(--padding-41xl);
    padding-right: var(--padding-41xl);
    box-sizing: border-box;
  }

  .footer-info4 {
    padding-left: var(--padding-41xl);
    padding-right: var(--padding-41xl);
    box-sizing: border-box;
  }

  .footer-section4 {
    gap: var(--gap-0);
  }

  .index {
    gap: var(--gap-lg);
  }
}
@media screen and (max-width: 960px) {

  .banner-image1 {
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: var(--padding-31xl);
    padding-right: var(--padding-31xl);
    box-sizing: border-box;
  }

  .special-collection-cover-image {
    align-self: stretch;
    width: auto;
    flex: unset;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .introduction3 {
    font-size: var(--font-size-base);
  }

  .introduction-gots {
    font-size: var(--font-size-base);
  }

  .see-all-products {
    font-size: var(--font-size-lg);
  }

  .see-all-products-button {
    height: 48px;
    border-radius: var(--br-5xs);
  }

  .special-colleciton-content {
    gap: var(--gap-mini);
    flex: unset;
    align-self: stretch;
  }

  .special-collection-content-sec {
    flex-direction: column;
    gap: var(--gap-base);
    padding-left: var(--padding-31xl);
    padding-right: var(--padding-31xl);
    box-sizing: border-box;
  }

  .our-values {
    font-size: var(--font-size-lg);
  }

  .with-over-20 {
    font-size: var(--font-size-base);
  }

  .year-experience {
    font-size: var(--font-size-xl);
  }

  .our-values-section {
    gap: var(--gap-base);
    padding-left: var(--padding-31xl);
    padding-right: var(--padding-31xl);
    box-sizing: border-box;
  }

  .our-production {
    font-size: var(--font-size-lg);
  }

  .title14 {
    padding-top: var(--padding-5xs);
    box-sizing: border-box;
  }

  .woman-see-products {
    font-size: var(--font-size-lg);
  }

  .women-see-products-button {
    height: 48px;
    border-radius: var(--br-5xs);
  }

  .card-content-area {
    flex: unset;
    align-self: stretch;
  }

  .women-clothing-card {
    flex-direction: column;
    flex: unset;
    align-self: stretch;
  }

  .men-products-short-info {
    font-size: var(--font-size-lg);
  }

  .men-see-products-button {
    height: 48px;
    border-radius: var(--br-5xs);
  }

  .men-clothing-card {
    flex-direction: column;
    gap: var(--gap-0);
    flex: unset;
    align-self: stretch;
  }

  .production-options-section {
    flex-direction: column;
    gap: var(--gap-base);
    padding: 0px var(--padding-31xl);
    box-sizing: border-box;
  }

  .listing-title12 {
    font-size: var(--font-size-lg);
  }

  .listing-card-13 {
    border-radius: var(--br-5xs);
  }

  .listing-title13 {
    font-size: var(--font-size-lg);
  }

  .listing-card-21 {
    border-radius: var(--br-5xs);
  }

  .listing-title14 {
    font-size: var(--font-size-lg);
  }

  .listing-title22 {
    font-size: var(--font-size-lg);
  }

  .product-range-list2 {
    gap: var(--gap-base);
    
  }

  .product-range-list-section1 {
    padding-left: var(--padding-31xl);
    padding-right: var(--padding-31xl);
    box-sizing: border-box;
  }

  .follow-us-on4 {
    font-size: var(--font-size-lg);
    text-align: center;
  }

  .footer-content4 {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-left: var(--padding-31xl);
    padding-right: var(--padding-31xl);
    box-sizing: border-box;
  }

  .mody-giyim-20254 {
    font-size: var(--font-size-base);
    text-align: center;
  }

  .footer-info4 {
    padding-left: var(--padding-31xl);
    padding-right: var(--padding-31xl);
    box-sizing: border-box;
  }

  .footer-section4 {
    gap: var(--gap-0);
    align-items: center;
    justify-content: flex-start;
  }

  .index {
    gap: var(--gap-base);
  }
}
@media screen and (max-width: 800px) {

  .banner-image1 {
    gap: var(--gap-3xs);
    padding-left: var(--padding-11xl);
    padding-right: var(--padding-11xl);
    box-sizing: border-box;
  }

  .special-collection-cover-image {
    align-self: stretch;
    width: auto;
    flex: 1;
    flex-direction: column;
    gap: var(--gap-3xs);
    align-items: flex-start;
    justify-content: center;
    border-radius: var(--br-5xs);
  }

  .introduction-gots {
    font-size: var(--font-size-base);
  }

  .gots-card {
    border-radius: var(--br-8xs);
  }

  .see-all-products-button {
    height: 48px;
    gap: var(--gap-8xs);
    border-radius: var(--br-5xs);
  }

  .collection-section-bottom {
    gap: var(--gap-3xs);
  }

  .special-colleciton-content {
    gap: var(--gap-xs);
  }

  .special-collection-content-sec {
    gap: var(--gap-sm);
    padding-left: var(--padding-11xl);
    padding-right: var(--padding-11xl);
    box-sizing: border-box;
  }

  .year-experience {
    font-size: var(--font-size-xl);
  }

  .employee {
    font-size: var(--font-size-xl);
  }

  .our-values-section {
    gap: var(--gap-sm);
    padding-left: var(--padding-11xl);
    padding-right: var(--padding-11xl);
    box-sizing: border-box;
  }

  .our-production {
    font-size: var(--font-size-lg);
  }

  .woman-clothing-image-area {
    width: 98px;
    height: 98px;
  }

  .women-products-title {
    font-size: var(--font-size-xl);
  }

  .women-products-short-info {
    font-size: var(--font-size-lg);
  }

  .woman-see-products {
    font-size: var(--font-size-lg);
  }

  .women-see-products-button {
    align-self: stretch;
    width: auto;
    height: 48px;
    border-radius: var(--br-5xs);
  }
  .women-see-products-button:hover {
    background-color: var(--color-rosybrown-300);
  }
  .women-see-products-button:active {
    background-color: var(--color-rosybrown-300);
  }

  .women-products-content {
    gap: var(--gap-8xs);
  }

  .women-clothing-card {
    align-self: stretch;
    width: auto;
    height: auto;
    gap: var(--gap-0);
    padding: var(--padding-mini) var(--padding-mini) var(--padding-mini) 0px;
    box-sizing: border-box;
    flex: unset;
  }

  .men-clothing-image-area {
    width: 98px;
    height: 98px;
  }

  .men-products-short-info {
    font-size: var(--font-size-base);
  }

  .men-see-products-button {
    height: 48px;
    gap: var(--gap-8xs);
    border-radius: var(--br-5xs);
  }

  .men-clothing-card {
    align-self: stretch;
    width: auto;
    height: auto;
    border-radius: var(--br-8xs);
    padding: var(--padding-mini) var(--padding-mini) var(--padding-mini) 0px;
    box-sizing: border-box;
    flex: unset;
  }

  .production-options-section {
    flex-direction: column;
    gap: var(--gap-sm);
    padding: 0px var(--padding-11xl);
    box-sizing: border-box;
  }

  .listing-title12 {
    font-size: var(--font-size-lg);
  }

  .listing-label12 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-13 {
    border-radius: var(--br-5xs);
  }

  .listing-title13 {
    font-size: var(--font-size-lg);
  }

  .listing-label13 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-21 {
    border-radius: var(--br-5xs);
  }

  .listing-label14 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-31 {
    border-radius: var(--br-5xs);
  }

  .listing-label15 {
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    padding-bottom: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label16 {
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    padding-bottom: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label17 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label18 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label19 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label20 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label21 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label22 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .product-range-list2 {
    gap: var(--gap-sm);
  }

  .product-range-list-section1 {
    padding-left: var(--padding-11xl);
    padding-right: var(--padding-11xl);
    box-sizing: border-box;
  }

  .follow-us-on4 {
    text-align: center;
  }

  .footer-content4 {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-left: var(--padding-11xl);
    padding-right: var(--padding-11xl);
    box-sizing: border-box;
  }

  .mody-giyim-20254 {
    font-size: var(--font-size-base);
    text-align: center;
  }

  .footer-info4 {
    padding: var(--padding-mini) var(--padding-11xl);
    box-sizing: border-box;
  }

  .footer-section4 {
    flex-direction: column;
  }

  .index {
    gap: var(--gap-sm);
    padding-left: 0px;
    padding-right: 0px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 750px) {

  .banner-image1 {
    border-radius: var(--br-8xs);
    padding-left: var(--padding-base);
    padding-right: var(--padding-base);
    box-sizing: border-box;
  }

  .special-collection-cover-image {
    align-self: stretch;
    width: auto;
    flex: unset;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: var(--br-5xs);
  }

  .introduction3 {
    font-size: var(--font-size-base);
  }

  .introduction-gots {
    font-size: var(--font-size-base);
  }

  .gots-card {
    border-radius: var(--br-8xs);
  }

  .see-all-products {
    font-size: var(--font-size-lg);
  }

  .see-all-products-button {
    height: 48px;
    border-radius: var(--br-5xs);
  }
  .see-all-products-button:hover {
    height: 48px;
    border-radius: var(--br-5xs);
  }
  .see-all-products-button:active {
    height: 48px;
    border-radius: var(--br-5xs);
  }

  .collection-section-bottom {
    gap: var(--gap-3xs);
  }

  .special-colleciton-content {
    gap: var(--gap-3xs);
    flex: unset;
    align-self: stretch;
  }

  .special-collection-content-sec {
    flex-direction: column;
    gap: var(--gap-sm);
    padding-left: var(--padding-base);
    padding-right: var(--padding-base);
    box-sizing: border-box;
  }

  .our-values {
    font-size: var(--font-size-lg);
  }

  .with-over-20 {
    font-size: var(--font-size-base);
  }

  .year-experience {
    font-size: var(--font-size-xl);
  }

  .employee {
    font-size: var(--font-size-xl);
  }

  .our-values-section {
    gap: var(--gap-sm);
    padding-left: var(--padding-base);
    padding-right: var(--padding-base);
    box-sizing: border-box;
  }

  .our-production {
    font-size: var(--font-size-lg);
  }

  .title14 {
    padding-top: var(--padding-5xs);
    box-sizing: border-box;
  }

  .women-products-title {
    font-size: var(--font-size-lg);
  }

  .women-products-short-info {
    font-size: var(--font-size-sm);
  }

  .woman-see-products {
    font-size: var(--font-size-lg);
  }

  .women-see-products-button {
    height: 48px;
    border-radius: var(--br-5xs);
  }

  .women-products-content {
    gap: var(--gap-8xs);
  }

  .women-clothing-card {
    gap: var(--gap-0);
    border-radius: var(--br-8xs);
    padding: var(--padding-xs) var(--padding-xs) var(--padding-xs) 0px;
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }

  .men-clothing-image-area {
    width: 98px;
    height: 98px;
  }

  .men-products-title {
    font-size: var(--font-size-lg);
  }

  .men-products-short-info {
    font-size: var(--font-size-base);
  }

  .men-see-products-button {
    height: 48px;
    gap: var(--gap-8xs);
    border-radius: var(--br-5xs);
  }

  .men-products-content {
    gap: var(--gap-8xs);
  }

  .men-clothing-card {
    gap: var(--gap-0);
    border-radius: var(--br-8xs);
    padding: var(--padding-xs) var(--padding-xs) var(--padding-xs) 0px;
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }

  .production-options-section {
    flex-direction: column;
    gap: var(--gap-sm);
    padding: 0px var(--padding-base);
    box-sizing: border-box;
  }

  .listing-title12 {
    font-size: var(--font-size-lg);
    letter-spacing: 0.02em;
  }

  .listing-label12 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-13 {
    border-radius: var(--br-5xs);
  }

  .listing-title13 {
    font-size: var(--font-size-lg);
  }

  .listing-label13 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-21 {
    border-radius: var(--br-5xs);
  }

  .listing-title14 {
    font-size: var(--font-size-lg);
  }

  .listing-label14 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-31 {
    border-radius: var(--br-5xs);
  }

  .listing-label15 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label16 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label17 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label18 {
    padding-left: var(--padding-3xs);
    padding-top: var(--padding-3xs);
    padding-bottom: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label19 {
    padding-left: var(--padding-3xs);
    padding-top: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label20 {
    padding-left: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label21 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-title22 {
    font-weight: 600;
    font-family: var(--font-urbanist);
    font-size: var(--font-size-lg);
  }

  .listing-label22 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .product-range-list2 {
    gap: var(--gap-sm);
  }

  .product-range-list-section1 {
    padding-left: var(--padding-base);
    padding-right: var(--padding-base);
    box-sizing: border-box;
  }

  .follow-us-on4 {
    font-size: var(--font-size-lg);
    text-align: center;
  }

  .footer-content4 {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: var(--padding-xl) var(--padding-base) var(--padding-3xs);
    box-sizing: border-box;
  }

  .mody-giyim-20254 {
    font-size: var(--font-size-base);
    text-align: center;
  }

  .footer-info4 {
    padding: var(--padding-3xs) var(--padding-base);
    box-sizing: border-box;
  }

  .footer-section4 {
    align-items: center;
    justify-content: flex-start;
  }

  .index {
    gap: var(--gap-sm);
  }
}
@media screen and (max-width: 450px) {

  .banner-image1 {
    border-radius: var(--br-8xs);
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
    box-sizing: border-box;
  }

  .special-collection-cover-image {
    align-self: stretch;
    width: auto;
    flex: unset;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: var(--br-8xs);
  }

  .introduction3 {
    font-size: var(--font-size-base);
  }

  .introduction-gots {
    font-size: var(--font-size-base);
  }

  .gots-card {
    border-radius: var(--br-8xs);
  }

  .see-all-products {
    font-size: var(--font-size-lg);
  }

  .see-all-products-button {
    height: 44px;
    gap: var(--gap-8xs);
    border-radius: var(--br-8xs);
  }
  .see-all-products-button:hover {
    height: 44px;
    border-radius: var(--br-8xs);
  }
  .see-all-products-button:active {
    height: 44px;
    border-radius: var(--br-8xs);
  }

  .collection-section-bottom {
    gap: var(--gap-3xs);
  }

  .special-colleciton-content {
    gap: var(--gap-3xs);
    flex: unset;
    align-self: stretch;
  }

  .special-collection-content-sec {
    flex-direction: column;
    gap: var(--gap-sm);
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
    box-sizing: border-box;
  }

  .our-values {
    font-size: var(--font-size-lg);
  }

  .with-over-20 {
    font-size: var(--font-size-base);
  }

  .year-experience {
    font-size: var(--font-size-lg);
  }

  .employee {
    font-size: var(--font-size-xl);
  }

  .our-values-section {
    gap: var(--gap-sm);
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
    box-sizing: border-box;
  }

  .our-production {
    font-size: var(--font-size-lg);
  }

  .title14 {
    padding-top: var(--padding-8xs);
    box-sizing: border-box;
  }

  .women-products-title {
    font-size: var(--font-size-lg);
  }

  .women-products-short-info {
    font-size: var(--font-size-sm);
  }

  .woman-see-products {
    font-size: var(--font-size-lg);
  }

  .women-see-products-button {
    height: 44px;
    gap: var(--gap-8xs);
    border-radius: var(--br-8xs);
  }

  .women-products-content {
    gap: var(--gap-8xs);
  }

  .women-clothing-card {
    gap: var(--gap-0);
    border-radius: var(--br-8xs);
    padding: var(--padding-3xs) var(--padding-3xs) var(--padding-3xs) 0px;
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }

  .men-clothing-image-area {
    width: 98px;
    height: 98px;
  }

  .men-products-title {
    font-size: var(--font-size-lg);
  }

  .men-products-short-info {
    font-size: var(--font-size-sm);
  }

  .men-see-products-button {
    height: 44px;
    gap: var(--gap-8xs);
    border-radius: var(--br-8xs);
  }

  .men-clothing-card {
    gap: var(--gap-0);
    border-radius: var(--br-8xs);
    padding: var(--padding-3xs) var(--padding-3xs) var(--padding-3xs) 0px;
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }

  .production-options-section {
    flex-direction: column;
    gap: var(--gap-sm);
    padding: 0px var(--padding-xs);
    box-sizing: border-box;
  }

  .listing-title12 {
    font-size: var(--font-size-lg);
  }

  .listing-label12 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-13 {
    border-radius: var(--br-8xs);
  }

  .listing-title13 {
    font-size: var(--font-size-lg);
  }

  .listing-label13 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-21 {
    border-radius: var(--br-8xs);
  }

  .listing-title14 {
    font-size: var(--font-size-lg);
  }

  .listing-label14 {
    padding: var(--padding-3xs) var(--padding-3xs) var(--padding-3xs)
      var(--padding-mini);
    box-sizing: border-box;
  }

  .listing-card-31 {
    border-radius: var(--br-8xs);
  }

  .listing-label15 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label16 {
    padding: var(--padding-mini) var(--padding-3xs) var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label17 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label18 {
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    padding-bottom: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label19 {
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    padding-bottom: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label20 {
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    padding-bottom: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label21 {
    padding: var(--padding-3xs) var(--padding-3xs) var(--padding-mini);
    box-sizing: border-box;
  }

  .listing-title22 {
    font-size: var(--font-size-lg);
  }

  .listing-label22 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .product-range-list2 {
    gap: var(--gap-sm);
  }

  .product-range-list-section1 {
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
    box-sizing: border-box;
  }

  .follow-us-on4 {
    font-size: var(--font-size-lg);
    text-align: center;
  }

  .footer-content4 {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: var(--padding-xl) var(--padding-xs) var(--padding-3xs);
    box-sizing: border-box;
  }

  .mody-giyim-20254 {
    font-size: var(--font-size-base);
    text-align: center;
  }

  .footer-info4 {
    padding: var(--padding-3xs) var(--padding-xs);
    box-sizing: border-box;
  }

  .index {
    gap: var(--gap-sm);
  }
}
@media screen and (max-width: 430px) {

  .banner-image1 {
    border-radius: var(--br-8xs);
    padding-left: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }

  .special-collection-cover-image {
    flex: unset;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: var(--br-8xs);
    align-self: stretch;
  }

  .introduction3 {
    font-size: var(--font-size-base);
  }

  .introduction-gots {
    font-size: var(--font-size-base);
  }

  .gots-card {
    border-radius: var(--br-8xs);
  }

  .see-all-products {
    font-size: var(--font-size-lg);
  }

  .see-all-products-button {
    height: 44px;
    gap: var(--gap-8xs);
    border-radius: var(--br-8xs);
  }
  .see-all-products-button:hover {
    height: 44px;
    border-radius: var(--br-8xs);
  }
  .see-all-products-button:active {
    height: 44px;
    border-radius: var(--br-8xs);
  }

  .collection-section-bottom {
    gap: var(--gap-3xs);
  }

  .special-colleciton-content {
    gap: var(--gap-5xs);
    flex: unset;
    align-self: stretch;
  }

  .special-collection-content-sec {
    flex-direction: column;
    gap: var(--gap-sm);
    padding-left: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }

  .our-values {
    font-size: var(--font-size-lg);
  }

  .with-over-20 {
    font-size: var(--font-size-base);
  }

  .year-experience {
    font-size: var(--font-size-lg);
  }

  .employee {
    font-size: var(--font-size-xl);
  }

  .our-values-section {
    gap: var(--gap-sm);
    padding-left: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }

  .our-production {
    font-size: var(--font-size-lg);
  }

  .title14 {
    padding-top: var(--padding-8xs);
    box-sizing: border-box;
  }

  .women-products-title {
    font-size: var(--font-size-lg);
  }

  .women-products-short-info {
    font-size: var(--font-size-sm);
  }

  .woman-see-products {
    font-size: var(--font-size-lg);
  }

  .women-see-products-button {
    height: 44px;
    gap: var(--gap-8xs);
    border-radius: var(--br-8xs);
  }

  .women-products-content {
    gap: var(--gap-8xs);
  }

  .women-clothing-card {
    gap: var(--gap-0);
    border-radius: var(--br-8xs);
    padding: var(--padding-3xs) var(--padding-3xs) var(--padding-3xs) 0px;
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }

  .men-clothing-image-area {
    width: 98px;
    height: 98px;
  }

  .men-products-title {
    font-size: var(--font-size-lg);
  }

  .men-products-short-info {
    font-size: var(--font-size-sm);
  }

  .men-see-products-button {
    height: 44px;
    gap: var(--gap-8xs);
    border-radius: var(--br-8xs);
  }

  .men-clothing-card {
    gap: var(--gap-0);
    border-radius: var(--br-8xs);
    padding: var(--padding-3xs) var(--padding-3xs) var(--padding-3xs) 0px;
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }

  .production-options-section {
    flex-direction: column;
    gap: var(--gap-sm);
    padding: 0px var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-title12 {
    font-size: var(--font-size-lg);
  }

  .listing-label12 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-13 {
    border-radius: var(--br-8xs);
  }

  .listing-title13 {
    font-size: var(--font-size-lg);
  }

  .listing-label13 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-21 {
    border-radius: var(--br-8xs);
  }

  .listing-title14 {
    font-size: var(--font-size-lg);
  }

  .listing-label14 {
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    padding-bottom: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-31 {
    border-radius: var(--br-8xs);
  }

  .listing-label15 {
    padding-left: var(--padding-3xs);
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label16 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label17 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label18 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label19 {
    padding: var(--padding-mini) var(--padding-3xs) var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label20 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label21 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-title22 {
    font-size: var(--font-size-lg);
  }

  .listing-label22 {
    padding: var(--padding-3xs) var(--padding-mini) var(--padding-3xs)
      var(--padding-3xs);
    box-sizing: border-box;
  }

  .product-range-list2 {
    align-self: stretch;
    width: auto;
    gap: var(--gap-sm);
    align-items: flex-start;
    justify-content: center;
  }

  .product-range-list-section1 {
    padding-left: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }

  .follow-us-on4 {
    font-size: var(--font-size-lg);
    text-align: center;
  }

  .footer-content4 {
    flex-direction: column;
    padding: var(--padding-xl) var(--padding-5xs) var(--padding-3xs);
    box-sizing: border-box;
  }

  .mody-giyim-20254 {
    font-size: var(--font-size-base);
    text-align: center;
  }

  .footer-info4 {
    padding: var(--padding-mini) var(--padding-3xs);
    box-sizing: border-box;
  }

  .footer-section4 {
    padding-left: 0px;
    box-sizing: border-box;
  }

  .index {
    gap: var(--gap-sm);
  }
}
@media screen and (max-width: 375px) {


  .banner-image1 {
    border-radius: var(--br-8xs);
    padding-left: var(--padding-5xs);
    padding-right: var(--padding-5xs);
    box-sizing: border-box;
  }

  .special-collection-cover-image {
    border-radius: var(--br-8xs);
    flex: unset;
    align-self: stretch;
  }

  .introduction3 {
    font-size: var(--font-size-base);
  }

  .introduction-gots {
    font-size: var(--font-size-base);
  }

  .gots-card {
    border-radius: var(--br-8xs);
  }

  .see-all-products {
    font-size: var(--font-size-lg);
  }

  .see-all-products-button {
    height: 44px;
    gap: var(--gap-8xs);
    border-radius: var(--br-8xs);
  }
  .see-all-products-button:hover {
    height: 44px;
    border-radius: var(--br-8xs);
  }
  .see-all-products-button:active {
    height: 44px;
    border-radius: var(--br-8xs);
  }

  .collection-section-bottom {
    gap: var(--gap-3xs);
  }

  .special-colleciton-content {
    gap: 6px;
    flex: unset;
    align-self: stretch;
  }

  .special-collection-content-sec {
    flex-direction: column;
    gap: var(--gap-sm);
    padding-left: var(--padding-5xs);
    padding-right: var(--padding-5xs);
    box-sizing: border-box;
  }

  .our-values {
    font-size: var(--font-size-lg);
  }

  .with-over-20 {
    font-size: var(--font-size-base);
  }

  .year-experience {
    font-size: var(--font-size-lg);
  }

  .employee {
    font-size: var(--font-size-xl);
  }

  .our-values-section {
    gap: var(--gap-sm);
    padding-left: var(--padding-5xs);
    padding-right: var(--padding-5xs);
    box-sizing: border-box;
  }

  .our-production {
    font-size: var(--font-size-lg);
  }

  .title14 {
    padding-top: var(--padding-8xs);
    box-sizing: border-box;
  }

  .women-products-title {
    font-size: var(--font-size-lg);
  }

  .women-products-short-info {
    font-size: var(--font-size-sm);
  }

  .woman-see-products {
    font-size: var(--font-size-lg);
  }

  .women-see-products-button {
    height: 44px;
    gap: var(--gap-8xs);
    border-radius: var(--br-8xs);
  }

  .women-products-content {
    gap: var(--gap-8xs);
  }

  .women-clothing-card {
    gap: var(--gap-0);
    border-radius: var(--br-8xs);
    padding: var(--padding-3xs) var(--padding-3xs) var(--padding-3xs) 0px;
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }

  .men-clothing-image-area {
    width: 98px;
    height: 98px;
  }

  .men-products-title {
    font-size: var(--font-size-lg);
  }

  .men-products-short-info {
    font-size: var(--font-size-sm);
  }

  .men-see-products-button {
    height: 44px;
    gap: var(--gap-8xs);
    border-radius: var(--br-8xs);
  }

  .men-clothing-card {
    gap: var(--gap-0);
    border-radius: var(--br-8xs);
    padding: var(--padding-3xs) var(--padding-3xs) var(--padding-3xs) 0px;
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }

  .production-options-section {
    flex-direction: column;
    gap: var(--gap-sm);
    padding: 0px var(--padding-5xs);
    box-sizing: border-box;
  }

  .listing-title12 {
    font-size: var(--font-size-lg);
  }

  .listing-label12 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-13 {
    border-radius: var(--br-8xs);
  }

  .listing-title13 {
    font-size: var(--font-size-lg);
  }

  .listing-label13 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-21 {
    border-radius: var(--br-8xs);
  }

  .listing-title14 {
    font-size: var(--font-size-lg);
  }

  .listing-label14 {
    padding-left: var(--padding-3xs);
    padding-top: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-31 {
    border-radius: var(--br-8xs);
  }

  .listing-label15 {
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-mini);
    padding-bottom: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label16 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label17 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label18 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label19 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label20 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label21 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-title22 {
    font-size: var(--font-size-lg);
  }

  .listing-label22 {
    padding: var(--padding-mini) var(--padding-3xs) var(--padding-3xs);
    box-sizing: border-box;
  }

  .product-range-list2 {
    gap: var(--gap-sm);
  }

  .product-range-list-section1 {
    padding-left: var(--padding-5xs);
    padding-right: var(--padding-5xs);
    box-sizing: border-box;
  }

  .follow-us-on4 {
    font-size: var(--font-size-lg);
    text-align: center;
  }

  .footer-content4 {
    flex-direction: column;
    padding: var(--padding-xl) var(--padding-5xs) var(--padding-3xs);
    box-sizing: border-box;
  }

  .mody-giyim-20254 {
    font-size: var(--font-size-base);
    text-align: center;
  }

  .footer-info4 {
    padding: var(--padding-3xs) var(--padding-5xs);
    box-sizing: border-box;
  }

  .index {
    gap: var(--gap-sm);
  }
}
@media screen and (max-width: 350px) {

  .banner-image1 {
    border-radius: var(--br-8xs);
    padding-left: var(--padding-7xs);
    padding-right: var(--padding-7xs);
    box-sizing: border-box;
  }

  .special-collection-cover-image {
    border-radius: var(--br-8xs);
    flex: unset;
    align-self: stretch;
  }

  .introduction3 {
    font-size: var(--font-size-base);
  }

  .special-colleciton-introductio {
    gap: var(--gap-3xs);
  }

  .introduction-gots {
    font-size: var(--font-size-base);
  }

  .gots-card {
    border-radius: var(--br-8xs);
  }

  .see-all-products {
    font-size: var(--font-size-lg);
  }

  .see-all-products-button {
    height: 44px;
    gap: var(--gap-8xs);
    border-radius: var(--br-8xs);
  }
  .see-all-products-button:hover {
    height: 44px;
    border-radius: var(--br-8xs);
  }
  .see-all-products-button:active {
    height: 44px;
    border-radius: var(--br-8xs);
  }

  .collection-section-bottom {
    gap: var(--gap-3xs);
  }

  .special-colleciton-content {
    gap: var(--gap-8xs);
    flex: unset;
    align-self: stretch;
  }

  .special-collection-content-sec {
    flex-direction: column;
    gap: var(--gap-sm);
    padding-left: var(--padding-7xs);
    padding-right: var(--padding-7xs);
    box-sizing: border-box;
  }

  .our-values {
    font-size: var(--font-size-lg);
  }

  .with-over-20 {
    font-size: var(--font-size-base);
  }

  .year-experience {
    font-size: var(--font-size-lg);
  }

  .employee {
    font-size: var(--font-size-xl);
  }

  .our-values-section {
    gap: var(--gap-sm);
    padding-left: var(--padding-7xs);
    padding-right: var(--padding-7xs);
    box-sizing: border-box;
  }

  .our-production {
    font-size: var(--font-size-lg);
  }

  .title14 {
    padding-top: var(--padding-8xs);
    box-sizing: border-box;
  }

  .women-products-title {
    font-size: var(--font-size-lg);
  }

  .women-products-short-info {
    font-size: var(--font-size-sm);
  }

  .woman-see-products {
    font-size: var(--font-size-lg);
  }

  .women-see-products-button {
    height: 44px;
    gap: var(--gap-8xs);
    border-radius: var(--br-8xs);
  }

  .women-products-content {
    gap: var(--gap-8xs);
  }

  .women-clothing-card {
    gap: var(--gap-0);
    border-radius: var(--br-8xs);
    padding: var(--padding-5xs) var(--padding-5xs) var(--padding-5xs) 0px;
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }

  .men-clothing-image-area {
    width: 98px;
    height: 98px;
  }

  .men-products-title {
    font-size: var(--font-size-lg);
  }

  .men-products-short-info {
    font-size: var(--font-size-sm);
  }

  .men-see-products-button {
    height: 44px;
    gap: var(--gap-8xs);
    border-radius: var(--br-8xs);
  }

  .men-clothing-card {
    gap: var(--gap-0);
    border-radius: var(--br-8xs);
    padding: var(--padding-5xs) var(--padding-5xs) var(--padding-5xs) 0px;
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }

  .production-options-section {
    flex-direction: column;
    gap: var(--gap-sm);
    padding: 0px var(--padding-7xs);
    box-sizing: border-box;
  }

  .listing-title12 {
    font-size: var(--font-size-lg);
  }

  .listing-label12 {
    padding: var(--padding-3xs) var(--padding-mini) var(--padding-3xs)
      var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-13 {
    border-radius: var(--br-8xs);
  }

  .listing-title13 {
    font-size: var(--font-size-lg);
  }

  .listing-label13 {
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    padding-bottom: var(--padding-mini);
    box-sizing: border-box;
  }

  .listing-card-21 {
    border-radius: var(--br-8xs);
  }

  .listing-title14 {
    font-size: var(--font-size-lg);
  }

  .listing-label14 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-card-31 {
    border-radius: var(--br-8xs);
  }

  .listing-label15 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label16 {
    padding: var(--padding-3xs) var(--padding-3xs) var(--padding-mini);
    box-sizing: border-box;
  }

  .listing-label17 {
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label18 {
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label19 {
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    padding-bottom: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label20 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-label21 {
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }

  .listing-title22 {
    font-size: var(--font-size-lg);
  }

  .listing-label22 {
    padding: var(--padding-3xs);
    box-sizing: border-box;
  }

  .product-range-list2 {
    gap: var(--gap-sm);
  }

  .product-range-list-section1 {
    padding-left: var(--padding-7xs);
    padding-right: var(--padding-7xs);
    box-sizing: border-box;
  }

  .follow-us-on4 {
    font-size: var(--font-size-base);
    text-align: center;
  }

  .footer-content4 {
    flex-direction: column;
    padding: var(--padding-xl) var(--padding-7xs) var(--padding-3xs);
    box-sizing: border-box;
  }

  .mody-giyim-20254 {
    font-size: var(--font-size-base);
    text-align: center;
  }

  .footer-info4 {
    padding: var(--padding-3xs) var(--padding-7xs);
    box-sizing: border-box;
  }

  .index {
    gap: var(--gap-sm);
  }
}

@keyframes slide-in-left {
  0% {
    transform: translateX(-200px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@media screen and (max-width: 960px) {
  .english5 {
    font-size: var(--font-size-lg);
  }

  .arrow-vector-icon5 {
    width: 6px;
  }
}
@media screen and (max-width: 960px) {
  .banner-image1 {
    margin-top: 78px;
  }
}
.banner-image1 {
  border-radius: 10px;
}

@media (max-width: 960px) {
  .banner-image1 {
    border-radius: 8px;
  }
}

@media (max-width: 450px) {
  .banner-image1 {
    border-radius: 5px;
  }
}
.mody-home-banner-image-1-3-icon {
  border-radius: 10px;
}

@media (max-width: 960px) {
  .mody-home-banner-image-1-3-icon {
    border-radius: 8px;
  }
}

@media (max-width: 450px) {
  .mody-home-banner-image-1-3-icon {
    border-radius: 5px;
  }
}
@media (max-width: 450px) {
  .employee {
    font-size: var(--font-size-xl)
  }
}
@media (max-width: 750px) {
  .woman-products-short-info {
    font-size: var(--font-size-base) !important
  }
}
@media (max-width: 450px) {
  .woman-products-short-info {
    font-size: var(--font-size-sm) !important
  }
}
@media (max-width: 750px) {
  .men-products-short-info {
    font-size: var(--font-size-base) !important
  }
}
@media (max-width: 450px) {
  .men-products-short-info {
    font-size: var(--font-size-sm) !important
  }
}

@media screen and (max-width: 1024px) {
  .production-options-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .women-clothing-card,
  .men-clothing-card {
    width: 100% !important;
    margin-bottom: 14px !important;
  }
}
.women-clothing-card,
.men-clothing-card {
  width: 100% !important;
  margin: 0 0 20px 0 !important; 
  padding: 20px 20px 20px 0px !important; 
  box-sizing: border-box !important;
  text-align: left !important;
}