WOWANGEL Deep Wave 1B/4/30 Ombre Color Pre-Separated Feather Crochet Human Hair Extensions

.braiding{ width: 1350px; margin: 0 auto; } .text-image-braiding .items { display: grid; position: relative; grid-template-columns: repeat(2, 50%); } .braiding img{ display: block; margin: 0 auto!important; } .text-image-braiding .left.up { margin-top: 80px; background: whitesmoke; padding: 70px 0 30px; position: relative; } .text-image-braiding .right.up { background: #fedfe5; padding:30px 0; } .text-image-braiding .vs { position: absolute; left: 50%; top: 35%; transform: translate(-50%, -50%); width: 120px; height: 100px; border: 2px dashed #000; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: #fff; } .text-image-braiding .vs span { background: #ff5381; border-radius: 50%; width: 90px; height: 70px; display: flex; align-items: center; justify-content: center; font-size: 40px; font-weight: 900; color: #fff; } .text-image-braiding .left .til { display: block; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); background: #000; color: #fff; font-size: 20px; font-weight: 500; padding: 7px 0; width: 190px; border-radius: 50px; border: 4px solid #fff; box-shadow: 11px 5px 6px -2px #ceced0; text-align: center; } .text-image-braiding .right .til { background: #ff5381; color: #fff; font-size: 20px; font-weight: 500; padding: 7px 0; width: 190px; display: block; margin: 0 auto 30px; border-radius: 50px; border: 4px solid #fff; box-shadow: 11px 5px 6px -2px #ceced0; text-align: center; } .text-image-braiding .left.info, .text-image-braiding .right.info { height: 120px; background: #e3e3e3; display: flex; justify-content: center; align-items: center; font-size: 28px; line-height: 1.2; font-weight:500; padding: 0 10%; text-align: center; } .text-image-braiding .right.info { background: #feccd7; } .pro-detail-braiding .items { display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; } .pro-detail-braiding .item { flex: 0 0 49%; max-width: 49%; position: relative; display: flex; margin-bottom: 2%; padding: 20px; background: #feccd7; border-radius: 10px; align-items: center; } .pro-detail-braiding .item:nth-last-child(-n + 2) { margin-bottom: 0; } .pro-detail-braiding .item .img { flex: 0 0 50%; max-width: 50%; } .pro-detail-braiding .item .info { flex: 0 0 50%; max-width: 50%; text-align:center; padding:0 15px; } .pro-detail-braiding .item .num { background: #fff; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin: auto; } .pro-detail-braiding .item .num span { display: flex; width: 62px; height: 62px; background: #ff4788; border-radius: 50%; justify-content: center; align-items: center; color: #fff; font-size: 36px; font-weight: 700; font-family: arial; line-height: 1; } .pro-detail-braiding .h-title { font-size: 28px; font-weight: 500; margin-top: 30px; margin-bottom: 10px; } .pro-detail-braiding .s-title { font-size: 20px; } .order-pack .items { display: flex; justify-content: space-between; align-items: center; } .order-pack .item { flex:0 0 31%; max-width:31%; } .order-pack .item .img { background: #efefef; padding: 30px 0; border-radius: 3px; display: grid; justify-content: center; text-align: center; } .order-pack .item .img img:nth-child(2) { margin-top: 30px!important; } .order-pack .item .text { background: #000; color: #fff; font-size: 20px; text-align: center; margin: 10px 0; padding: 10px 0; border-radius: 3px; } .order-pack .item .bottom-img { background: #efefef; position: relative; } .order-pack .item .bottom-img span.fl { display: flex; position: absolute; right: 10px; top: 10px; background: #fce5a1; width: 54px; height: 54px; border-radius: 50%; font-weight: 500; font-size: 16px; align-items: center; justify-content: center; } .order-pack .item .bottom-img img { border-radius: 10px; margin: 0!important; width: 100%; } .order-pack .tip { font-size: 24px; margin-bottom: 20px; text-align: center; color: #555; } .braiding .video-box { position: relative; padding:0 30px; } .braiding .videos img, .braiding .videos video { display:block; border-radius:20px; margin:auto; width: 100%; } .braiding .video-layout { position: relative; cursor: pointer; } .braiding .video-container { position: absolute; top: 0; width:100%; } .braiding .video-layout .img .player { max-width: 60px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); fill: rgb(255 255 255 / 60%); } .braiding .uk-h1{ margin: 20px 0 8px 0; } @media screen and (max-width: 1350px) { .braiding{ width: auto; margin-left: 20px; margin-right: 20px; } } @media screen and (max-width: 767px) { .braiding .uk-h1{ font-size: 18px; } .text-image-braiding .left.up { margin-top: 60px; } .text-image-braiding .left .til { font-size: 14px; padding: 3px 0; width: 130px; border: 3px solid #fff; } .text-image-braiding .right .til { font-size: 14px; padding: 3px 0; width: 130px; border: 3px solid #fff; } .text-image-braiding .items .img img { max-width: 80px; } .text-image-braiding .left.up { padding: 50px 0 20px; height: 284px; } .text-image-braiding .items .info { height: 100px; font-size: 16px; padding: 0 18px; text-align: left; } .text-image-braiding .vs { width: 60px; height: 50px; } .text-image-braiding .vs span { width: 40px; height: 30px; font-size: 16px; } .pro-detail-braiding .item { padding: 10px; border-radius:5px; flex-wrap: wrap; align-content: flex-start; } .pro-detail-braiding .item .img { flex: 0 0 100%; max-width: 100%; } .pro-detail-braiding .item .info { flex: 0 0 100%; max-width: 100%; text-align: center; padding: 0; position: relative; } .pro-detail-braiding .item .num { width: 40px; height: 40px; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); } .pro-detail-braiding .item .num span { width: 34px; height: 34px; font-size: 18px; } .pro-detail-braiding .h-title { font-size: 18px; font-weight: 500; margin-top: 25px; margin-bottom: 0; } .pro-detail-braiding .s-title { font-size: 14px; line-height: 1.2; } .order-pack .tip { margin:15px 0; font-size: 16px; line-height: 1; } .order-pack .item img { height: 85px; } .order-pack .item .img img + img { margin-top: 10px; height: 22px; } .order-pack .item .img { padding:20px 0 10px; } .order-pack .item .text { font-size: 12px; font-weight: 500; } .order-pack .item .bottom-img img { border-radius: 5px; height: auto; } .order-pack .item .bottom-img span.fl { right: 5px; top: 5px; width: 35px; height: 35px; font-size: 10px; } .braiding .video-box { padding:0 10px; } .braiding .videos img { display:block; border-radius:10px; margin:auto; } } window.addEventListener('DOMContentLoaded', function() { $('.videos .video-layout .img').on('click', function(){ var videoContainer = $(this).parents('.video-layout').find('.video-container'); var videoSrc = videoContainer.attr('data-src'); videoContainer.empty().html(' '); }); }); PRODUCT DETAILS 01 100% Human Hair More authentic and natural 02 Invisible String Design Seamless and Natural Look 03 Pre separated Hair Quick Easy Installation 04 Thick Full Top quality Hair Versatile Styling How to install the Crochet Hair 1. Prep Your Hair Start with clean, detangled hair. Braid your natural hair into cornrows going straight back or in your desired pattern. 2. Insert the Hook Slide the crochet hook under one braid with the latch closed. Loop the pre-looped crochet hair onto the hook. 3. Pull Through Gently pull the hair through the braid to form a small loop. 4. Secure the Knot Insert the end of the crochet hair through the loop and tighten to secure. You can knot it once or twice depending on how secure you want it. 5. Repeat Continue the process until your whole head is covered. Space the hair evenly for a natural look. 6. Style As Desired Trim and shape the hair if needed. You can wear it loose, in a ponytail, or style as you like!