.new-design-goods img{ display: block; max-width: 100%; height: auto; margin-top: 0; margin-bottom: 0; } .new-design-banner{ width: 1450px; margin: 0 auto 50px auto; } .new-design-banner span{ display: none; } .new-design-list{ width: 1350px!important; margin: 0 auto; padding-left: 0!important; } .new-design-list li{ display: flex; align-items: center; justify-content: space-between; border: 1px dashed #000; border-radius: 15px; padding: 30px; margin-bottom: 50px; background-color:#fcecf6; } .new-design-list li img{ width: 35%; height: auto; border-radius: 50%; } .new-design-list li dl{ width: 50%; padding-left: 45px; margin-top: 0; margin-bottom: 0; } .new-design-list li:nth-child(even){ background-color: white; } .new-design-list li:nth-child(even) dl{ padding-left: 100px; } .new-design-list li dt{ font-size: 54px; line-height: 1.2; font-weight: 700; position: relative; } .new-design-list li dt:before{ content:""; position:absolute; left: -45px; top: 15px; width:0; height:0; border-top:16px solid transparent; border-left:26px solid #eb7198; border-bottom:16px solid transparent; } .new-design-list li dd{ font-size: 36px; line-height: 1.3; margin-left: 0; margin-top: 15px; } .new-design-step .ico-step{ width: 90px; height: 90px; overflow: hidden; position: absolute; z-index: 1; color: white; text-align: center; text-indent: -1rem; left: 0; top: 0; } .new-design-step .ico-step:after{ content: ""; position: absolute; width: 150px; height: 150px; bottom: 0; right: 0; background-color: #ed739b; border-radius: 50%; z-index: -1; } .new-design-step .ico-step small{ font-size: 20px; display: block; line-height: 1.2em; margin-top: 4px; } .new-design-step .ico-step span{ line-height: 1em; font-size: 40px; font-weight: 900; display: block; } .new-design-step{ width: 1350px; margin: 0 auto; display: grid!important; grid-template-columns: repeat(3, 31%); align-items: flex-start; justify-content: space-between; padding-left: 0!important; } .new-design-step li{ list-style-type: none; position: relative; } .new-design-step li p{ position: absolute; left: 0; bottom: 0; color: #fff; background: rgb(0 0 0 / 30%); width: 100%; padding: 10px; text-align: center; font-size: 26px; line-height: 1.1em; min-height: 73px; display: flex; justify-content: center; align-items: center; margin: 0; } .new-design-step li img{ margin: 0!important; } .new-design-pic{ max-width: 1350px; margin: 0 auto; } .new-design-pic img{ margin-top: 30px; } @media screen and (max-width: 1450px){ } @media screen and (max-width: 1390px){ .new-design-banner, .new-design-step, .new-design-list{ width: auto!important; margin-left: 20px; margin-right: 20px; } .new-design-list li{ padding: 20px; } .new-design-list li img{ width: 40%; } .new-design-list li:nth-child(even) dl{ padding-left: 40px; } .new-design-list li dl{ padding-left: 25px; width: 55%; } .new-design-list li dt{ font-size: 30px; } .new-design-list li dt:before{ left: -25px; top: 8px; border-top: 10px solid transparent; border-left: 16px solid #eb7198; border-bottom: 10px solid transparent; } .new-design-list li dd{ font-size: 22px; } .new-design-step .ico-step small{ font-size: 14px; } .new-design-step .ico-step span{ font-size: 28px; } .new-design-step .ico-step{ width: 60px; height: 60px; } .new-design-step .ico-step small { font-size: 14px; margin-top: 4px; margin-left: 5px; } .new-design-step .ico-step span { font-size: 28px; margin-left: 5px; } .new-design-step .ico-step:after { width: 100px; height: 100px; } .new-design-step li p{ font-size: 18px; } } @media screen and (max-width: 767px){ .new-design-banner img{ display: none; } .new-design-banner span, .new-design-banner span img{ display: block!important; } .new-design-list li{ padding: 10px; } .new-design-list li:nth-child(even) dl{ padding-left: 30px; } .new-design-list li dl{ padding-left: 15px; } .new-design-list li dt{ font-size: 18px; } .new-design-list li dt:before{ left: -15px; top: 5px; border-top: 5px solid transparent; border-left: 10px solid #eb7198; border-bottom: 5px solid transparent; } .new-design-list li dd{ font-size: 12px; margin-top: 5px; } .new-design-step{ display: block!important; } .new-design-step li{ max-width: 456px; margin: 0 auto 20px auto; } .new-design-step li:last-child{ margin: 0 auto; } } NO EFFORT, TOTAL LOOKS Real HD Lace 0.14mm ultra-thin invisible lace, melt into your scalp seamlessly. Clean Natural Hairline Pre-plucked hairline & bleached knots, no more prep, beginner friendly. 100% Human Hair Soft and smooth, little to no shedding or tangles, all for natural look. Easy Wear Easy to install, can be glueless.Protective style & beginner-friendly. More Details Free part allowed, fits well around your ears and face. 3-STEP INSTALL STEP1 Braid or lay down your hair, put on the wig in seconds. STEP2 Adjust to snug your head, cut the lace. STEP3 Enjoy comfort and wear go experience!