/* screen - waterproof-breathable */

.waterproof-breathable-20 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 16817px;
  width: 1920px;
}

.waterproof-breathable-20 .overlap-group10 {
  height: 15035px;
  position: relative;
  width: 1920px;
}

.waterproof-breathable-20 .overlap-group8-1 {
  height: 15035px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.waterproof-breathable-20 .group-161 {
  height: 14335px;
  left: 392px;
  position: absolute;
  top: 696px;
  width: 1528px;
}

.waterproof-breathable-20 .rectangle-225-1 {
  background-color: var(--big-dip-o-ruby);
  height: 4px;
  left: 0;
  position: absolute;
  top: 15031px;
  width: 1920px;
}

.waterproof-breathable-20 .mask-group-27 {
  height: 750px;
  left: 80px;
  position: absolute;
  top: 13615px;
  width: 750px;
}

.waterproof-breathable-20 .gt0168-2 {
  left: 950px;
  letter-spacing: 4.48px;
  line-height: 80px;
  position: absolute;
  top: 13632px;
  width: 369px;
}

.waterproof-breathable-20 .composition-100-nylon-14 {
  top: 13784px;
}

.waterproof-breathable-20 .description-this-nyl-2 {
  left: 950px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 14097px;
  width: 865px;
}

.waterproof-breathable-20 .width-58-6 {
  top: 13784px;
}

.waterproof-breathable-20 .construction-70-d-160-d-aty-2 {
  left: 1306px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 13784px;
  width: 372px;
}

.waterproof-breathable-20 .breathable-waterproof-20 {
  height: 83px;
  left: 950px;
  top: 14505px;
}

.waterproof-breathable-20 .waterproof-breathable-21 {
  left: 938px;
  top: 14609px;
  width: 145px;
}

.waterproof-breathable-20 .x10-2 {
  height: 32px;
  left: 1207px;
  object-fit: cover;
  position: absolute;
  top: 14537px;
  width: 120px;
}

.waterproof-breathable-20 .windproof-8 {
  left: 1448px;
  top: 14609px;
  width: 147px;
}

.waterproof-breathable-20 .durable-10 {
  left: 1719px;
  top: 14609px;
  width: 115px;
}

.waterproof-breathable-20 .durable-water-repellent-18 {
  left: 1168px;
  top: 14609px;
  width: 195px;
}

.waterproof-breathable-20 .x117-4-2 {
  height: 72px;
  left: 1461px;
  object-fit: cover;
  position: absolute;
  top: 14498px;
  width: 118px;
}

.waterproof-breathable-20 .x116-5-2 {
  height: 72px;
  left: 1715px;
  object-fit: cover;
  position: absolute;
  top: 14498px;
  width: 119px;
}

.waterproof-breathable-20 .gt0540-2 {
  left: 950px;
  letter-spacing: 4.48px;
  line-height: 80px;
  position: absolute;
  top: 12216px;
  width: 394px;
}

.waterproof-breathable-20 .composition-100-nylon-15 {
  top: 12368px;
}

.waterproof-breathable-20 .description-this-3-l-10 {
  left: 950px;
  top: 12641px;
  width: 865px;
}

.waterproof-breathable-20 .width-56-12 {
  top: 12368px;
}

.waterproof-breathable-20 .construction-70-d-500-d-aty-2 {
  left: 1306px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 12368px;
  width: 372px;
}

.waterproof-breathable-20 .breathable-waterproof-21 {
  height: 82px;
  left: 950px;
  top: 13089px;
}

.waterproof-breathable-20 .abrasion-resistance-2 {
  left: 1186px;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 13192px;
  width: 158px;
}

.waterproof-breathable-20 .waterproof-breathable-22 {
  left: 936px;
  top: 13192px;
  width: 147px;
}

.waterproof-breathable-20 .durable-11 {
  left: 1462px;
  top: 13192px;
  width: 120px;
}

.waterproof-breathable-20 .multiple-layers-12 {
  left: 1716px;
  top: 13192px;
  width: 119px;
}

.waterproof-breathable-20 .mask-group-28 {
  height: 750px;
  left: 80px;
  position: absolute;
  top: 12199px;
  width: 750px;
}

.waterproof-breathable-20 .x112-2-2 {
  height: 70px;
  left: 1207px;
  object-fit: cover;
  position: absolute;
  top: 13083px;
  width: 120px;
}

.waterproof-breathable-20 .x116-4-2 {
  height: 72px;
  left: 1461px;
  object-fit: cover;
  position: absolute;
  top: 13082px;
  width: 119px;
}

.waterproof-breathable-20 .x119-6-2 {
  height: 64px;
  left: 1715px;
  object-fit: cover;
  position: absolute;
  top: 13089px;
  width: 120px;
}

.waterproof-breathable-20 .breathable-waterproof-22 {
  height: 83px;
  left: 950px;
  top: 11673px;
}

.waterproof-breathable-20 .waterproof-breathable-23 {
  left: 938px;
  top: 11776px;
  width: 145px;
}

.waterproof-breathable-20 .x9-2 {
  top: 11705px;
}

.waterproof-breathable-20 .x4-w-stretch-2 {
  left: 1460px;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 11776px;
  width: 122px;
}

.waterproof-breathable-20 .durable-water-repellent-19 {
  left: 1158px;
  top: 11776px;
  width: 215px;
}

.waterproof-breathable-20 .gt0055-2 {
  left: 950px;
  letter-spacing: 4.48px;
  line-height: 80px;
  position: absolute;
  top: 10801px;
  width: 398px;
}

.waterproof-breathable-20 .composition-100-nylon-16 {
  top: 10952px;
}

.waterproof-breathable-20 .description-this-3-l-11 {
  left: 950px;
  top: 11265px;
  width: 865px;
}

.waterproof-breathable-20 .width-58-7 {
  top: 10952px;
}

.waterproof-breathable-20 .construction-70-d-40-2 {
  left: 1306px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 10952px;
  width: 372px;
}

.waterproof-breathable-20 .mask-group-29 {
  height: 750px;
  left: 80px;
  position: absolute;
  top: 10783px;
  width: 750px;
}

.waterproof-breathable-20 .x108-2-2 {
  height: 48px;
  left: 1461px;
  object-fit: cover;
  position: absolute;
  top: 11690px;
  width: 121px;
}

.waterproof-breathable-20 .breathable-waterproof-23 {
  height: 85px;
  left: 950px;
  top: 10256px;
}

.waterproof-breathable-20 .waterproof-breathable-24 {
  left: 938px;
  top: 10361px;
  width: 145px;
}

.waterproof-breathable-20 .x9-3 {
  top: 10288px;
}

.waterproof-breathable-20 .multiple-layers-13 {
  left: 1459px;
  top: 10361px;
  width: 123px;
}

.waterproof-breathable-20 .durable-12 {
  left: 1718px;
  top: 10361px;
  width: 117px;
}

.waterproof-breathable-20 .durable-water-repellent-20 {
  left: 1159px;
  top: 10361px;
  width: 213px;
}

.waterproof-breathable-20 .gtsn01035-1 {
  left: 950px;
  letter-spacing: 4.48px;
  line-height: 80px;
  position: absolute;
  top: 9384px;
  width: 579px;
}

.waterproof-breathable-20 .composition-100-nylon-17 {
  top: 9536px;
}

.waterproof-breathable-20 .description-this-3-l-12 {
  left: 950px;
  top: 9837px;
  width: 865px;
}

.waterproof-breathable-20 .weight-180-gsm-2 {
  left: 1718px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 9536px;
  width: 97px;
}

.waterproof-breathable-20 .construction-70-d-160-d-22mm-ripstop-2 {
  left: 1306px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 9536px;
  width: 372px;
}

.waterproof-breathable-20 .mask-group-30 {
  height: 750px;
  left: 80px;
  position: absolute;
  top: 9367px;
  width: 750px;
}

.waterproof-breathable-20 .x119-5-2 {
  height: 65px;
  left: 1461px;
  object-fit: cover;
  position: absolute;
  top: 10256px;
  width: 121px;
}

.waterproof-breathable-20 .x116-3-2 {
  height: 73px;
  left: 1715px;
  object-fit: cover;
  position: absolute;
  top: 10249px;
  width: 120px;
}

.waterproof-breathable-20 .breathable-waterproof-24 {
  height: 82px;
  left: 950px;
  top: 8841px;
}

.waterproof-breathable-20 .waterproof-breathable-25 {
  left: 938px;
  top: 8945px;
  width: 145px;
}

.waterproof-breathable-20 .x8-2 {
  height: 34px;
  left: 1207px;
  object-fit: cover;
  position: absolute;
  top: 8871px;
  width: 120px;
}

.waterproof-breathable-20 .multiple-layers-14 {
  left: 1460px;
  top: 8945px;
  width: 121px;
}

.waterproof-breathable-20 .durable-13 {
  left: 1718px;
  top: 8945px;
  width: 117px;
}

.waterproof-breathable-20 .durable-water-repellent-21 {
  left: 1159px;
  top: 8945px;
  width: 213px;
}

.waterproof-breathable-20 .gt0183-3 {
  left: 950px;
  letter-spacing: 4.48px;
  line-height: 80px;
  position: absolute;
  top: 7969px;
  width: 369px;
}

.waterproof-breathable-20 .composition-100-polyester-6 {
  top: 8120px;
}

.waterproof-breathable-20 .description-this-5-l-2 {
  left: 950px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 8393px;
  width: 865px;
}

.waterproof-breathable-20 .width-56-13 {
  top: 8120px;
}

.waterproof-breathable-20 .construction-75-d-150-d-peach-twill-2 {
  left: 1306px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 8120px;
  width: 372px;
}

.waterproof-breathable-20 .mask-group-31 {
  height: 750px;
  left: 80px;
  position: absolute;
  top: 7951px;
  width: 750px;
}

.waterproof-breathable-20 .x119-4-2 {
  height: 64px;
  left: 1461px;
  object-fit: cover;
  position: absolute;
  top: 8841px;
  width: 120px;
}

.waterproof-breathable-20 .x116-2-2 {
  height: 72px;
  left: 1715px;
  object-fit: cover;
  position: absolute;
  top: 8834px;
  width: 120px;
}

.waterproof-breathable-20 .gt0180-2 {
  left: 950px;
  letter-spacing: 4.48px;
  line-height: 80px;
  position: absolute;
  top: 6553px;
  width: 376px;
}

.waterproof-breathable-20 .composition-100-nylon-18 {
  top: 6704px;
}

.waterproof-breathable-20 .description-this-4-l-2 {
  left: 950px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 6977px;
  width: 865px;
}

.waterproof-breathable-20 .width-56-14 {
  top: 6704px;
}

.waterproof-breathable-20 .construction-70-d-160-d-aty-ripstop-2 {
  left: 1306px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 6704px;
  width: 372px;
}

.waterproof-breathable-20 .breathable-waterproof-25 {
  height: 81px;
  left: 950px;
  top: 7426px;
}

.waterproof-breathable-20 .x117-3-2 {
  height: 73px;
  left: 1461px;
  object-fit: cover;
  position: absolute;
  top: 7417px;
  width: 120px;
}

.waterproof-breathable-20 .waterproof-breathable-26 {
  left: 938px;
  top: 7528px;
  width: 145px;
}

.waterproof-breathable-20 .x7-2 {
  height: 33px;
  left: 1207px;
  object-fit: cover;
  position: absolute;
  top: 7457px;
  width: 120px;
}

.waterproof-breathable-20 .windproof-9 {
  left: 1443px;
  top: 7528px;
  width: 157px;
}

.waterproof-breathable-20 .multiple-layers-15 {
  left: 1724px;
  top: 7528px;
  width: 101px;
}

.waterproof-breathable-20 .durable-water-repellent-22 {
  left: 1163px;
  top: 7528px;
  width: 205px;
}

.waterproof-breathable-20 .mask-group-32 {
  height: 750px;
  left: 80px;
  position: absolute;
  top: 6535px;
  width: 750px;
}

.waterproof-breathable-20 .x119-3-2 {
  height: 64px;
  left: 1715px;
  object-fit: cover;
  position: absolute;
  top: 7426px;
  width: 120px;
}

.waterproof-breathable-20 .gt17010467-2 {
  left: 950px;
  letter-spacing: 4.48px;
  line-height: 80px;
  position: absolute;
  top: 5137px;
  width: 600px;
}

.waterproof-breathable-20 .composition-100-nylon-19 {
  top: 5289px;
}

.waterproof-breathable-20 .description-this-3-l-13 {
  left: 950px;
  top: 5601px;
  width: 865px;
}

.waterproof-breathable-20 .width-56-15 {
  top: 5289px;
}

.waterproof-breathable-20 .construction-20-d-20-d-2 {
  left: 1306px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 5289px;
  width: 372px;
}

.waterproof-breathable-20 .breathable-waterproof-26 {
  height: 82px;
  left: 950px;
  top: 6009px;
}

.waterproof-breathable-20 .waterproof-breathable-27 {
  left: 938px;
  top: 6112px;
  width: 145px;
}

.waterproof-breathable-20 .x6-2 {
  height: 33px;
  left: 1207px;
  object-fit: cover;
  position: absolute;
  top: 6041px;
  width: 120px;
}

.waterproof-breathable-20 .lightweight-2 {
  left: 1442px;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 6112px;
  white-space: nowrap;
  width: 158px;
}

.waterproof-breathable-20 .multiple-layers-16 {
  left: 1724px;
  top: 6112px;
  width: 113px;
}

.waterproof-breathable-20 .durable-water-repellent-23 {
  left: 1163px;
  top: 6112px;
  width: 205px;
}

.waterproof-breathable-20 .x119-2-2 {
  height: 65px;
  left: 1715px;
  object-fit: cover;
  position: absolute;
  top: 6009px;
  width: 121px;
}

.waterproof-breathable-20 .x115-1-2 {
  height: 72px;
  left: 1461px;
  object-fit: cover;
  position: absolute;
  top: 6001px;
  width: 121px;
}

.waterproof-breathable-20 .mask-group-33 {
  height: 750px;
  left: 80px;
  position: absolute;
  top: 5119px;
  width: 750px;
}

.waterproof-breathable-20 .breathable-waterproof-27 {
  height: 82px;
  left: 950px;
  top: 4593px;
}

.waterproof-breathable-20 .waterproof-breathable-28 {
  left: 938px;
  top: 4698px;
  width: 145px;
}

.waterproof-breathable-20 .x5-2 {
  height: 34px;
  left: 1207px;
  object-fit: cover;
  position: absolute;
  top: 4624px;
  width: 120px;
}

.waterproof-breathable-20 .durable-14 {
  left: 1464px;
  top: 4698px;
  width: 116px;
}

.waterproof-breathable-20 .multiple-layers-17 {
  left: 1712px;
  top: 4698px;
  width: 125px;
}

.waterproof-breathable-20 .durable-water-repellent-24 {
  left: 1163px;
  top: 4698px;
  width: 205px;
}

.waterproof-breathable-20 .gt2350-2 {
  left: 950px;
  letter-spacing: 4.48px;
  line-height: 80px;
  position: absolute;
  top: 3721px;
  width: 394px;
}

.waterproof-breathable-20 .composition-100-nylon-20 {
  top: 3873px;
}

.waterproof-breathable-20 .description-this-3-l-14 {
  left: 949px;
  top: 4185px;
  width: 886px;
}

.waterproof-breathable-20 .width-56-16 {
  top: 3873px;
}

.waterproof-breathable-20 .construction-250-d-320-d-aty-oxford-2 {
  left: 1306px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 3873px;
  width: 372px;
}

.waterproof-breathable-20 .mask-group-34 {
  height: 750px;
  left: 80px;
  position: absolute;
  top: 3704px;
  width: 750px;
}

.waterproof-breathable-20 .x116-1-2 {
  height: 72px;
  left: 1461px;
  object-fit: cover;
  position: absolute;
  top: 4585px;
  width: 119px;
}

.waterproof-breathable-20 .x119-1-2 {
  height: 65px;
  left: 1715px;
  object-fit: cover;
  position: absolute;
  top: 4593px;
  width: 121px;
}

.waterproof-breathable-20 .gt18021026-2 {
  left: 950px;
  letter-spacing: 4.48px;
  line-height: 80px;
  position: absolute;
  top: 2304px;
  width: 607px;
}

.waterproof-breathable-20 .composition-100-polyester-7 {
  top: 2455px;
}

.waterproof-breathable-20 .description-this-25-2 {
  left: 950px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 2769px;
  width: 887px;
}

.waterproof-breathable-20 .width-56-17 {
  top: 2455px;
}

.waterproof-breathable-20 .construction-50-d-single-jersy-2 {
  left: 1306px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 2455px;
  width: 372px;
}

.waterproof-breathable-20 .breathable-waterproof-28 {
  height: 83px;
  left: 962px;
  top: 3188px;
}

.waterproof-breathable-20 .waterproof-breathable-29 {
  left: 962px;
  top: 3294px;
  width: 121px;
}

.waterproof-breathable-20 .x4-2 {
  height: 34px;
  left: 1219px;
  object-fit: cover;
  position: absolute;
  top: 3220px;
  width: 120px;
}

.waterproof-breathable-20 .windproof-10 {
  left: 1460px;
  top: 3294px;
  width: 147px;
}

.waterproof-breathable-20 .durable-water-repellent-25 {
  left: 1175px;
  top: 3294px;
  width: 205px;
}

.waterproof-breathable-20 .mask-group-35 {
  height: 750px;
  left: 80px;
  position: absolute;
  top: 2288px;
  width: 750px;
}

.waterproof-breathable-20 .x117-2-2 {
  height: 72px;
  left: 1473px;
  object-fit: cover;
  position: absolute;
  top: 3182px;
  width: 119px;
}

.waterproof-breathable-20 .gt00140-2 {
  left: 950px;
  letter-spacing: 4.48px;
  line-height: 80px;
  position: absolute;
  top: 888px;
  width: 440px;
}

.waterproof-breathable-20 .composition-100-polyester-8 {
  top: 1039px;
}

.waterproof-breathable-20 .description-the-ligh-2 {
  left: 950px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 1393px;
  width: 865px;
}

.waterproof-breathable-20 .width-58-8 {
  top: 1039px;
}

.waterproof-breathable-20 .construction-20-d24f-2 {
  left: 1306px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 1039px;
  width: 275px;
}

.waterproof-breathable-20 .breathable-waterproof-29 {
  height: 81px;
  left: 962px;
  top: 1730px;
}

.waterproof-breathable-20 .x3-2 {
  height: 34px;
  left: 1473px;
  object-fit: cover;
  position: absolute;
  top: 1760px;
  width: 120px;
}

.waterproof-breathable-20 .waterproof-breathable-30 {
  left: 950px;
  top: 1834px;
  width: 145px;
}

.waterproof-breathable-20 .windproof-11 {
  left: 1205px;
  top: 1834px;
  width: 148px;
}

.waterproof-breathable-20 .durable-water-repellent-26 {
  left: 1442px;
  top: 1834px;
  width: 182px;
}

.waterproof-breathable-20 .mask-group-36 {
  height: 750px;
  left: 80px;
  position: absolute;
  top: 871px;
  width: 750px;
}

.waterproof-breathable-20 .x117-1-2 {
  height: 71px;
  left: 1219px;
  object-fit: cover;
  position: absolute;
  top: 1722px;
  width: 118px;
}

.waterproof-breathable-20 .waterproofness-breathability-4 {
  height: 299px;
  left: 215px;
  letter-spacing: 6.72px;
  line-height: 150px;
  position: absolute;
  text-align: center;
  top: 279px;
  width: 953px;
}

.waterproof-breathable-20 .rectangle-212-2 {
  background-color: var(--big-dip-o-ruby);
  height: 1920px;
  left: 959px;
  position: absolute;
  top: -265px;
  transform: rotate(-90.00deg);
  width: 2px;
}

.waterproof-breathable-20 .rectangle-11-2 {
  background-color: var(--white);
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-color: var(--big-dip-o-ruby);
  height: 165px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.waterproof-breathable-20 .x25-1-2 {
  height: 78px;
  left: 42px;
  object-fit: cover;
  position: absolute;
  top: 43px;
  width: 580px;
}

.waterproof-breathable-20 .about-us-2 {
  left: 918px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 71px;
  width: 167px;
}

.waterproof-breathable-20 .news-stories-2 {
  cursor: pointer;
  left: 1152px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 71px;
  width: 280px;
}

.waterproof-breathable-20 .products-2 {
  cursor: pointer;
  left: 1486px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 71px;
  width: 169px;
}

.waterproof-breathable-20 .overlap-group7-1 {
  align-items: flex-end;
  background-color: var(--big-dip-o-ruby);
  display: flex;
  height: 70px;
  left: 1712px;
  min-width: 180px;
  position: absolute;
  top: 63px;
}

.waterproof-breathable-20 .place-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 0;
  min-height: 54px;
  text-align: center;
  width: 180px;
}

.waterproof-breathable-20 .coating-lamination-2 {
  height: 157px;
  left: 1494px;
  letter-spacing: 0;
  line-height: 64px;
  position: absolute;
  text-align: center;
  top: 351px;
  width: 321px;
}

.waterproof-breathable-20 .rectangle-211-2 {
  background-color: var(--big-dip-o-ruby);
  height: 531px;
  left: 1379px;
  position: absolute;
  top: 165px;
  transform: rotate(180deg);
  width: 2px;
}

.waterproof-breathable-20 .component-container-2 {
  align-items: flex-start;
  display: flex;
  min-width: 1920px;
}

.waterproof-breathable-20 .component-15-2 {
  align-items: flex-start;
  background-image: url(../img/mask-group-411@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 477px;
  min-width: 480px;
  padding: 191px 110px;
}

.waterproof-breathable-20 .waterproofness-breathability-5 {
  height: 90px;
  letter-spacing: 1.92px;
  line-height: 40px;
  text-align: center;
  width: 260px;
}

.waterproof-breathable-20 .component-2 {
  min-width: 479px;
}

.waterproof-breathable-20 .overlap-group-7 {
  height: 477px;
  position: relative;
  width: 479px;
}

.waterproof-breathable-20 .mask-group-37 {
  cursor: pointer;
  height: 477px;
  left: 0;
  position: absolute;
  top: 0;
  width: 479px;
}

.waterproof-breathable-20 .eco-responsibility-2 {
  cursor: pointer;
  height: 90px;
  left: 116px;
  letter-spacing: 1.92px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 191px;
  width: 247px;
}

.waterproof-breathable-20 .component-3 {
  min-width: 481px;
}

.waterproof-breathable-20 .overlap-group1-1 {
  height: 477px;
  position: relative;
  width: 481px;
}

.waterproof-breathable-20 .mask-group-38 {
  cursor: pointer;
  height: 477px;
  left: 0;
  position: absolute;
  top: 0;
  width: 481px;
}

.waterproof-breathable-20 .water-repellent-2 {
  cursor: pointer;
  height: 74px;
  left: 119px;
  letter-spacing: 1.92px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 199px;
  width: 243px;
}

.waterproof-breathable-20 .component-4 {
  min-width: 480px;
}

.waterproof-breathable-20 .overlap-group2-1 {
  height: 477px;
  position: relative;
  width: 480px;
}

.waterproof-breathable-20 .mask-group-39 {
  cursor: pointer;
  height: 477px;
  left: 0;
  position: absolute;
  top: 0;
  width: 480px;
}

.waterproof-breathable-20 .dry-plus-2 {
  cursor: pointer;
  height: 22px;
  left: 151px;
  letter-spacing: 1.92px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 225px;
  white-space: nowrap;
  width: 178px;
}

.waterproof-breathable-20 .overlap-group-6 {
  height: 480px;
  position: relative;
  width: 480px;
}

.waterproof-breathable-20 .mask-group-26 {
  cursor: pointer;
  height: 480px;
  left: 0;
  position: absolute;
  top: 0;
  width: 480px;
}

.waterproof-breathable-20 .high-tenacity-2 {
  cursor: pointer;
  height: 71px;
  left: 128px;
  letter-spacing: 1.92px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 204px;
  width: 224px;
}

.waterproof-breathable-20 .overlap-group4 {
  height: 480px;
  position: relative;
  width: 479px;
}

.waterproof-breathable-20 .mask-group-40 {
  cursor: pointer;
  height: 480px;
  left: 0;
  position: absolute;
  top: 0;
  width: 479px;
}

.waterproof-breathable-20 .high-abrasion-resistance-2 {
  cursor: pointer;
  height: 73px;
  left: 124px;
  letter-spacing: 1.92px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 203px;
  width: 231px;
}

.waterproof-breathable-20 .overlap-group5 {
  height: 480px;
  position: relative;
  width: 481px;
}

.waterproof-breathable-20 .mask-group-41 {
  cursor: pointer;
  height: 480px;
  left: 0;
  position: absolute;
  top: 0;
  width: 481px;
}

.waterproof-breathable-20 .stretch-2 {
  cursor: pointer;
  height: 25px;
  left: 161px;
  letter-spacing: 1.92px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 227px;
  white-space: nowrap;
  width: 159px;
}

.waterproof-breathable-20 .printing-emboosed-2 {
  cursor: pointer;
  height: 62px;
  left: 151px;
  letter-spacing: 1.92px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 209px;
  width: 178px;
}

.waterproof-breathable-20 .flex-row-1 {
  align-items: flex-end;
  border-color: var(--big-dip-o-ruby);
  border-top-style: solid;
  border-top-width: 4px;
  display: flex;
  height: 825px;
  min-width: 1920px;
  padding: 70.0px 51px;
}

.waterproof-breathable-20 .flex-col-1 {
  gap: 238px;
  min-height: 619px;
  width: 362px;
}

.waterproof-breathable-20 .group-34 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-height: 342px;
  width: 271px;
}

.waterproof-breathable-20 .logo1-1-1 {
  height: 268px;
  margin-right: 0;
  width: 266px;
}

.waterproof-breathable-20 .x1-1 {
  height: 33px;
  margin-right: 3.0px;
  width: 268px;
}

.waterproof-breathable-20 .copyright {
  letter-spacing: 0;
  line-height: normal;
  min-height: 39px;
  width: 362px;
}

.waterproof-breathable-20 .flex-col-2 {
  align-self: center;
  gap: 70px;
  margin-bottom: 78.0px;
  margin-top: 150px;
  margin-left: 255px;
  min-height: 469px;
  width: 410px;
}

.waterproof-breathable-20 .price-1 {
  letter-spacing: 4.40px;
  min-height: 36px;
  white-space: nowrap;
}

.waterproof-breathable-20 .about-us-3 {
  letter-spacing: 4.40px;
  min-height: 39px;
}

.waterproof-breathable-20 .news-stories-3 {
  cursor: pointer;
  letter-spacing: 4.40px;
  min-height: 41px;
  white-space: nowrap;
}

.waterproof-breathable-20 .products-3 {
  cursor: pointer;
  letter-spacing: 4.40px;
  min-height: 38px;
  white-space: nowrap;
}

.waterproof-breathable-20 .place-3 {
  cursor: pointer;
  letter-spacing: 4.40px;
  min-height: 35px;
  white-space: nowrap;
}

.waterproof-breathable-20 .flex-col-3 {
  margin-left: 209px;
  min-height: 616px;
  width: 553px;
}

.waterproof-breathable-20 .get-in-touch1 {
  letter-spacing: 4.40px;
  margin-bottom: -64px;
  min-height: 90px;
  white-space: nowrap;
}

.waterproof-breathable-20 .e-mail-joyg-tecc-1 {
  letter-spacing: 0;
  line-height: 50.4px;
  margin-top: 59px;
  min-height: 463px;
  width: 553px;
}

.waterproof-breathable-20 .privicy-policy-1 {
  height: 39px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 19px;
  width: 160px;
}

.waterproof-breathable-20 .about-us {
  cursor: pointer;
  white-space: nowrap;
}

.waterproof-breathable-20 .breathable-waterproof {
  object-fit: cover;
  position: absolute;
  width: 121px;
}

.waterproof-breathable-20 .component {
  align-items: flex-start;
  display: flex;
}

.waterproof-breathable-20 .composition-100-nylon {
  left: 950px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  width: 235px;
}

.waterproof-breathable-20 .composition-100-polyester {
  left: 950px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  width: 235px;
}

.waterproof-breathable-20 .description-this-3-l {
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
}

.waterproof-breathable-20 .durable {
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.waterproof-breathable-20 .durable-water-repellent {
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
}

.waterproof-breathable-20 .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 619px;
  width: 362px;
}

.waterproof-breathable-20 .multiple-layers {
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
}

.waterproof-breathable-20 .waterproof-breathable {
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
}

.waterproof-breathable-20 .width-56 {
  left: 1718px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  width: 97px;
}

.waterproof-breathable-20 .width-58 {
  left: 1718px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  width: 97px;
}

.waterproof-breathable-20 .windproof {
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.waterproof-breathable-20 .x9 {
  height: 33px;
  left: 1207px;
  object-fit: cover;
  position: absolute;
  width: 120px;
}
/* screen - waterproof-breathable-mobile-all-breakpoints */

.waterproof-breathable-mobile-all-breakpoints {
  background-color: var(--white);
  height: 11749px;
  overflow: hidden;
  position: relative;
  width: 390px;
}

.waterproof-breathable-mobile-all-breakpoints .overlap-group-3 {
  height: 527px;
  left: 0;
  position: absolute;
  top: 0;
  width: 391px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-11-1 {
  background-color: var(--white);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--big-dip-o-ruby);
  height: 50px;
  left: 0;
  position: absolute;
  top: 0;
  width: 390px;
}

.waterproof-breathable-mobile-all-breakpoints .x25-1-1 {
  cursor: pointer;
  height: 25px;
  left: 15px;
  position: absolute;
  top: 12px;
  width: 183px;
}

.waterproof-breathable-mobile-all-breakpoints .group-211 {
  align-items: center;
  gap: 6px;
  left: 355px;
  min-height: 15px;
  position: absolute;
  top: 18px;
  width: 20px;
}

.waterproof-breathable-mobile-all-breakpoints .contact-bottom-1 {
  margin-right: 8.0px;
  width: 12px;
}

.waterproof-breathable-mobile-all-breakpoints .contact-bottom-2 {
  width: 20px;
}

.waterproof-breathable-mobile-all-breakpoints .contact-bottom-3 {
  margin-left: 8.0px;
  width: 12px;
}

.waterproof-breathable-mobile-all-breakpoints .waterproofness-breathability-2 {
  height: 61px;
  left: 41px;
  letter-spacing: 1.40px;
  line-height: 31px;
  position: absolute;
  text-align: center;
  top: 72px;
  width: 198px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-212-1 {
  background-color: var(--big-dip-o-ruby);
  height: 390px;
  left: 195px;
  position: absolute;
  top: -37px;
  transform: rotate(-90.00deg);
  width: 1px;
}

.waterproof-breathable-mobile-all-breakpoints .mask-group-15 {
  height: 332px;
  left: 29px;
  position: absolute;
  top: 195px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .coating-lamination-1 {
  height: 28px;
  left: 308px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 89px;
  width: 55px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-211-1 {
  background-color: var(--big-dip-o-ruby);
  height: 108px;
  left: 280px;
  position: absolute;
  top: 50px;
  transform: rotate(180deg);
  width: 1px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-251 {
  height: 36px;
  left: 105px;
  top: 159px;
  transform: rotate(180deg);
  width: 1px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-252 {
  height: 36px;
  left: 105px;
  top: 1058px;
  transform: rotate(180deg);
  width: 1px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-253 {
  height: 36px;
  left: 105px;
  top: 2027px;
  transform: rotate(180deg);
  width: 1px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-255 {
  height: 36px;
  left: 105px;
  top: 2989px;
  transform: rotate(180deg);
  width: 1px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-257 {
  height: 36px;
  left: 105px;
  top: 3954px;
  transform: rotate(180deg);
  width: 1px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-259 {
  height: 36px;
  left: 105px;
  top: 4919px;
  transform: rotate(180deg);
  width: 1px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-261 {
  height: 36px;
  left: 105px;
  top: 5907px;
  transform: rotate(180deg);
  width: 1px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-263 {
  height: 36px;
  left: 105px;
  top: 6826px;
  transform: rotate(180deg);
  width: 1px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-265 {
  height: 36px;
  left: 105px;
  top: 7788px;
  transform: rotate(180deg);
  width: 1px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-267 {
  height: 36px;
  left: 105px;
  top: 8776px;
  transform: rotate(180deg);
  width: 1px;
}

.waterproof-breathable-mobile-all-breakpoints .gt00140-1 {
  height: 34px;
  left: 29px;
  letter-spacing: 1.40px;
  line-height: 80px;
  position: absolute;
  top: 556px;
  white-space: nowrap;
  width: 110px;
}

.waterproof-breathable-mobile-all-breakpoints .composition-100-polyester-3 {
  top: 604px;
  width: 93px;
}

.waterproof-breathable-mobile-all-breakpoints .description-the-ligh-1 {
  left: 29px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 704px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .width-58-3 {
  top: 604px;
  width: 41px;
}

.waterproof-breathable-mobile-all-breakpoints .construction-20-d24f-1 {
  left: 164px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 604px;
  width: 141px;
}

.waterproof-breathable-mobile-all-breakpoints .breathable-waterproof-10 {
  height: 30px;
  left: 42px;
  position: absolute;
  top: 934px;
  width: 45px;
}

.waterproof-breathable-mobile-all-breakpoints .x3-1 {
  height: 12px;
  left: 267px;
  position: absolute;
  top: 946px;
  width: 46px;
}

.waterproof-breathable-mobile-all-breakpoints .waterproof-breathable-10 {
  left: 32px;
  line-height: 15px;
  top: 972px;
  width: 66px;
}

.waterproof-breathable-mobile-all-breakpoints .windproof-4 {
  left: 146px;
  line-height: 15px;
  top: 972px;
  width: 61px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-water-repellent-9 {
  left: 243px;
  line-height: 15px;
  top: 972px;
  width: 92px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-250 {
  height: 1px;
  left: 0;
  top: 1057px;
  width: 390px;
}

.waterproof-breathable-mobile-all-breakpoints .x117-1-1 {
  height: 27px;
  left: 155px;
  position: absolute;
  top: 931px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-254 {
  height: 1px;
  left: 0;
  top: 2026px;
  width: 390px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-256 {
  height: 1px;
  left: 0;
  top: 2988px;
  width: 390px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-258 {
  height: 1px;
  left: 0;
  top: 3953px;
  width: 390px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-260 {
  height: 1px;
  left: 0;
  top: 4918px;
  width: 390px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-262 {
  height: 1px;
  left: 0;
  top: 5906px;
  width: 390px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-264 {
  height: 1px;
  left: 0;
  top: 6825px;
  width: 390px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-266 {
  height: 1px;
  left: 0;
  top: 7787px;
  width: 390px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-268 {
  height: 1px;
  left: 0;
  top: 8775px;
  width: 390px;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle-269 {
  height: 1px;
  left: 0;
  top: 9715px;
  width: 390px;
}

.waterproof-breathable-mobile-all-breakpoints .mask-group-16 {
  height: 332px;
  left: 29px;
  position: absolute;
  top: 1094px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .gt18021026-1 {
  height: 34px;
  left: 29px;
  letter-spacing: 1.40px;
  line-height: 80px;
  position: absolute;
  top: 1455px;
  white-space: nowrap;
  width: 149px;
}

.waterproof-breathable-mobile-all-breakpoints .composition-100-polyester-4 {
  top: 1503px;
  width: 94px;
}

.waterproof-breathable-mobile-all-breakpoints .width-56-6 {
  top: 1503px;
}

.waterproof-breathable-mobile-all-breakpoints .construction-50-d-single-jersy-1 {
  left: 165px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 1503px;
  width: 143px;
}

.waterproof-breathable-mobile-all-breakpoints .description-this-25-1 {
  left: 29px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 1603px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .gt2350-1 {
  height: 34px;
  left: 29px;
  letter-spacing: 1.40px;
  line-height: 80px;
  position: absolute;
  top: 2424px;
  white-space: nowrap;
  width: 149px;
}

.waterproof-breathable-mobile-all-breakpoints .gt17010467-1 {
  height: 34px;
  left: 29px;
  letter-spacing: 1.40px;
  line-height: 80px;
  position: absolute;
  top: 3386px;
  white-space: nowrap;
  width: 149px;
}

.waterproof-breathable-mobile-all-breakpoints .gt0180-1 {
  height: 34px;
  left: 29px;
  letter-spacing: 1.40px;
  line-height: 80px;
  position: absolute;
  top: 4351px;
  white-space: nowrap;
  width: 149px;
}

.waterproof-breathable-mobile-all-breakpoints .gt0183-1 {
  top: 5316px;
}

.waterproof-breathable-mobile-all-breakpoints .gt0055-1 {
  height: 34px;
  left: 29px;
  letter-spacing: 1.40px;
  line-height: 80px;
  position: absolute;
  top: 7223px;
  white-space: nowrap;
  width: 149px;
}

.waterproof-breathable-mobile-all-breakpoints .gt0540-1 {
  height: 34px;
  left: 29px;
  letter-spacing: 1.40px;
  line-height: 80px;
  position: absolute;
  top: 8185px;
  white-space: nowrap;
  width: 149px;
}

.waterproof-breathable-mobile-all-breakpoints .gt0168-1 {
  height: 34px;
  left: 29px;
  letter-spacing: 1.40px;
  line-height: 80px;
  position: absolute;
  top: 9173px;
  white-space: nowrap;
  width: 149px;
}

.waterproof-breathable-mobile-all-breakpoints .gt0183-2 {
  top: 6304px;
}

.waterproof-breathable-mobile-all-breakpoints .composition-100-nylon-7 {
  top: 3434px;
}

.waterproof-breathable-mobile-all-breakpoints .composition-100-nylon-8 {
  top: 2472px;
}

.waterproof-breathable-mobile-all-breakpoints .width-56-7 {
  top: 3434px;
}

.waterproof-breathable-mobile-all-breakpoints .composition-100-polyester-5 {
  top: 5364px;
  width: 94px;
}

.waterproof-breathable-mobile-all-breakpoints .composition-100-nylon-9 {
  top: 4399px;
}

.waterproof-breathable-mobile-all-breakpoints .composition-100-nylon-10 {
  top: 7271px;
}

.waterproof-breathable-mobile-all-breakpoints .composition-100-nylon-11 {
  top: 8233px;
}

.waterproof-breathable-mobile-all-breakpoints .composition-100-nylon-12 {
  top: 9221px;
}

.waterproof-breathable-mobile-all-breakpoints .composition-100-nylon-13 {
  top: 6352px;
}

.waterproof-breathable-mobile-all-breakpoints .construction-20-d-20-d-1 {
  left: 165px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 3434px;
  width: 143px;
}

.waterproof-breathable-mobile-all-breakpoints .width-56-8 {
  top: 2472px;
}

.waterproof-breathable-mobile-all-breakpoints .width-56-9 {
  top: 5364px;
}

.waterproof-breathable-mobile-all-breakpoints .description-this-3-l-5 {
  top: 3534px;
}

.waterproof-breathable-mobile-all-breakpoints .width-56-10 {
  top: 4399px;
}

.waterproof-breathable-mobile-all-breakpoints .width-58-4 {
  top: 7271px;
  width: 38px;
}

.waterproof-breathable-mobile-all-breakpoints .width-56-11 {
  top: 8233px;
}

.waterproof-breathable-mobile-all-breakpoints .width-58-5 {
  top: 9221px;
  width: 38px;
}

.waterproof-breathable-mobile-all-breakpoints .construction-75-d-150-d-peach-twill-1 {
  left: 165px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 5364px;
  width: 143px;
}

.waterproof-breathable-mobile-all-breakpoints .weight-180-gsm-1 {
  left: 308px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 6352px;
  width: 53px;
}

.waterproof-breathable-mobile-all-breakpoints .construction-250-d-320-d-aty-oxford-1 {
  left: 165px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 2472px;
  width: 143px;
}

.waterproof-breathable-mobile-all-breakpoints .construction-70-d-160-d-aty-ripstop-1 {
  left: 165px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 4399px;
  width: 143px;
}

.waterproof-breathable-mobile-all-breakpoints .description-this-5-l-1 {
  left: 29px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 5464px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .construction-70-d-40-1 {
  left: 165px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 7271px;
  width: 143px;
}

.waterproof-breathable-mobile-all-breakpoints .construction-70-d-500-d-aty-1 {
  left: 165px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 8233px;
  width: 143px;
}

.waterproof-breathable-mobile-all-breakpoints .construction-70-d-160-d-aty-1 {
  left: 165px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 9221px;
  width: 143px;
}

.waterproof-breathable-mobile-all-breakpoints .construction-70-d-160-d-22mm-ripstop-1 {
  left: 165px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 6352px;
  width: 130px;
}

.waterproof-breathable-mobile-all-breakpoints .description-this-3-l-6 {
  top: 2572px;
}

.waterproof-breathable-mobile-all-breakpoints .description-this-4-l-1 {
  left: 29px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 4499px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .description-this-3-l-7 {
  top: 7371px;
}

.waterproof-breathable-mobile-all-breakpoints .description-this-3-l-8 {
  top: 8333px;
}

.waterproof-breathable-mobile-all-breakpoints .description-this-nyl-1 {
  left: 29px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 9321px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .description-this-3-l-9 {
  top: 6452px;
}

.waterproof-breathable-mobile-all-breakpoints .breathable-waterproof-11 {
  height: 33px;
  left: 41px;
  position: absolute;
  top: 1902px;
  width: 49px;
}

.waterproof-breathable-mobile-all-breakpoints .waterproof-breathable-11 {
  left: 29px;
  line-height: 17px;
  top: 1944px;
  width: 73px;
}

.waterproof-breathable-mobile-all-breakpoints .x4-1 {
  height: 13px;
  left: 161px;
  position: absolute;
  top: 1915px;
  width: 49px;
}

.waterproof-breathable-mobile-all-breakpoints .windproof-5 {
  left: 273px;
  line-height: 17px;
  top: 1944px;
  white-space: nowrap;
  width: 65px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-water-repellent-10 {
  left: 134px;
  line-height: 17px;
  top: 1944px;
  width: 103px;
}

.waterproof-breathable-mobile-all-breakpoints .x117-2-1 {
  height: 29px;
  left: 281px;
  position: absolute;
  top: 1899px;
  width: 48px;
}

.waterproof-breathable-mobile-all-breakpoints .mask-group-17 {
  height: 332px;
  left: 29px;
  position: absolute;
  top: 2063px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .breathable-waterproof-12 {
  height: 30px;
  left: 39px;
  object-fit: cover;
  position: absolute;
  top: 2870px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .waterproof-breathable-12 {
  left: 29px;
  line-height: 17px;
  top: 2908px;
  width: 66px;
}

.waterproof-breathable-mobile-all-breakpoints .x5-1 {
  height: 12px;
  left: 133px;
  object-fit: cover;
  position: absolute;
  top: 2882px;
  width: 43px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-5 {
  left: 226px;
  top: 2908px;
  width: 42px;
}

.waterproof-breathable-mobile-all-breakpoints .multiple-layers-6 {
  left: 315px;
  top: 2908px;
  width: 46px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-water-repellent-11 {
  left: 111px;
  line-height: 17px;
  top: 2908px;
  width: 86px;
}

.waterproof-breathable-mobile-all-breakpoints .x116-1-1 {
  height: 26px;
  left: 225px;
  object-fit: cover;
  position: absolute;
  top: 2868px;
  width: 43px;
}

.waterproof-breathable-mobile-all-breakpoints .x119-1-1 {
  height: 24px;
  left: 317px;
  object-fit: cover;
  position: absolute;
  top: 2870px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .mask-group-18 {
  height: 332px;
  left: 29px;
  position: absolute;
  top: 3025px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .breathable-waterproof-13 {
  height: 31px;
  left: 35px;
  position: absolute;
  top: 3836px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .waterproof-breathable-13 {
  left: 26px;
  line-height: 17px;
  top: 3873px;
  width: 62px;
}

.waterproof-breathable-mobile-all-breakpoints .x6-1 {
  height: 12px;
  left: 129px;
  position: absolute;
  top: 3848px;
  width: 45px;
}

.waterproof-breathable-mobile-all-breakpoints .lightweight-1 {
  left: 212px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 3873px;
  white-space: nowrap;
  width: 66px;
}

.waterproof-breathable-mobile-all-breakpoints .multiple-layers-7 {
  left: 315px;
  top: 3873px;
  width: 51px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-water-repellent-12 {
  left: 107px;
  line-height: 17px;
  top: 3873px;
  width: 88px;
}

.waterproof-breathable-mobile-all-breakpoints .x119-2-1 {
  height: 24px;
  left: 316px;
  position: absolute;
  top: 3836px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .x115-1-1 {
  height: 27px;
  left: 223px;
  position: absolute;
  top: 3833px;
  width: 45px;
}

.waterproof-breathable-mobile-all-breakpoints .mask-group-19 {
  height: 332px;
  left: 29px;
  position: absolute;
  top: 3990px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .breathable-waterproof-14 {
  height: 31px;
  left: 38px;
  position: absolute;
  top: 4801px;
  width: 45px;
}

.waterproof-breathable-mobile-all-breakpoints .x117-3-1 {
  height: 27px;
  left: 227px;
  position: absolute;
  top: 4798px;
  width: 45px;
}

.waterproof-breathable-mobile-all-breakpoints .waterproof-breathable-14 {
  left: 29px;
  line-height: 17px;
  top: 4838px;
  width: 62px;
}

.waterproof-breathable-mobile-all-breakpoints .x7-1 {
  height: 12px;
  left: 133px;
  position: absolute;
  top: 4814px;
  width: 45px;
}

.waterproof-breathable-mobile-all-breakpoints .windproof-6 {
  left: 220px;
  line-height: 17px;
  top: 4838px;
  white-space: nowrap;
  width: 60px;
}

.waterproof-breathable-mobile-all-breakpoints .multiple-layers-8 {
  left: 321px;
  top: 4838px;
  width: 45px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-water-repellent-13 {
  left: 111px;
  line-height: 17px;
  top: 4838px;
  width: 86px;
}

.waterproof-breathable-mobile-all-breakpoints .x119-3-1 {
  height: 24px;
  left: 322px;
  position: absolute;
  top: 4801px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .mask-group-20 {
  height: 332px;
  left: 29px;
  position: absolute;
  top: 4955px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .breathable-waterproof-15 {
  height: 30px;
  left: 35px;
  position: absolute;
  top: 5789px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .waterproof-breathable-15 {
  left: 25px;
  line-height: 17px;
  top: 5826px;
  width: 65px;
}

.waterproof-breathable-mobile-all-breakpoints .x8-1 {
  height: 11px;
  left: 130px;
  position: absolute;
  top: 5800px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .multiple-layers-9 {
  left: 216px;
  top: 5826px;
  width: 58px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-6 {
  left: 318px;
  top: 5826px;
  width: 43px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-water-repellent-14 {
  left: 109px;
  line-height: 17px;
  top: 5826px;
  width: 85px;
}

.waterproof-breathable-mobile-all-breakpoints .x119-4-1 {
  height: 23px;
  left: 224px;
  position: absolute;
  top: 5789px;
  width: 43px;
}

.waterproof-breathable-mobile-all-breakpoints .x116-2-1 {
  height: 27px;
  left: 316px;
  position: absolute;
  top: 5786px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .mask-group-21 {
  height: 332px;
  left: 29px;
  position: absolute;
  top: 5943px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .breathable-waterproof-16 {
  height: 30px;
  left: 37px;
  position: absolute;
  top: 6708px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .waterproof-breathable-16 {
  left: 29px;
  line-height: 17px;
  top: 6745px;
  width: 59px;
}

.waterproof-breathable-mobile-all-breakpoints .x9-1 {
  height: 12px;
  left: 130px;
  position: absolute;
  top: 6720px;
  width: 45px;
}

.waterproof-breathable-mobile-all-breakpoints .multiple-layers-10 {
  left: 222px;
  top: 6745px;
  width: 46px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-7 {
  left: 317px;
  top: 6745px;
  width: 43px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-water-repellent-15 {
  left: 107px;
  line-height: 17px;
  top: 6745px;
  width: 91px;
}

.waterproof-breathable-mobile-all-breakpoints .x119-5-1 {
  height: 24px;
  left: 223px;
  position: absolute;
  top: 6708px;
  width: 45px;
}

.waterproof-breathable-mobile-all-breakpoints .x116-3-1 {
  height: 27px;
  left: 315px;
  position: absolute;
  top: 6705px;
  width: 45px;
}

.waterproof-breathable-mobile-all-breakpoints .mask-group-22 {
  height: 332px;
  left: 29px;
  position: absolute;
  top: 6862px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .breathable-waterproof-17 {
  height: 30px;
  left: 39px;
  position: absolute;
  top: 7670px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .waterproof-breathable-17 {
  left: 29px;
  line-height: 17px;
  top: 7707px;
  width: 63px;
}

.waterproof-breathable-mobile-all-breakpoints .x120-1 {
  height: 12px;
  left: 132px;
  position: absolute;
  top: 7682px;
  width: 43px;
}

.waterproof-breathable-mobile-all-breakpoints .x4-w-stretch-1 {
  left: 224px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 7707px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-water-repellent-16 {
  left: 109px;
  line-height: 17px;
  top: 7707px;
  width: 89px;
}

.waterproof-breathable-mobile-all-breakpoints .x108-2-1 {
  height: 17px;
  left: 224px;
  position: absolute;
  top: 7677px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .mask-group-23 {
  height: 332px;
  left: 29px;
  position: absolute;
  top: 7824px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .breathable-waterproof-18 {
  height: 30px;
  left: 37px;
  position: absolute;
  top: 8658px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .abrasion-resistance-1 {
  left: 123px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 8695px;
  width: 58px;
}

.waterproof-breathable-mobile-all-breakpoints .waterproof-breathable-18 {
  left: 29px;
  line-height: 17px;
  top: 8695px;
  width: 59px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-8 {
  left: 224px;
  top: 8695px;
  width: 45px;
}

.waterproof-breathable-mobile-all-breakpoints .multiple-layers-11 {
  left: 316px;
  top: 8695px;
  width: 46px;
}

.waterproof-breathable-mobile-all-breakpoints .x112-2-1 {
  height: 25px;
  left: 131px;
  position: absolute;
  top: 8656px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .x116-4-1 {
  height: 26px;
  left: 224px;
  position: absolute;
  top: 8655px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .x119-6-1 {
  height: 23px;
  left: 317px;
  position: absolute;
  top: 8658px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .mask-group-24 {
  height: 332px;
  left: 29px;
  position: absolute;
  top: 8812px;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .breathable-waterproof-19 {
  height: 30px;
  left: 36px;
  position: absolute;
  top: 9600px;
  width: 45px;
}

.waterproof-breathable-mobile-all-breakpoints .waterproof-breathable-19 {
  left: 28px;
  line-height: 17px;
  top: 9637px;
  width: 60px;
}

.waterproof-breathable-mobile-all-breakpoints .x10-1 {
  height: 13px;
  left: 131px;
  position: absolute;
  top: 9611px;
  width: 45px;
}

.waterproof-breathable-mobile-all-breakpoints .windproof-7 {
  left: 217px;
  line-height: 17px;
  top: 9637px;
  white-space: nowrap;
  width: 60px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-9 {
  left: 319px;
  top: 9637px;
  width: 43px;
}

.waterproof-breathable-mobile-all-breakpoints .durable-water-repellent-17 {
  left: 110px;
  line-height: 17px;
  top: 9637px;
  width: 84px;
}

.waterproof-breathable-mobile-all-breakpoints .x117-4-1 {
  height: 27px;
  left: 224px;
  position: absolute;
  top: 9597px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .x116-5-1 {
  height: 27px;
  left: 318px;
  position: absolute;
  top: 9597px;
  width: 44px;
}

.waterproof-breathable-mobile-all-breakpoints .component-15-1 {
  align-items: flex-start;
  background-image: url(../img/mask-group-100@2x.png);
  background-size: 100% 100%;
  cursor: pointer;
  display: flex;
  height: 194px;
  left: 0;
  min-width: 195px;
  padding: 77.1px 44.7px;
  position: absolute;
  top: 9716px;
}

.waterproof-breathable-mobile-all-breakpoints .waterproofness-breathability-3 {
  letter-spacing: 0;
  line-height: 17px;
  min-height: 37px;
  text-align: center;
  width: 106px;
}

.waterproof-breathable-mobile-all-breakpoints .component-17 {
  background-image: url(../img/mask-group-101@2x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 194px;
  justify-content: flex-end;
  left: 0;
  padding: 80.3px 48.2px;
  top: 9910px;
}

.waterproof-breathable-mobile-all-breakpoints .water-repellent-1 {
  height: 30px;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
  width: 99px;
}

.waterproof-breathable-mobile-all-breakpoints .component-18 {
  height: 194px;
  left: 195px;
  top: 9910px;
}

.waterproof-breathable-mobile-all-breakpoints .overlap-group-5 {
  height: 194px;
  position: relative;
  width: 195px;
}

.waterproof-breathable-mobile-all-breakpoints .mask-group-25 {
  cursor: pointer;
  height: 194px;
  left: 0;
  position: absolute;
  top: 0;
  width: 195px;
}

.waterproof-breathable-mobile-all-breakpoints .dry-plus-1 {
  height: 9px;
  left: 61px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 91px;
  white-space: nowrap;
  width: 72px;
}

.waterproof-breathable-mobile-all-breakpoints .component-19 {
  height: 195px;
  left: 0;
  top: 10104px;
}

.waterproof-breathable-mobile-all-breakpoints .overlap-group-4 {
  height: 195px;
  position: relative;
  width: 195px;
}

.waterproof-breathable-mobile-all-breakpoints .mask-group-14 {
  cursor: pointer;
  height: 195px;
  left: 0;
  position: absolute;
  top: 0;
  width: 195px;
}

.waterproof-breathable-mobile-all-breakpoints .high-tenacity-1 {
  height: 29px;
  left: 52px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 82px;
  width: 91px;
}

.waterproof-breathable-mobile-all-breakpoints .component-20 {
  height: 195px;
  left: 195px;
  top: 10104px;
}

.waterproof-breathable-mobile-all-breakpoints .high-abrasion-resistance-1 {
  height: 30px;
  left: 50px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 82px;
  width: 94px;
}

.waterproof-breathable-mobile-all-breakpoints .component-21 {
  height: 195px;
  left: 0;
  top: 10299px;
}

.waterproof-breathable-mobile-all-breakpoints .stretch-1 {
  left: 65px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 92px;
  white-space: nowrap;
  width: 64px;
}

.waterproof-breathable-mobile-all-breakpoints .component-22 {
  height: 195px;
  left: 195px;
  top: 10299px;
}

.waterproof-breathable-mobile-all-breakpoints .printing-emboosed-1 {
  left: 61px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 84px;
  width: 72px;
}

.waterproof-breathable-mobile-all-breakpoints .overlap-group6 {
  align-items: center;
  border-color: var(--big-dip-o-ruby);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 1255px;
  padding: 45px 41px;
  position: absolute;
  top: 10494px;
  width: 390px;
}

.waterproof-breathable-mobile-all-breakpoints .group-32 {
  align-items: flex-start;
  gap: 23px;
  margin-right: 1.5px;
  margin-top: 20px;
  min-height: 192px;
  width: 150px;
}

.waterproof-breathable-mobile-all-breakpoints .logo1-1 {
  height: 150px;
  width: 149px;
}

.waterproof-breathable-mobile-all-breakpoints .x1 {
  height: 18px;
  width: 150px;
}

.waterproof-breathable-mobile-all-breakpoints .price {
  cursor: pointer;
  letter-spacing: 2.64px;
  line-height: 60px;
  margin-bottom: -21px;
  margin-right: 3.0px;
  margin-top: 76px;
  min-height: 39px;
  text-align: center;
  white-space: nowrap;
  width: 75px;
}

.waterproof-breathable-mobile-all-breakpoints .about-us-1 {
  cursor: pointer;
  letter-spacing: 2.64px;
  line-height: 60px;
  margin-bottom: -21px;
  margin-right: 2.0px;
  margin-top: 35px;
  min-height: 39px;
  text-align: center;
  white-space: nowrap;
  width: 188px;
}

.waterproof-breathable-mobile-all-breakpoints .news-stories-1 {
  align-self: flex-start;
  cursor: pointer;
  letter-spacing: 2.64px;
  line-height: 60px;
  margin-bottom: -21px;
  margin-top: 35px;
  min-height: 39px;
  text-align: center;
  white-space: nowrap;
  width: 306px;
}

.waterproof-breathable-mobile-all-breakpoints .products-1 {
  cursor: pointer;
  letter-spacing: 2.64px;
  line-height: 60px;
  margin-bottom: -21px;
  margin-right: 2.0px;
  margin-top: 35px;
  min-height: 39px;
  text-align: center;
  white-space: nowrap;
  width: 196px;
}

.waterproof-breathable-mobile-all-breakpoints .place-1 {
  cursor: pointer;
  letter-spacing: 2.64px;
  line-height: 60px;
  margin-bottom: -24px;
  margin-right: 2.0px;
  margin-top: 35px;
  min-height: 36px;
  text-align: center;
  white-space: nowrap;
  width: 164px;
}

.waterproof-breathable-mobile-all-breakpoints .get-in-touch2 {
  letter-spacing: 2.64px;
  line-height: 60px;
  margin-bottom: -36px;
  margin-right: 1.0px;
  margin-top: 109px;
  min-height: 24px;
  white-space: nowrap;
  width: 177px;
}

.waterproof-breathable-mobile-all-breakpoints .e-mail-joyg-tecc {
  letter-spacing: 0;
  line-height: 36.0px;
  margin-right: 1.0px;
  margin-top: 43px;
  min-height: 287px;
  text-align: center;
  width: 247px;
}

.waterproof-breathable-mobile-all-breakpoints .privicy-policy-copyr {
  letter-spacing: 0;
  line-height: 28px;
  margin-right: 2.0px;
  margin-top: 26px;
  min-height: 56px;
  text-align: center;
  width: 190px;
}

.waterproof-breathable-mobile-all-breakpoints .component-34 {
  background-image: url(../img/dsc-7421-2-9.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 194px;
  left: 195px;
  padding: 78px 47px;
  top: 9716px;
}

.waterproof-breathable-mobile-all-breakpoints .eco-responsibility-1 {
  letter-spacing: 0;
  line-height: 17px;
  min-height: 37px;
  text-align: center;
  width: 101px;
}

.waterproof-breathable-mobile-all-breakpoints .component {
  align-items: flex-start;
  display: flex;
  min-width: 195px;
  position: absolute;
}

.waterproof-breathable-mobile-all-breakpoints .composition-100-nylon {
  left: 29px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  width: 94px;
}

.waterproof-breathable-mobile-all-breakpoints .composition-100-polyester {
  left: 29px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
}

.waterproof-breathable-mobile-all-breakpoints .contact-bottom {
  background-color: var(--big-dip-o-ruby);
  height: 1px;
}

.waterproof-breathable-mobile-all-breakpoints .description-this-3-l {
  left: 29px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  width: 332px;
}

.waterproof-breathable-mobile-all-breakpoints .durable {
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.waterproof-breathable-mobile-all-breakpoints .durable-water-repellent {
  letter-spacing: 0;
  position: absolute;
  text-align: center;
}

.waterproof-breathable-mobile-all-breakpoints .group {
  display: flex;
  flex-direction: column;
}

.waterproof-breathable-mobile-all-breakpoints .gt0183 {
  height: 34px;
  left: 29px;
  letter-spacing: 1.40px;
  line-height: 80px;
  position: absolute;
  white-space: nowrap;
  width: 149px;
}

.waterproof-breathable-mobile-all-breakpoints .multiple-layers {
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
}

.waterproof-breathable-mobile-all-breakpoints .rectangle {
  background-color: var(--big-dip-o-ruby);
  position: absolute;
}

.waterproof-breathable-mobile-all-breakpoints .waterproof-breathable-1 {
  letter-spacing: 0;
  position: absolute;
  text-align: center;
}

.waterproof-breathable-mobile-all-breakpoints .width-56 {
  left: 323px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  width: 38px;
}

.waterproof-breathable-mobile-all-breakpoints .width-58 {
  left: 323px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
}

.waterproof-breathable-mobile-all-breakpoints .windproof {
  letter-spacing: 0;
  position: absolute;
  text-align: center;
}
/* screen - waterproof-breathable-tablet */

.waterproof-breathable-tablet {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 8811px;
  overflow: hidden;
  width: 834px;
}

.waterproof-breathable-tablet .flex-col {
  flex-direction: column;
  min-height: 8035px;
  width: 834px;
}

.waterproof-breathable-tablet .overlap-group8 {
  height: 8034px;
  position: relative;
  width: 834px;
}

.waterproof-breathable-tablet .overlap-group7 {
  height: 8034px;
  left: 0;
  position: absolute;
  top: 0;
  width: 834px;
}

.waterproof-breathable-tablet .rectangle-11 {
  background-color: var(--white);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--big-dip-o-ruby);
  height: 73px;
  left: 0;
  position: absolute;
  top: 0;
  width: 834px;
}

.waterproof-breathable-tablet .x25-1 {
  height: 34px;
  left: 19px;
  position: absolute;
  top: 19px;
  width: 250px;
}

.waterproof-breathable-tablet .about-us {
  cursor: pointer;
  left: 452px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 33px;
  width: 62px;
}

.waterproof-breathable-tablet .news-stories {
  cursor: pointer;
  left: 535px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 33px;
  width: 106px;
}

.waterproof-breathable-tablet .products {
  cursor: pointer;
  left: 657px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 33px;
  width: 64px;
}

.waterproof-breathable-tablet .overlap-group-2 {
  height: 28px;
  left: 742px;
  position: absolute;
  top: 28px;
  width: 71px;
}

.waterproof-breathable-tablet .contact-bottom {
  background-color: var(--big-dip-o-ruby);
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 70px;
}

.waterproof-breathable-tablet .place {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 7px;
  width: 71px;
}

.waterproof-breathable-tablet .waterproofness-breathability {
  height: 130px;
  left: 93px;
  letter-spacing: 2.80px;
  line-height: 56px;
  position: absolute;
  text-align: center;
  top: 122px;
  width: 414px;
}

.waterproof-breathable-tablet .rectangle-212 {
  background-color: var(--big-dip-o-ruby);
  height: 834px;
  left: 417px;
  position: absolute;
  top: -113px;
  transform: rotate(-90.00deg);
  width: 1px;
}

.waterproof-breathable-tablet .group-234 {
  height: 7730px;
  left: 157px;
  position: absolute;
  top: 304px;
  width: 677px;
}

.waterproof-breathable-tablet .gt00140 {
  height: 60px;
  left: 406px;
  letter-spacing: 2.24px;
  line-height: 80px;
  position: absolute;
  top: 381px;
  white-space: nowrap;
  width: 183px;
}

.waterproof-breathable-tablet .composition-100-polyester {
  left: 405px;
  top: 456px;
  width: 103px;
}

.waterproof-breathable-tablet .description-the-ligh {
  left: 405px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 612px;
  width: 407px;
}

.waterproof-breathable-tablet .width-58 {
  left: 745px;
  top: 456px;
  width: 43px;
}

.waterproof-breathable-tablet .construction-20-d24f {
  left: 563px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 456px;
  width: 121px;
}

.waterproof-breathable-tablet .mask-group-2 {
  height: 332px;
  left: 19px;
  position: absolute;
  top: 382px;
  width: 332px;
}

.waterproof-breathable-tablet .breathable-waterproof {
  height: 36px;
  left: 405px;
  position: absolute;
  top: 827px;
  width: 53px;
}

.waterproof-breathable-tablet .x3 {
  left: 671px;
  object-fit: cover;
  position: absolute;
  top: 841px;
  width: 54px;
}


.waterproof-breathable-tablet .waterproof-breathable {
  left: 389px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 873px;
  width: 85px;
}

.waterproof-breathable-tablet .windproof {
  left: 531px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 873px;
  width: 67px;
}

.waterproof-breathable-tablet .durable-water-repellent {
  left: 645px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 873px;
  width: 106px;
}

.waterproof-breathable-tablet .x117-1 {
  left: 538px;
  top: 824px;
  width: 53px;
}

.waterproof-breathable-tablet .mask-group-3 {
  height: 332px;
  left: 19px;
  position: absolute;
  top: 1153px;
  width: 332px;
}

.waterproof-breathable-tablet .gt18021026 {
  height: 55px;
  left: 405px;
  letter-spacing: 2.24px;
  line-height: 80px;
  position: absolute;
  top: 1152px;
  white-space: nowrap;
  width: 279px;
}

.waterproof-breathable-tablet .composition-100-polyester-1 {
  left: 405px;
  top: 1221px;
  width: 108px;
}

.waterproof-breathable-tablet .description-this-25 {
  left: 405px;
  top: 1365px;
  width: 407px;
}

.waterproof-breathable-tablet .width-56 {
  left: 757px;
  top: 1221px;
  width: 45px;
}

.waterproof-breathable-tablet .construction-50-d-single-jersy {
  left: 568px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 1221px;
  width: 171px;
}

.waterproof-breathable-tablet .breathable-waterproof-1 {
  height: 38px;
  left: 405px;
  top: 1632px;
  width: 56px;
}

.waterproof-breathable-tablet .waterproof-breathable-1 {
  left: 392px;
  top: 1680px;
  width: 82px;
}

.waterproof-breathable-tablet .x4 {
  left: 541px;
  object-fit: cover;
  position: absolute;
  top: 1647px;
  width: 55px;
}

.waterproof-breathable-tablet .windproof-1 {
  left: 670px;
  top: 1680px;
  width: 67px;
}

.waterproof-breathable-tablet .durable-water-repellent-1 {
  left: 510px;
  top: 1680px;
  width: 116px;
}

.waterproof-breathable-tablet .x117-2 {
  left: 676px;
  top: 1629px;
  width: 55px;
}

.waterproof-breathable-tablet .mask-group-4 {
  height: 332px;
  left: 19px;
  position: absolute;
  top: 1924px;
  width: 332px;
}

.waterproof-breathable-tablet .gt2350 {
  height: 54px;
  left: 410px;
  letter-spacing: 2.24px;
  line-height: 80px;
  position: absolute;
  top: 1923px;
  white-space: nowrap;
  width: 179px;
}

.waterproof-breathable-tablet .composition-100-nylon {
  left: 410px;
  top: 1992px;
  width: 107px;
}

.waterproof-breathable-tablet .description-this-3-l {
  left: 410px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 2133px;
  width: 402px;
}

.waterproof-breathable-tablet .width-56-1 {
  left: 758px;
  top: 1992px;
  width: 44px;
}

.waterproof-breathable-tablet .construction-250-d-320-d-aty-oxford {
  left: 572px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 1992px;
  width: 168px;
}

.waterproof-breathable-tablet .breathable-waterproof-2 {
  height: 37px;
  left: 410px;
  top: 2400px;
  width: 55px;
}

.waterproof-breathable-tablet .waterproof-breathable-2 {
  left: 397px;
  top: 2447px;
  width: 82px;
}

.waterproof-breathable-tablet .x5 {
  left: 527px;
  object-fit: cover;
  position: absolute;
  top: 2414px;
  width: 54px;
}

.waterproof-breathable-tablet .durable {
  left: 643px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 2447px;
  width: 53px;
}

.waterproof-breathable-tablet .multiple-layers {
  left: 755px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 2447px;
  width: 57px;
}

.waterproof-breathable-tablet .durable-water-repellent-2 {
  left: 502px;
  top: 2447px;
  width: 103px;
}

.waterproof-breathable-tablet .x116-1 {
  left: 642px;
  top: 2397px;
  width: 54px;
}

.waterproof-breathable-tablet .x119-1 {
  left: 757px;
  top: 2400px;
  width: 54px;
}

.waterproof-breathable-tablet .mask-group-5 {
  height: 332px;
  left: 19px;
  position: absolute;
  top: 2695px;
  width: 332px;
}

.waterproof-breathable-tablet .gt17010467 {
  height: 52px;
  left: 415px;
  letter-spacing: 2.24px;
  line-height: 80px;
  position: absolute;
  top: 2694px;
  white-space: nowrap;
  width: 262px;
}

.waterproof-breathable-tablet .composition-100-nylon-1 {
  left: 415px;
  top: 2760px;
  width: 103px;
}

.waterproof-breathable-tablet .description-this-3-l-1 {
  left: 415px;
  top: 2896px;
  width: 377px;
}

.waterproof-breathable-tablet .width-56-2 {
  left: 750px;
  top: 2760px;
  width: 42px;
}

.waterproof-breathable-tablet .construction-20-d-20-d {
  left: 570px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 2760px;
  width: 163px;
}

.waterproof-breathable-tablet .breathable-waterproof-3 {
  height: 36px;
  left: 415px;
  top: 3164px;
  width: 53px;
}

.waterproof-breathable-tablet .waterproof-breathable-3 {
  left: 407px;
  top: 3208px;
  width: 69px;
}

.waterproof-breathable-tablet .x6 {
  left: 527px;
  object-fit: cover;
  position: absolute;
  top: 3178px;
  width: 53px;
}

.waterproof-breathable-tablet .lightweight {
  left: 630px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 3208px;
  white-space: nowrap;
  width: 69px;
}

.waterproof-breathable-tablet .multiple-layers-1 {
  left: 753px;
  top: 3208px;
  width: 49px;
}

.waterproof-breathable-tablet .durable-water-repellent-3 {
  left: 504px;
  top: 3208px;
  width: 97px;
}

.waterproof-breathable-tablet .x119-2 {
  left: 749px;
  top: 3164px;
  width: 52px;
}

.waterproof-breathable-tablet .x115-1 {
  left: 638px;
  object-fit: cover;
  position: absolute;
  top: 3160px;
  width: 53px;
}

.waterproof-breathable-tablet .mask-group-6 {
  height: 332px;
  left: 19px;
  position: absolute;
  top: 3466px;
  width: 332px;
}

.waterproof-breathable-tablet .gt0180 {
  height: 52px;
  left: 422px;
  letter-spacing: 2.24px;
  line-height: 80px;
  position: absolute;
  top: 3468px;
  white-space: nowrap;
  width: 162px;
}

.waterproof-breathable-tablet .composition-100-nylon-2 {
  left: 422px;
  top: 3532px;
  width: 101px;
}

.waterproof-breathable-tablet .description-this-4-l {
  left: 422px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 3650px;
  width: 371px;
}

.waterproof-breathable-tablet .width-56-3 {
  left: 751px;
  top: 3532px;
  width: 42px;
}

.waterproof-breathable-tablet .construction-70-d-160-d-aty-ripstop {
  left: 575px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 3532px;
  width: 160px;
}

.waterproof-breathable-tablet .breathable-waterproof-4 {
  height: 35px;
  left: 422px;
  top: 3941px;
  width: 53px;
}

.waterproof-breathable-tablet .x117-3 {
  left: 641px;
  top: 3937px;
  width: 52px;
}

.waterproof-breathable-tablet .waterproof-breathable-4 {
  left: 412px;
  top: 3984px;
  width: 72px;
}

.waterproof-breathable-tablet .x7 {
  left: 532px;
  object-fit: cover;
  position: absolute;
  top: 3955px;
  width: 52px;
}

.waterproof-breathable-tablet .windproof-2 {
  left: 633px;
  top: 3984px;
  white-space: nowrap;
  width: 69px;
}

.waterproof-breathable-tablet .multiple-layers-2 {
  left: 750px;
  top: 3984px;
  width: 52px;
}

.waterproof-breathable-tablet .durable-water-repellent-4 {
  left: 507px;
  top: 3984px;
  width: 100px;
}

.waterproof-breathable-tablet .x119-3 {
  left: 751px;
  top: 3941px;
  width: 51px;
}

.waterproof-breathable-tablet .mask-group-7 {
  height: 332px;
  left: 19px;
  position: absolute;
  top: 4237px;
  width: 332px;
}

.waterproof-breathable-tablet .gt0183 {
  height: 52px;
  left: 427px;
  letter-spacing: 2.24px;
  line-height: 80px;
  position: absolute;
  top: 4236px;
  white-space: nowrap;
  width: 160px;
}

.waterproof-breathable-tablet .composition-100-polyester-2 {
  left: 427px;
  top: 4302px;
  width: 103px;
}

.waterproof-breathable-tablet .description-this-5-l {
  left: 427px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 4421px;
  width: 385px;
}

.waterproof-breathable-tablet .width-56-4 {
  left: 761px;
  top: 4302px;
  width: 43px;
}

.waterproof-breathable-tablet .construction-75-d-150-d-peach-twill {
  left: 582px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 4302px;
  width: 142px;
}

.waterproof-breathable-tablet .breathable-waterproof-5 {
  height: 36px;
  left: 427px;
  top: 4711px;
  width: 52px;
}

.waterproof-breathable-tablet .waterproof-breathable-5 {
  left: 420px;
  top: 4755px;
  width: 67px;
}

.waterproof-breathable-tablet .x8 {
  left: 539px;
  object-fit: cover;
  position: absolute;
  top: 4724px;
  width: 52px;
}

.waterproof-breathable-tablet .multiple-layers-3 {
  left: 649px;
  top: 4755px;
  width: 52px;
}

.waterproof-breathable-tablet .durable-1 {
  left: 761px;
  top: 4755px;
  width: 51px;
}

.waterproof-breathable-tablet .durable-water-repellent-5 {
  left: 518px;
  top: 4755px;
  width: 93px;
}

.waterproof-breathable-tablet .x119-4 {
  left: 650px;
  top: 4711px;
  width: 51px;
}

.waterproof-breathable-tablet .x116-2 {
  left: 759px;
  top: 4708px;
  width: 53px;
}

.waterproof-breathable-tablet .mask-group-8 {
  height: 332px;
  left: 19px;
  position: absolute;
  top: 5008px;
  width: 332px;
}

.waterproof-breathable-tablet .gtsn01035 {
  height: 50px;
  left: 432px;
  letter-spacing: 2.24px;
  line-height: 80px;
  position: absolute;
  top: 5007px;
  white-space: nowrap;
  width: 242px;
}

.waterproof-breathable-tablet .composition-100-nylon-3 {
  left: 432px;
  top: 5070px;
  width: 87px;
}

.waterproof-breathable-tablet .description-this-3-l-2 {
  left: 432px;
  top: 5196px;
  width: 361px;
}

.waterproof-breathable-tablet .weight-180-gsm {
  left: 753px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 5070px;
  width: 49px;
}

.waterproof-breathable-tablet .construction-70-d-160-d-22mm-ripstop {
  left: 581px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 5070px;
  width: 120px;
}

.waterproof-breathable-tablet .breathable-waterproof-6 {
  height: 35px;
  left: 432px;
  top: 5463px;
  width: 51px;
}

.waterproof-breathable-tablet .waterproof-breathable-6 {
  left: 423px;
  top: 5506px;
  width: 68px;
}

.waterproof-breathable-tablet .x9 {
  left: 539px;
  object-fit: cover;
  position: absolute;
  top: 5477px;
  width: 51px;
}

.waterproof-breathable-tablet .multiple-layers-4 {
  left: 645px;
  top: 5506px;
  width: 51px;
}

.waterproof-breathable-tablet .durable-2 {
  left: 753px;
  top: 5506px;
  width: 49px;
}

.waterproof-breathable-tablet .durable-water-repellent-6 {
  left: 512px;
  top: 5506px;
  width: 104px;
}

.waterproof-breathable-tablet .x119-5 {
  left: 645px;
  top: 5463px;
  width: 51px;
}

.waterproof-breathable-tablet .x116-3 {
  left: 751px;
  top: 5460px;
  width: 51px;
}

.waterproof-breathable-tablet .mask-group-9 {
  height: 332px;
  left: 19px;
  position: absolute;
  top: 5779px;
  width: 332px;
}

.waterproof-breathable-tablet .gt0055 {
  height: 50px;
  left: 432px;
  letter-spacing: 2.24px;
  line-height: 80px;
  position: absolute;
  top: 5778px;
  white-space: nowrap;
  width: 166px;
}

.waterproof-breathable-tablet .composition-100-nylon-4 {
  left: 432px;
  top: 5841px;
  width: 98px;
}

.waterproof-breathable-tablet .description-this-3-l-3 {
  left: 432px;
  top: 5972px;
  width: 374px;
}

.waterproof-breathable-tablet .width-58-1 {
  left: 753px;
  top: 5841px;
}

.waterproof-breathable-tablet .construction-70-d-40 {
  left: 581px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 5841px;
  width: 155px;
}

.waterproof-breathable-tablet .breathable-waterproof-7 {
  height: 35px;
  left: 432px;
  top: 6236px;
  width: 51px;
}

.waterproof-breathable-tablet .waterproof-breathable-7 {
  left: 421px;
  top: 6279px;
  width: 73px;
}

.waterproof-breathable-tablet .x120 {
  left: 539px;
  object-fit: cover;
  position: absolute;
  top: 6250px;
  width: 50px;
}

.waterproof-breathable-tablet .x4-w-stretch {
  left: 645px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 6279px;
  width: 51px;
}

.waterproof-breathable-tablet .durable-water-repellent-7 {
  left: 513px;
  top: 6279px;
  width: 102px;
}

.waterproof-breathable-tablet .x108-2 {
  left: 645px;
  object-fit: cover;
  position: absolute;
  top: 6244px;
  width: 51px;
}

.waterproof-breathable-tablet .mask-group-10 {
  height: 332px;
  left: 19px;
  position: absolute;
  top: 6550px;
  width: 332px;
}

.waterproof-breathable-tablet .gt0540 {
  height: 52px;
  left: 433px;
  letter-spacing: 2.24px;
  line-height: 80px;
  position: absolute;
  top: 6549px;
  white-space: nowrap;
  width: 169px;
}

.waterproof-breathable-tablet .composition-100-nylon-5 {
  left: 433px;
  top: 6614px;
  width: 101px;
}

.waterproof-breathable-tablet .description-this-3-l-4 {
  left: 433px;
  top: 6731px;
  width: 370px;
}

.waterproof-breathable-tablet .width-56-5 {
  left: 753px;
  top: 6614px;
  width: 41px;
}

.waterproof-breathable-tablet .construction-70-d-500-d-aty {
  left: 585px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 6614px;
  width: 160px;
}

.waterproof-breathable-tablet .breathable-waterproof-8 {
  height: 36px;
  left: 433px;
  top: 7021px;
  width: 52px;
}

.waterproof-breathable-tablet .abrasion-resistance {
  left: 534px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 7065px;
  width: 68px;
}

.waterproof-breathable-tablet .waterproof-breathable-8 {
  left: 424px;
  top: 7065px;
  width: 69px;
}

.waterproof-breathable-tablet .durable-3 {
  left: 652px;
  top: 7065px;
  width: 52px;
}

.waterproof-breathable-tablet .multiple-layers-5 {
  left: 761px;
  top: 7065px;
  width: 51px;
}

.waterproof-breathable-tablet .x112-2 {
  left: 543px;
  object-fit: cover;
  position: absolute;
  top: 7019px;
  width: 51px;
}

.waterproof-breathable-tablet .x116-4 {
  left: 652px;
  top: 7018px;
  width: 51px;
}

.waterproof-breathable-tablet .x119-6 {
  left: 761px;
  top: 7021px;
  width: 51px;
}

.waterproof-breathable-tablet .mask-group-11 {
  height: 332px;
  left: 19px;
  position: absolute;
  top: 7321px;
  width: 332px;
}

.waterproof-breathable-tablet .gt0168 {
  height: 50px;
  left: 438px;
  letter-spacing: 2.24px;
  line-height: 80px;
  position: absolute;
  top: 7320px;
  white-space: nowrap;
  width: 152px;
}

.waterproof-breathable-tablet .composition-100-nylon-6 {
  left: 438px;
  top: 7385px;
  width: 96px;
}

.waterproof-breathable-tablet .description-this-nyl {
  left: 438px;
  top: 7515px;
  width: 356px;
}

.waterproof-breathable-tablet .width-58-2 {
  left: 754px;
  top: 7385px;
}

.waterproof-breathable-tablet .construction-70-d-160-d-aty {
  left: 585px;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  top: 7385px;
  width: 153px;
}

.waterproof-breathable-tablet .breathable-waterproof-9 {
  height: 34px;
  left: 438px;
  top: 7782px;
  width: 50px;
}

.waterproof-breathable-tablet .waterproof-breathable-9 {
  left: 430px;
  top: 7824px;
  width: 65px;
}

.waterproof-breathable-tablet .x10 {
  left: 544px;
  object-fit: cover;
  position: absolute;
  top: 7795px;
  width: 50px;
}

.waterproof-breathable-tablet .windproof-3 {
  left: 643px;
  top: 7824px;
  white-space: nowrap;
  width: 61px;
}

.waterproof-breathable-tablet .durable-4 {
  left: 754px;
  top: 7824px;
  width: 48px;
}

.waterproof-breathable-tablet .durable-water-repellent-8 {
  left: 517px;
  top: 7824px;
  width: 101px;
}

.waterproof-breathable-tablet .x117-4 {
  left: 648px;
  top: 7779px;
  width: 49px;
}

.waterproof-breathable-tablet .x116-5 {
  left: 753px;
  top: 7779px;
  width: 49px;
}

.waterproof-breathable-tablet .coating-lamination {
  height: 68px;
  left: 649px;
  letter-spacing: 0;
  line-height: 29px;
  position: absolute;
  text-align: center;
  top: 153px;
  width: 139px;
}

.waterproof-breathable-tablet .rectangle-211 {
  background-color: var(--big-dip-o-ruby);
  height: 231px;
  left: 599px;
  position: absolute;
  top: 73px;
  transform: rotate(180deg);
  width: 1px;
}

.waterproof-breathable-tablet .rectangle-225 {
  background-color: var(--big-dip-o-ruby);
  height: 1px;
  width: 834px;
}

.waterproof-breathable-tablet .flex-row {
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  border-color: var(--big-dip-o-ruby);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  height: 415px;
  min-width: 834px;
  padding: 37.0px 21.8px;
}

.waterproof-breathable-tablet .flex-col-11 {
  min-height: 569px;
  width: 834px;
}

.waterproof-breathable-tablet .flex-col-3 {
  margin-top: 20px;
  gap: 103px;
  min-height: 265px;
  width: 128px;
}

.waterproof-breathable-tablet .flex-col-6 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.waterproof-breathable-tablet .group-32-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 149px;
  width: 117px;
}

.waterproof-breathable-tablet .logo1-1-2 {
  height: 117px;
  margin-left: 1.3px;
  width: 115px;
}

.waterproof-breathable-tablet .x1-2 {
  height: 14px;
  width: 117px;
}

.waterproof-breathable-tablet .copyright {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0.22px;
  min-height: 14px;
  width: 128px;
}

.waterproof-breathable-tablet .flex-col-4 {
  align-items: flex-start;
  display: flex;
  gap: 26px;
  margin-top: 20px;
  margin-left: 153px;
  min-height: 190px;
  width: 149px;
}

.waterproof-breathable-tablet .price-6 {
  letter-spacing: 1.65px;
  min-height: 18px;
  white-space: nowrap;
}

.waterproof-breathable-tablet .link {
  cursor: pointer;
  min-height: 17px;
  white-space: nowrap;
}

.waterproof-breathable-tablet .products-0 {
  cursor: pointer;
  min-height: 18px;
  white-space: nowrap;
}

.waterproof-breathable-tablet .place-6 {
  cursor: pointer;
  min-height: 16px;
  white-space: nowrap;
}

.waterproof-breathable-tablet .flex-col-5 {
  margin-top: -20px;
  margin-left: 130px;
  min-height: 262px;
  width: 240px;
}

.waterproof-breathable-tablet .get-in-touch{
  letter-spacing: 1.65px;
  margin-top: 40px;
  min-height: 10px;
  white-space: nowrap;
}

.waterproof-breathable-tablet .e-mail-joyg-tecc-2 {
  letter-spacing: 0;
  line-height: 21.6px;
  margin-top: 25px;
  min-height: 155px;
  width: 240px;
}

.waterproof-breathable-tablet .privicy-policy {
  height: 12px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 54px;
  width: 50px;
}

.waterproof-breathable-tablet .component-container {
  min-width: 834px;
}

.waterproof-breathable-tablet .component-15 {
  background-image: url(../img/mask-group-114@2x.png);
  background-size: 100% 100%;
  height: 207px;
  min-width: 208px;
  padding: 82.3px 47.7px;
}

.waterproof-breathable-tablet .waterproofness-breathability-1 {
  letter-spacing: 0;
  line-height: 17px;
  min-height: 39px;
  text-align: center;
  width: 113px;
}

.waterproof-breathable-tablet .component {
  align-items: flex-start;
  display: flex;
  min-width: 208px;
}

.waterproof-breathable-tablet .overlap-group {
  height: 208px;
  position: relative;
  width: 208px;
}

.waterproof-breathable-tablet .mask-group {
  cursor: pointer;
  height: 208px;
  left: 0;
  position: absolute;
  top: 0;
  width: 208px;
}

.waterproof-breathable-tablet .high-tenacity {
  cursor: pointer;
  height: 31px;
  left: 55px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 88px;
  width: 97px;
}

.waterproof-breathable-tablet .component-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 415px;
  width: 209px;
}

.waterproof-breathable-tablet .eco-responsibility {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 17px;
  min-height: 39px;
  text-align: center;
  width: 108px;
}

.waterproof-breathable-tablet .component-1 {
  min-width: 209px;
}

.waterproof-breathable-tablet .overlap-group-1 {
  height: 208px;
  position: relative;
  width: 209px;
}

.waterproof-breathable-tablet .mask-group-1 {
  cursor: pointer;
  height: 208px;
  left: 0;
  position: absolute;
  top: 0;
  width: 209px;
}

.waterproof-breathable-tablet .high-abrasion-resistance {
  cursor: pointer;
  height: 32px;
  left: 54px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 87px;
  width: 101px;
}

.waterproof-breathable-tablet .overlap-group1 {
  height: 207px;
  position: relative;
  width: 208px;
}

.waterproof-breathable-tablet .mask-group-12 {
  cursor: pointer;
  height: 207px;
  left: 0;
  position: absolute;
  top: 0;
  width: 208px;
}

.waterproof-breathable-tablet .water-repellent {
  cursor: pointer;
  height: 32px;
  left: 51px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 86px;
  width: 105px;
}

.waterproof-breathable-tablet .stretch {
  cursor: pointer;
  left: 70px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 98px;
  white-space: nowrap;
  width: 69px;
}

.waterproof-breathable-tablet .overlap-group2 {
  height: 207px;
  position: relative;
  width: 209px;
}

.waterproof-breathable-tablet .mask-group-13 {
  cursor: pointer;
  height: 207px;
  left: 0;
  position: absolute;
  top: 0;
  width: 209px;
}

.waterproof-breathable-tablet .dry-plus {
  cursor: pointer;
  height: 10px;
  left: 66px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 97px;
  white-space: nowrap;
  width: 78px;
}

.waterproof-breathable-tablet .printing-emboosed {
  cursor: pointer;
  left: 66px;
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  top: 90px;
  width: 78px;
}

.waterproof-breathable-tablet .breathable-waterproof-10 {
  object-fit: cover;
  position: absolute;
}

.waterproof-breathable-tablet .component-2 {
  align-items: flex-start;
  display: flex;
}

.waterproof-breathable-tablet .composition-100 {
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
}

.waterproof-breathable-tablet .composition-100-nylon-7 {
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
}

.waterproof-breathable-tablet .composition-100-polyester-3 {
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
}

.waterproof-breathable-tablet .description-this {
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
}

.waterproof-breathable-tablet .description-this-3-l-5 {
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
}

.waterproof-breathable-tablet .durable-5 {
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.waterproof-breathable-tablet .durable-water-repellent-9 {
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
}

.waterproof-breathable-tablet .flex {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.waterproof-breathable-tablet .multiple-layers-6 {
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
}

.waterproof-breathable-tablet .waterproof-breathable-10 {
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
}

.waterproof-breathable-tablet .width {
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
}

.waterproof-breathable-tablet .width-56-6 {
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
}

.waterproof-breathable-tablet .width-58-3 {
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  width: 40px;
}

.waterproof-breathable-tablet .windproof-4 {
  letter-spacing: 0;
  line-height: 17px;
  position: absolute;
  text-align: center;
}

.waterproof-breathable-tablet .x116 {
  object-fit: cover;
  position: absolute;
}

.waterproof-breathable-tablet .x117 {
  object-fit: cover;
  position: absolute;
}

.waterproof-breathable-tablet .x119 {
  object-fit: cover;
  position: absolute;
}
@media screen and (max-width: 833px) {
  .screen.waterproof-breathable-tablet { 
    display: none;
   }
  .screen.waterproof-breathable-20 { 
    display: none;
   }
}
@media screen and (min-width: 834px) and (max-width: 1919px) {
  .screen.waterproof-breathable-mobile-all-breakpoints { 
    display: none;
   }
  .screen.waterproof-breathable-20 { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.waterproof-breathable-tablet { 
    display: none;
   }
  .screen.waterproof-breathable-mobile-all-breakpoints { 
    display: none;
   }
}

.menu-button {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: absolute;
  gap: 5px;
  padding: 10px;
  left: 350px;
  top: 10px;
  min-height: 15px;
  width: 20px;
}

.menu-button:focus {
  outline: 2px solid blue; /* 提供焦點樣式，方便鍵盤使用者 */
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mobile-menu {
  display: none;
  position: absolute;
  top: 50px;
  right: 0;
  background-color: white;
  width: 200px;
  border: 1px solid #ccc;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.mobile-menu a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: black;
}

.hidden {
  display: none;
}

.show {
  display: block;
}