WOWANGEL 27 Honey Blonde Human Braiding Hair For Boho Braids Deep Wave 100g

.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: bold; 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: bold; 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: bold; 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: bold; 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%); } @media screen and (max-width: 1350px) { .braiding{ width: auto; margin-left: 20px; margin-right: 20px; } } @media screen and (max-width: 767px) { .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: bold; 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: bold; } .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(' '); }); }); WHY CHOOSE OUR PRODUCTS Other's Hair Our Hair Slim bottom, mixed different donator's hair together. Top grade salon quality, full thick from top to the end VS PRODUCT DETAILS 01 100% Human Hair More authentic and natural 02 Full and Thick Top grade salon quality 03 2 Bundle One Set 100g per pack,2-3 packs for full head braids 04 Long Lasting Can be dyed, curled and bleached MORE PEOPLE CHOOSE TO ORDER 2-4 PACK To be able to Make a More Perfect Hairstyle 100g-2 Bundles 100g 200g-4 Bundles 200g 300g-6 Bundles 300g INSTALL TUTORIAL .st0{fill-rule:evenodd;clip-rule:evenodd;} A WIDE RANGE OF HAIR WEAVING STYLES