
                <div id="product-grid">
                                                                    
                                                          
                 <div class="product-list"> 
                    <div id="productItem" class="col-sm-12" style="padding:10% 5% 10% 5%;">
                       <a href="https://www.birdsnbees.co.id/product/detail/86909-freckles-backpack-kangaroo" title="Freckles Backpack Kangaroo">
                          <div class="" style="position: absolute;z-index: 999;top: 0;left: 0; text-align: center;width: 50%;">
                                                                      <img src="https://www.birdsnbees.co.id/img/sold-out-01.png" width="100%">
                                                                </div>
                          <img class="grid-img" src="https://www.birdsnbees.co.id/img/product_thumb/small/okiedog-freckles-kangaroo-triangle-dot-blue-all-size_red_4469.jpg" style="margin:auto; max-width:100%; max-height: 70%;">
                          <div id="productDetails" style="padding: 10px 0px; line-height: 25px; color: #929292;">
                             <p class="product-name" style="max-width: 270px; text-align: center;"><strong>Freckles Backpack Kangaroo</strong></p>
                             <hr>
                             <p></p>
                             <div class="product-color" style="margin-top: 10px;">
                             </div>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;">IDR 1.249.000</p>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;display: none;">IDR 1.249.000</p>
                             <div class="product-detail">Lihat Detail</div>
                          </div>
                       </a>
                    </div>
                 </div>

                                                                    
                 <div class="product-list"> 
                    <div id="productItem" class="col-sm-12" style="padding:10% 5% 10% 5%;">
                       <a href="https://www.birdsnbees.co.id/product/detail/86911-freckles-backpack-kangaroo" title="Freckles Backpack Kangaroo">
                          <div class="" style="position: absolute;z-index: 999;top: 0;left: 0; text-align: center;width: 50%;">
                                                                      <img src="https://www.birdsnbees.co.id/img/sold-out-01.png" width="100%">
                                                                </div>
                          <img class="grid-img" src="https://www.birdsnbees.co.id/img/product_thumb/small/okiedog-freckles-kangaroo-owl-blue-pink-all-size_blue-pink_5435.jpg" style="margin:auto; max-width:100%; max-height: 70%;">
                          <div id="productDetails" style="padding: 10px 0px; line-height: 25px; color: #929292;">
                             <p class="product-name" style="max-width: 270px; text-align: center;"><strong>Freckles Backpack Kangaroo</strong></p>
                             <hr>
                             <p></p>
                             <div class="product-color" style="margin-top: 10px;">
                             </div>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;">IDR 1.249.000</p>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;display: none;">IDR 1.249.000</p>
                             <div class="product-detail">Lihat Detail</div>
                          </div>
                       </a>
                    </div>
                 </div>

                                                                    
                 <div class="product-list"> 
                    <div id="productItem" class="col-sm-12" style="padding:10% 5% 10% 5%;">
                       <a href="https://www.birdsnbees.co.id/product/detail/84738-freckles-backpack-kangaroo" title="Freckles Backpack Kangaroo">
                          <div class="" style="position: absolute;z-index: 999;top: 0;left: 0; text-align: center;width: 50%;">
                                                                      <img src="https://www.birdsnbees.co.id/img/sold-out-01.png" width="100%">
                                                                </div>
                          <img class="grid-img" src="https://www.birdsnbees.co.id/img/product_thumb/small/freckles-kangaroo-bag-owl-blue-pink_pink-blue_1824.jpg" style="margin:auto; max-width:100%; max-height: 70%;">
                          <div id="productDetails" style="padding: 10px 0px; line-height: 25px; color: #929292;">
                             <p class="product-name" style="max-width: 270px; text-align: center;"><strong>Freckles Backpack Kangaroo</strong></p>
                             <hr>
                             <p></p>
                             <div class="product-color" style="margin-top: 10px;">
                             </div>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;">IDR 1.249.000</p>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;display: none;">IDR 1.249.000</p>
                             <div class="product-detail">Lihat Detail</div>
                          </div>
                       </a>
                    </div>
                 </div>

                                                                    
                 <div class="product-list"> 
                    <div id="productItem" class="col-sm-12" style="padding:10% 5% 10% 5%;">
                       <a href="https://www.birdsnbees.co.id/product/detail/84737-freckles-backpack-kangaroo" title="Freckles Backpack Kangaroo">
                          <div class="" style="position: absolute;z-index: 999;top: 0;left: 0; text-align: center;width: 50%;">
                                                                      <img src="https://www.birdsnbees.co.id/img/sold-out-01.png" width="100%">
                                                                </div>
                          <img class="grid-img" src="https://www.birdsnbees.co.id/img/product_thumb/small/freckles-kangaroo-bag-triangle-red_red_6746.jpg" style="margin:auto; max-width:100%; max-height: 70%;">
                          <div id="productDetails" style="padding: 10px 0px; line-height: 25px; color: #929292;">
                             <p class="product-name" style="max-width: 270px; text-align: center;"><strong>Freckles Backpack Kangaroo</strong></p>
                             <hr>
                             <p></p>
                             <div class="product-color" style="margin-top: 10px;">
                             </div>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;text-decoration: line-through;">IDR 1.249.000</p>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;color: #ff9900;">IDR 624.500</p>
                             <div class="product-detail">Lihat Detail</div>
                          </div>
                       </a>
                    </div>
                 </div>

                                                                    
                 <div class="product-list"> 
                    <div id="productItem" class="col-sm-12" style="padding:10% 5% 10% 5%;">
                       <a href="https://www.birdsnbees.co.id/product/detail/84736-freckles-backpack-kangaroo" title="Freckles Backpack Kangaroo">
                          <div class="" style="position: absolute;z-index: 999;top: 0;left: 0; text-align: center;width: 50%;">
                                                                      <img src="https://www.birdsnbees.co.id/img/sold-out-01.png" width="100%">
                                                                </div>
                          <img class="grid-img" src="https://www.birdsnbees.co.id/img/product_thumb/small/freckles-kangaroo-bag-triangle-blue_blue_1818.jpg" style="margin:auto; max-width:100%; max-height: 70%;">
                          <div id="productDetails" style="padding: 10px 0px; line-height: 25px; color: #929292;">
                             <p class="product-name" style="max-width: 270px; text-align: center;"><strong>Freckles Backpack Kangaroo</strong></p>
                             <hr>
                             <p></p>
                             <div class="product-color" style="margin-top: 10px;">
                             </div>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;text-decoration: line-through;">IDR 1.249.000</p>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;color: #ff9900;">IDR 624.500</p>
                             <div class="product-detail">Lihat Detail</div>
                          </div>
                       </a>
                    </div>
                 </div>

                                                                    
                 <div class="product-list"> 
                    <div id="productItem" class="col-sm-12" style="padding:10% 5% 10% 5%;">
                       <a href="https://www.birdsnbees.co.id/product/detail/94607-freckles-backpack-kangaroo" title="Freckles Backpack Kangaroo">
                          <div class="hide" style="position: absolute;z-index: 999;top: 0;left: 0; text-align: center;width: 50%;">
                                                                </div>
                          <img class="grid-img" src="https://www.birdsnbees.co.id/img/product_thumb/small/freckles-backpack-kangaroo_drop-peach_8777.jpg" style="margin:auto; max-width:100%; max-height: 70%;">
                          <div id="productDetails" style="padding: 10px 0px; line-height: 25px; color: #929292;">
                             <p class="product-name" style="max-width: 270px; text-align: center;"><strong>Freckles Backpack Kangaroo</strong></p>
                             <hr>
                             <p></p>
                             <div class="product-color" style="margin-top: 10px;">
                             </div>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;">IDR 1.249.000</p>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;display: none;">IDR 1.249.000</p>
                             <div class="product-detail">Lihat Detail</div>
                          </div>
                       </a>
                    </div>
                 </div>

                                                                    
                 <div class="product-list"> 
                    <div id="productItem" class="col-sm-12" style="padding:10% 5% 10% 5%;">
                       <a href="https://www.birdsnbees.co.id/product/detail/94605-freckles-backpack-kangaroo" title="Freckles Backpack Kangaroo">
                          <div class="hide" style="position: absolute;z-index: 999;top: 0;left: 0; text-align: center;width: 50%;">
                                                                </div>
                          <img class="grid-img" src="https://www.birdsnbees.co.id/img/product_thumb/small/freckles-backpack-kangaroo_luna-eclipse_8778.jpg" style="margin:auto; max-width:100%; max-height: 70%;">
                          <div id="productDetails" style="padding: 10px 0px; line-height: 25px; color: #929292;">
                             <p class="product-name" style="max-width: 270px; text-align: center;"><strong>Freckles Backpack Kangaroo</strong></p>
                             <hr>
                             <p></p>
                             <div class="product-color" style="margin-top: 10px;">
                             </div>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;">IDR 1.249.000</p>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;display: none;">IDR 1.249.000</p>
                             <div class="product-detail">Lihat Detail</div>
                          </div>
                       </a>
                    </div>
                 </div>

                                                                    
                 <div class="product-list"> 
                    <div id="productItem" class="col-sm-12" style="padding:10% 5% 10% 5%;">
                       <a href="https://www.birdsnbees.co.id/product/detail/94606-freckles-backpack-kangaroo" title="Freckles Backpack Kangaroo">
                          <div class="hide" style="position: absolute;z-index: 999;top: 0;left: 0; text-align: center;width: 50%;">
                                                                </div>
                          <img class="grid-img" src="https://www.birdsnbees.co.id/img/product_thumb/small/freckles-backpack-kangaroo_drop-blue_8779.jpg" style="margin:auto; max-width:100%; max-height: 70%;">
                          <div id="productDetails" style="padding: 10px 0px; line-height: 25px; color: #929292;">
                             <p class="product-name" style="max-width: 270px; text-align: center;"><strong>Freckles Backpack Kangaroo</strong></p>
                             <hr>
                             <p></p>
                             <div class="product-color" style="margin-top: 10px;">
                             </div>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;">IDR 1.249.000</p>
                             <p class="price_format text-warning" id="price" style="text-align:center; font-size:20px;display: none;">IDR 1.249.000</p>
                             <div class="product-detail">Lihat Detail</div>
                          </div>
                       </a>
                    </div>
                 </div>

                            <div class="clearfix"></div>
            </div>

            <div class="row navigation">
                                <div class="col-xs-5">
                    <a href="javascript:void(0)" class="backToTop" onclick="bttop()">Kembali ke atas</a>
                </div><!--/ .col-xs-1 -->
                                                <div class="col-xs-7">
                    <a href="https://www.birdsnbees.co.id/product-content/9/bags/" class="loadmore">Selengkapnya</a>
                </div>
                            </div><!--/ .row -->


                <script type="text/javascript">
                  
                    function bttop()
                    {
                        jQuery( 'html, body' ).animate({ scrollTop: 0 }, 'fast' );
                    }

                </script>