.wear-go-9x6{ width: 1350px; margin: 0 auto 30px auto; } .wear-go-9x6 img{ margin: 0 auto!important; } .images-box { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; } .images-box .images { flex: 0 0 55%; max-width: 55%; } .images-box .other-info { flex: 0 0 40%; max-width: 40%; padding: 10px; } .two-image-9x6 .items { display: flex; flex-wrap: wrap; } .two-image-9x6 .item { flex: 0 0 50%; max-width: 50%; } .two-image-9x6 .item.right { padding: 30px; } .two-image-9x6 .item span.stitle { display: block; padding: 10px 5px; text-align: center; font-size: 34px; font-weight: bold; color: #fff; background: linear-gradient(to bottom, #ec7098, #faa5bf); border-top-right-radius: 35px; border-bottom-right-radius: 35px; margin: 30px 0; } .two-image-9x6 .item .text { font-size: 26px; text-align: center; padding: 0 20px; margin: 10px auto 30px; } .two-image-9x6 .item .img img { border: 4px solid #ed739a; border-radius: 50%; padding: 5px; } .three-image-9x6 { margin-top:50px; } .three-image .items { display: flex; flex-wrap: wrap; justify-content: space-between; } .three-image .item { flex: 0 0 49%; max-width: 49%; position: relative; } .three-image .item:first-child { flex: 0 0 100%; max-width: 100%; margin-bottom:2%; } .three-image .items .text { text-align: center; padding: 5px 0; width: 100%; font-size: 36px; font-family: arial; font-weight: 700; position: absolute; top: 10px; -webkit-text-stroke: 2px #fff; } .three-image .items .item:first-child .text { max-width:500px; } .three-image .items .text+img { border-radius: 15px; } .text-image-9x6 { margin-top:30px; } .text-image-9x6 .items .item { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .text-image-9x6 .items .item .text { flex:0 0 46%; max-width:46%; margin-right: 4%; } .text-image-9x6 .items .item:last-child .text { margin-left:4%; margin-right:0; } .text-image-9x6 .items .item .img { flex:0 0 50%; max-width:50%; } .text-image-9x6 .til { display: block; padding: 5px; text-align: center; font-size: 30px; font-weight: bold; color: #fff; background: linear-gradient(to bottom, #ec7098, #faa5bf); border-top-right-radius: 35px; border-bottom-right-radius: 35px; margin: 0 auto 30px; } .text-image-9x6 .info { font-size: 26px; line-height: 1.8; font-weight: 500; text-align: center; } .wear-go-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; } .wear-go-step .ico-step:after{ content: ""; position: absolute; width: 150px; height: 150px; bottom: 0; right: 0; background-color: #ed739b; border-radius: 50%; z-index: -1; } .wear-go-step .ico-step small{ font-size: 20px; display: block; line-height: 1.2em; margin-top: 4px; } .wear-go-step .ico-step span{ line-height: 1em; font-size: 40px; font-weight: 900; display: block; } .wear-go-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; } .wear-go-step li{ list-style-type: none; position: relative; } .wear-go-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; } .wear-go-step li img{ width: 100%; margin: 0!important; } @media screen and (max-width: 1390px){ .wear-go-9x6, .wear-go-step{ width: auto!important; margin-left: 20px; margin-right: 20px; } .wear-go-step .ico-step small{ font-size: 14px; } .wear-go-step .ico-step span{ font-size: 28px; } .wear-go-step .ico-step{ width: 60px; height: 60px; } .wear-go-step .ico-step small { font-size: 14px; margin-top: 4px; margin-left: 5px; } .wear-go-step .ico-step span { font-size: 28px; margin-left: 5px; } .wear-go-step .ico-step:after { width: 100px; height: 100px; } .wear-go-step li p{ font-size: 18px; } } @media screen and (max-width: 767px) { .wear-go-9x6{ margin-bottom: 15px; } .two-image-9x6 .item { flex: 0 0 100%; max-width: 100%; } .two-image-9x6 .item.right { padding: 10px 0; } .two-image-9x6 .item span.stitle { padding: 10px 0px; font-size: 20px; margin: 10px 0; } .two-image-9x6 .bom { display: flex; align-items: center; } .two-image-9x6 .item .text { font-size: 18px; line-height: 1.5; padding: 0 10px; margin: 10px auto; text-align: left; flex: 0 0 70%; } .three-image .items .text { font-size: 13px; top: 2px; -webkit-text-stroke: 0.5px #fff; } .three-image .items .item:first-child .text { max-width: 230px; } .three-image .items .text+img { border-radius: 10px; } .three-image-9x6 { margin-top: 20px; } .text-image-9x6 .til { font-size: 13px; margin: 0 auto 10px; } .text-image-9x6 .info { font-size: 12px; line-height: 1.3; } .images-box .images { flex: 0 0 60%; max-width: 60%; } .images-box .other-info { flex: 0 0 35%; max-width: 35%; padding: 5px; } .wear-go-step li p{ font-size: 14px; } .wear-go-step li{ max-width: 456px; margin: 0 auto 20px auto; } .wear-go-step li:last-child{ margin: 0 auto; } } @media screen and (max-width: 490px){ .wear-go-step{ display: block!important; } .wear-go-step li p{ font-size: 18px; } } 2.0 Upgraded 3D Dome Cap 9x6 Maximum Lace Size Stretchy & Breathable Cap Mimic Forehead Contour Anti-slip Elastic Band Pre-cut Lace Pre-C Shape Ear Design Why WOWANGEL 9×6 HD WEAR GO WIG? Adjustable Elastic Band Removeable Pre-cut "S" Zigzag Lace UPGRADE MAX PARTING 9X6 LACE WHY CHOOSE WEAR & GO WIG? Easy to Wear, No Skills Needed! 3s Easier to Install, No Glue Install! No Skills Needed! Pre-cut "S" Zigzag Lace HD Lace Pre-bleached Tiny Knots Match Ear Shape Glasses Approved! Cozy C-Shaped Design. Wig Cap Will Not Press Against My Ear Anymore! Adjustable Elastic Band Adjustable Elastic Band. To Fit Different Size Head. Help to fix the wig to head. 3-STEP INSTALL No Glue Install! STEP1 Adjust the Band. STEP2 Adjust to snug your head. STEP3 Enjoy comfort and wear go experience!