adoption chien Algérie, chien à adopter Alger, refuge chien Algérie, chiot à adopter, chien perdu, chien disparu, rechercher chien perdu, chien trouvé, SOS chien Algérie, sauvetage chien, association chien Algérie, chien abandonné, retrouver chien perdu, signalement chien perdu, adoption chiot gratuit, chiot gratuit Algérie, chien adoption Tizi Ouzou, chien adoption Oran, chien adoption Constantine, chien adoption Blida, chien adoption Béjaïa, chiens Algérie Facebook, adoption berger allemand, adoption husky Algérie, adoption malinois Algérie, adoption caniche Algérie, adoption chihuahua Algérie, chien perdu Hydra, chien perdu Kouba, chien perdu Bab Ezzouar, adoption chat Algérie, chat à adopter, chaton à adopter, chat perdu, chat disparu, chat trouvé, retrouver chat perdu, chat errant adoption, SOS chat Algérie, refuge chat Algérie, adoption chat Alger, adoption chat Oran, adoption chat Constantine, adoption chat Béjaïa, adoption chat gratuit Algérie, chaton gratuit Algérie, chat abandonné, association chat Algérie, chat perdu Hydra, chat perdu Bab Ezzouar, animaux perdus Algérie, animaux trouvés Algérie, animaux adoption Algérie, animaux à adopter Alger, animal perdu, adoption animaux gratuit, publication adoption animaux, site adoption Algérie, groupe adoption Algérie, publication animaux Facebook, partage adoption, alerte animal perdu, recherche animal perdu, SOS animal Algérie, animaux errants, association protection animale, refuge animaux Algérie, protection animale Algérie, animaux Alger, animaux Tizi Ouzou, تبني كلب, كلبة ضايعة, كلب ضاع, لقيت كلب, بحث على كلب ضايع, جرو للتبني, جرو مجاني, كلب مفقود الجزائر, كلب للتبني الجزائر, كلب عنده مالك, كلب تائه, حومة لقيت كلب, بليز تعاونوني لقيت كلب, نشوفو صاحب الكلب, تبني قط, بسة ضايعة, بسة لقيتها, قط مفقود, قط ضاع, بحث على قط ضايع, قط للتبني الجزائر, بيسينات للتبني, قط تائه, قط مجاني, تبني بيسينة صغيرة, لقيت بيسة, صاحب البسة, راني نلوج على قط ضايع, قط ضاع في الجزائر, حيوان ضايع, لقيت حيوان, بحث على حيوان, نعاون في التبني, بارتاجيو يا جماعة, عاونوني نلقاه, راني نلوج, محتاجين بارتاج, حيوان محتاج دار, تبني مجاني, ربي يسهلكم بارتاج, الله يبارك ليكم تعاونوني, بسة لقيتوها, كلب لقيتوه, وين نقدر نخلي إعلان, تشرّفو ننقذو الحيوانات, حماية الحيوانات الجزائر, تبني مسؤول, رعاية الحيوانات, الاعتناء بالحيوانات, adoption Alger, adoption Oran, adoption Blida, adoption Tipaza, adoption Béjaïa, adoption Tizi Ouzou, adoption Bouira, adoption Sétif, adoption Constantine, adoption Annaba, animaux Alger centre, animaux Hydra, animaux Kouba, animaux Dar El Beïda, animaux Draria, adoption chien Oran Es Sénia, adoption chat Akbou, animaux Tlemcen, animaux Mostaganem, animaux Chlef, poster annonce animaux, partager annonce adoption, alerte chien perdu, alerte chat perdu, annonce animaux Algérie, meilleure page adoption Algérie, animaux DZ, animaux algériens, annonces Chiens DZ, annonces Chats DZ, story adoption animaux, post adoption chien, post adoption chat, reel adoption animaux, publication alerte chien, publication alerte chat, design adoption animaux, image chien perdu, image chat perdu, modèle publication animaux, contenu réseaux sociaux animaux, mots-clés adoption, hashtags adoption Algérie, hashtags animaux DZ, mots SEO animaux Algérie, adoption animaux Alger, adoption animaux Oran, adoption animaux Constantine, adoption animaux Béjaïa, adoption animaux Tizi Ouzou, adoption animaux Boumerdes, adoption animaux Blida, adoption animaux Annaba, adoption animaux Sétif, adoption animaux Tlemcen, chien trouvé Alger, chat trouvé Alger, recherche propriétaire chien, recherche propriétaire chat, propriétaire chien perdu, propriétaire chat perdu, trouver famille d’accueil chien, famille d’accueil chat, famille d’accueil Algérie, urgence adoption chien, urgence adoption chat, urgence animal perdu, chien disparu Alger, chat disparu Alger, annoncer animal perdu, publier annonce adoption, publier perte animal, chien retrouvé, chat retrouvé, animaux à sauver, animaux en détresse Algérie, urgence sauvetage, sauvetage chiens Algérie, sauvetage chats Algérie, adoption responsable Algérie, adoption animale sérieuse, adoption gratuite Algérie, petite annonce animaux DZ, plateforme animaux Algérie, animaux perdus Oran, animaux perdus Constantine, animaux perdus Béjaïa, animaux perdus Tizi Ouzou, animaux perdus Blida, chien égaré, chat égaré, chat errant Algérie, chien errant Algérie, groupe Facebook adoption Algérie, page protection animale DZ, communauté adoption Algérie, animaux DZ Alger, animaux DZ Oran, animaux DZ Constantine, animaux DZ Béjaïa, animaux DZ Tizi Ouzou, publier chien perdu, publier chat perdu, partagez svp animaux, aide animaux Alger, aide animaux DZ, adoption Bergers Algérie, adoption chiens de race Algérie, adoption chats de rue, adoption chaton Algérie, chaton abandonné, chiot abandonné, chiot trouvé, chaton trouvé, refuge bénévole animaux, bénévoles animaux Algérie, aide urgente animaux, animaux blessés Alger, sauver chien, sauver chat, sauver animal, animal trouvé route, chien trouvé rue, chat trouvé rue, adoption chiot malinois, adoption chiot berger allemand, adoption chat persan Algérie, adoption chat européen Alger, adoption chat tigré, chat gris perdu, chat blanc perdu, chat noir perdu, chien noir perdu, chien blanc perdu, chien marron perdu, chien beige perdu, signalement animaux perdus, signalement chiens perdus, signalement chats perdus, annonce urgente chien perdu, annonce urgente chat perdu, animaux adoption Wilaya Alger, animaux adoption Wilaya Oran, animaux adoption Wilaya Constantine, animaux adoption Wilaya Béjaïa, تبني الحيوانات الجزائر, تبني الكلاب في الجزائر, تبني القطط في الجزائر, حيوانات للتبني, بيسة ضاعتلي, كلبي ضاع تعاونوني, نبحث على بسة, نبحث على كلب, لقيت بسة في الطريق, لقيت كلب في الطريق, الحيوان رايح, الحيوان هارب, لقيت قط صغير, لقيت جرو صغير, بسة محتاجة دار, كلب محتاج دار, بسة ضاعت البارح, كلب ضاع اليوم, منشور إنقاذ حيوان, إعلان ضياع حيوان, صفحة تبني جزائرية, مجموعة تبني الحيوانات, كلاب ضايعين الجزائر, بيسات ضايعين الجزائر, حيوانات ضايعة العاصمة, حيوانات ضايعة وهران, حيوانات ضايعة قسنطينة, تبني جراوي, تبني قطط صغار, إنقاذ قطط, إنقاذ كلاب, إنقاذ الحيوانات, جمعية حماية الحيوانات الجزائر, مراكز تبني الحيوانات, عناية بالحيوانات, رعاية القطط الجزائر, رعاية الكلاب الجزائر, مفقودات الحيوانات, إعلان مفقود كلب, إعلان مفقود بسة, adoption animaux Mostaganem, animaux perdus Bouira, animaux perdus Tipaza, animaux perdus Chlef, adoption animaux Médéa, chien perdu Médéa, chat perdu Médéa, animaux disparus DZ, animaux trouvés DZ, avis de recherche chien, avis de recherche chat, poster chien perdu Facebook, poster chat perdu Facebook, adoption animaux TikTok, adoption animaux Instagram, contenu adoption DZ, mots-clés adoption Algérie, mots-clés animaux DZ, optimisation SEO adoption, SEO animaux Algérie, adoption chats rares Algérie, adoption chiens sans abri, animaux sans maître Algérie, animaux recueillis Algérie, animaux abandonnés DZ, chiens des rues Algérie, chats des rues Algérie, famille aimante pour chien, famille aimante pour chat, recherche adoptant Algérie, adoptants sérieux Algérie, adoption rapide chien, adoption rapide chat, animal recueilli chez moi, animal trouvé dans rue, recherche bénévole animaux, rescue animals Algeria@stop

 
<!DOCTYPE html>
    <html dir="rtl" lang="dz">
            <head>
            <meta name="theme-color" content="#efac05" >
            <meta name="csrf-token" content="fiOCQROIGsurYpuBFxT8piwvS6oGTUOZBVs9agNt">
            <meta name="app-url" content="https://animo360.com/">
            <meta name="file-base-url" content="https://animo360.com/public/">
            <title>Chat pour adoption </title>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta name="robots" content="index, follow">
            <meta name="description" content="Animalerie Shop"/>
            <meta name="keywords" content="متجر الكتروني
التجارة في الجزائر
تاجر جزائري
سلع جزائرية
منتوجات جزائرية
شحن للجزائر
اسواق جزائرية">

            

    <!-- Schema.org markup for Google+ -->
    <meta itemprop="name" content="Chat pour adoption">
    <meta itemprop="description" content="السلام عليكم. 
اعلان تبني 📣 
هذا قط تخلاو عليه مع البرد و الشتا في الاقامة الجامعية للبنات العاصمة سعيد حمدين  .. لقيناه جيعان في حالة .. 
ذكر انقورا عمرو تقريبا 8 اشهر عاقل و متربي يعرف وين يقضي حاجتو و حنين">
    <meta itemprop="image" content="https://animo360.com/public/uploads/animals/6904ed2e17209.jpg">

    <!-- Twitter Card data -->
    <meta name="twitter:title" content="Chat pour adoption">
    <meta name="twitter:description" content="السلام عليكم. 
اعلان تبني 📣 
هذا قط تخلاو عليه مع البرد و الشتا في الاقامة الجامعية للبنات العاصمة سعيد حمدين  .. لقيناه جيعان في حالة .. 
ذكر انقورا عمرو تقريبا 8 اشهر عاقل و متربي يعرف وين يقضي حاجتو و حنين">
    <meta name="twitter:image" content="https://animo360.com/public/uploads/animals/6904ed2e17209.jpg">

    <!-- Open Graph data -->
    <meta property="og:title" content="Chat pour adoption" />
    <meta property="og:description" content="السلام عليكم. 
اعلان تبني 📣 
هذا قط تخلاو عليه مع البرد و الشتا في الاقامة الجامعية للبنات العاصمة سعيد حمدين  .. لقيناه جيعان في حالة .. 
ذكر انقورا عمرو تقريبا 8 اشهر عاقل و متربي يعرف وين يقضي حاجتو و حنين" />
    <meta property="og:site_name" content="Animo360" />
    <meta property="og:image" content="https://animo360.com/public/uploads/animals/6904ed2e17209.jpg" />

                            <!-- Schema.org markup for Google+ -->
                <meta itemprop="name" content="animo360">
                <meta itemprop="description" content="Animalerie Shop">
                <meta itemprop="image" content="https://animo360.com/public/uploads/all/bUDEakt6CQ0DCJTWKS609BYL5OAKQY7IJJNYdaaG.png">

                <!-- Twitter Card data -->
                <meta name="twitter:card" content="product">
                <meta name="twitter:site" content="@publisher_handle">
                <meta name="twitter:title" content="animo360">
                <meta name="twitter:description" content="Animalerie Shop">
                <meta name="twitter:creator" content="@author_handle">
                <meta name="twitter:image" content="https://animo360.com/public/uploads/all/bUDEakt6CQ0DCJTWKS609BYL5OAKQY7IJJNYdaaG.png">

                <!-- Open Graph data -->
                <meta property="og:title" content="animo360"/>
                <meta property="og:type" content="website"/>
                <meta property="og:url" content="https://animo360.com"/>
                <meta property="og:image" content="https://animo360.com/public/uploads/all/bUDEakt6CQ0DCJTWKS609BYL5OAKQY7IJJNYdaaG.png"/>
                <meta property="og:description" content="Animalerie Shop"/>
                <meta property="og:site_name" content="animo360"/>
                <meta property="fb:app_id" content="1557866308272834">
            
            <!-- Favicon -->
            <link rel="icon" href="https://animo360.com/public/uploads/all/501o39P4ZMgZmwQalWBccLa4G90wxlK90H8Czzmz.png">

            <!-- Google Fonts -->
            <link
                href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap"
                rel="stylesheet">
            <link rel="preconnect" href="https://fonts.googleapis.com">
            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
            <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap"
                  rel="stylesheet">

            <!-- CSS Files -->
            <link rel="stylesheet" href="https://animo360.com/public/assets/css/fancybox.min.css">
            <link rel="stylesheet" href="https://animo360.com/public/assets/css/vendors.css">
                            <link rel="stylesheet" href="https://animo360.com/public/assets/css/bootstrap-rtl.min.css">
                        <link rel="stylesheet" href="https://animo360.com/public/assets/css/aiz-core.css">
            <link rel="stylesheet" href="https://animo360.com/public/assets/css/custom-style.css">


            <script>
                var AIZ = AIZ || {};
            </script>

            <style>
                body {
                    font-family: 'Cairo', sans-serif;
                    font-weight: 400;

                    overflow: overlay;
                }



                ::-webkit-scrollbar {
                    width: 10px;
                    height: 10px;
                }
                ::-webkit-scrollbar-thumb {
                    opacity: 0;
                }

                ::-webkit-scrollbar-track {
                    opacity: 0;
                }

                :root {
                    --primary: #efac05;
                    --hov-primary: #151515;
                    --soft-primary: rgba(239,172,5,0.15);
                }
            </style>

                            <!-- Global site tag (gtag.js) - Google Analytics -->
                <script async src="https://www.googletagmanager.com/gtag/js?id=G-DSJFLDDKMW"></script>

                <script>
                    window.dataLayer = window.dataLayer || [];

                    function gtag() {
                        dataLayer.push(arguments);
                    }

                    gtag('js', new Date());
                    gtag('config', 'G-DSJFLDDKMW');
                </script>
            
                            <!-- Facebook Pixel Code -->
                <script>
                    !function (f, b, e, v, n, t, s) {
                        if (f.fbq) return;
                        n = f.fbq = function () {
                            n.callMethod ?
                                n.callMethod.apply(n, arguments) : n.queue.push(arguments)
                        };
                        if (!f._fbq) f._fbq = n;
                        n.push = n;
                        n.loaded = !0;
                        n.version = '2.0';
                        n.queue = [];
                        t = b.createElement(e);
                        t.async = !0;
                        t.src = v;
                        s = b.getElementsByTagName(e)[0];
                        s.parentNode.insertBefore(t, s)
                    }(window, document, 'script',
                        'https://connect.facebook.net/en_US/fbevents.js');
                    fbq('init', '1557866308272834');
                    fbq('track', 'PageView');
                </script>
                <noscript>
                    <img height="1" width="1" style="display:none"
                         src="https://www.facebook.com/tr?id=1557866308272834/&ev=PageView&noscript=1"/>
                </noscript>
                <!-- End Facebook Pixel Code -->
            
        </head>
        <body>
                <!-- aiz-main-wrapper -->
        <div class="aiz-main-wrapper d-flex flex-column">

            <!-- Header -->
            <!-- Top Bar -->
<style>
    /* #rssBlock{
        left:0px;
        height: 40px;
        position: absolute;
        width:100%;
        overflow: hidden;
    } */
    .cnnContents {
    width:100%;
    /* padding-top: 20px; */
    margin:0 auto;
    font-size: 20px;
    white-space: nowrap;
    font-family: 'Museo';
    font-weight: 300;
    }

    .marqueeStyleFR {
    display:inline-block;
    /* Apply animation to this element */
    -webkit-animation: scrolling-left1 25s linear infinite;
    animation: scrolling-left1 25s linear infinite;
    }
    .marqueeStyleAR {
    display:inline-block;
    /* Apply animation to this element */
    -webkit-animation: scrolling-right 25s linear infinite;
    animation: scrolling-right 25s linear infinite;
    }


    /* scrolling-left is continuous/repeatly text */
    @keyframes scrolling-left1 {
        0% {transform: translateX(0%);
            -webkit-transform: translateX(200%);}
        100% {transform: translateX(-200%);
            -webkit-transform: translateX(-200%);}
    }
    @keyframes scrolling-right {
        0% {transform: translateX(0%);
            -webkit-transform: translateX(0%);}
        100% {transform: translateX(300%);
            -webkit-transform: translateX(300%);}
    }

    @-webkit-keyframes scrolling-left1 {
        0% {-webkit-transform: translateX(0%);}
        100% {-webkit-transform: translateX(-200%);}
    }
    @-webkit-keyframes scrolling-right {
        0% {-webkit-transform: translateX(0%);}
        100% {-webkit-transform: translateX(300%);}
    }
</style>

<!-- END Top Bar -->
<!-- Top Bar -->
<div class="top-navbar d-none d-md-block bg-white border-bottom border-soft-secondary z-1035">
    <div class="container">
        <div class="row">
            <div class="col-lg-7 col">
                <ul class="list-inline d-flex justify-content-between justify-content-lg-start mb-0">
                                        <li class="list-inline-item dropdown mr-3" id="lang-change">
                                                <a href="javascript:void(0)" class="dropdown-toggle text-reset py-2" data-toggle="dropdown" data-display="static">
                            <img src="https://animo360.com/public/assets/img/placeholder.jpg" data-src="https://animo360.com/public/assets/img/flags/dz.png" class="mr-2 lazyload" alt="Arabic" height="11">
                            <span class="opacity-60">Arabic</span>
                        </a>
                        <ul dir="ltr" class="dropdown-menu dropdown-menu-left">
                                                            <li>
                                    <a href="javascript:void(0)" data-flag="en" class="dropdown-item ">
                                        <img src="https://animo360.com/public/assets/img/placeholder.jpg" data-src="https://animo360.com/public/assets/img/flags/en.png" class="mr-1 lazyload" alt="English" height="11">
                                        <span class="language">English</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="javascript:void(0)" data-flag="dz" class="dropdown-item ">
                                        <img src="https://animo360.com/public/assets/img/placeholder.jpg" data-src="https://animo360.com/public/assets/img/flags/dz.png" class="mr-1 lazyload" alt="Arabic" height="11">
                                        <span class="language">Arabic</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="javascript:void(0)" data-flag="fr" class="dropdown-item ">
                                        <img src="https://animo360.com/public/assets/img/placeholder.jpg" data-src="https://animo360.com/public/assets/img/flags/fr.png" class="mr-1 lazyload" alt="Française" height="11">
                                        <span class="language">Française</span>
                                    </a>
                                </li>
                                                    </ul>
                    </li>
                    
                                    </ul>
            </div>

            <div class="col-5 text-right d-none d-lg-block">
                <ul class="list-inline mb-0">
                                            <li class="list-inline-item mr-3">
                            <a href="https://animo360.com/users/login" class="text-reset py-2 d-inline-block opacity-60">تسجيل الدخول</a>
                        </li>
                        <li class="list-inline-item">
                            <a href="https://animo360.com/users/registration" class="text-reset py-2 d-inline-block opacity-60">التسجيل</a>
                        </li>
                                    </ul>
            </div>
        </div>
    </div>
</div>
<!-- END Top Bar -->
<header class=" sticky-top  z-1020 bg-white border-bottom shadow-sm" dir="ltr">
            <div class=" border-bottom border-soft-secondary z-1035" style="background-color:#ffd500 ;color:#000000;padding: 3px;">
                <div class="d-flex justify-content-between align-items-center" style="height: 15px">
                    <div class="d-flex flex-grow-1">
                                                    <marquee width="100%" direction="right">
                                <a href="https://www.animo360.com/product/pack-ultra-complet-pour-chats-litiere-dentifrice-accessoires-cadeaux-tout-pour-le-bien-etre-de-votre-felin" style="color:#000000">
                                    <b>🐾 الجمعة الصفراء على Animaux360! 🐾💛
🔥✨ تخفيضات رهييبة على جميع منتجات الحيوانات الأليفة! ✨🔥
⚡🛍️ عروض فلاش • تخفيضات كبيرة • كميات محدودة 🛍️⚡
🎉🐶 اغتنموا الفرصة الآن! 🐱🎉</b>
                                </a>
                            </marquee>
                                            </div>
                                    </div>
        </div>
        <div class="position-relative logo-bar-area">
        <div class="container">
            <div class="d-flex align-items-center">
                <div class="d-md-none">
                    <a href="javascript:void(0)" class="text-reset d-block text-center mobile-side-menu" data-toggle="class-toggle" data-target=".aiz-mobile-side-menu">
                        <i class="las la-bars mr-2" style="font-size: 32px"></i>
                    </a>
                </div>
                <div class="col-auto col-xl-3 pl-0 pr-0 d-flex align-items-center">
                    <a class="d-block py-15px mr-0 ml-0" href="https://animo360.com">
                                                                            <img src="https://animo360.com/public/uploads/all/qYLlODvRfoxqj5m4MWIgrPhiCXAjcwOPaKig04Xy.png" alt="animo360" class="mw-100 h-25px h-md-40px" height="40">
                                            </a>

                                            <div class="d-none d-xl-block align-self-stretch category-menu-icon-box ml-auto mr-0">
                            <div class="h-100 d-flex align-items-center" id="category-menu-icon">
                                <div class="dropdown-toggle navbar-light bg-light h-40px w-50px pl-2 rounded border c-pointer">
                                    <span class="navbar-toggler-icon"></span>
                                </div>
                            </div>
                        </div>
                                    </div>
                <div class="d-lg-none mr-0" style="margin-left: auto!important;">
                    <a class="p-2 d-block text-reset" href="javascript:void(0);" data-toggle="class-toggle" data-target=".front-header-search">
                        <i class="las la-search la-flip-horizontal la-2x"></i>
                    </a>
                </div>
                <div class="d-lg-none ml-2">
                    <ul class="list-inline d-flex justify-content-between justify-content-lg-start mb-0">
                                                <li class="list-inline-item dropdown" id="lang-change">
                                                        <a href="javascript:void(0)" class="dropdown-toggle text-reset py-2" data-toggle="dropdown" data-display="static">
                                <img style="height: 17px;width: 17px;border-radius: 150%" src="https://animo360.com/public/assets/img/placeholder.jpg" data-src="https://animo360.com/public/assets/img/flags/dz.png" class=" lazyload" alt="Arabic" height="15">
                                
                            </a>
                            <ul class="dropdown-menu " style="right:0;left:auto">
                                                                    <li>
                                        <a href="javascript:void(0)" data-flag="en" class="dropdown-item ">
                                            <img src="https://animo360.com/public/assets/img/placeholder.jpg" data-src="https://animo360.com/public/assets/img/flags/en.png" class="mr-1 lazyload" alt="English" height="11">
                                            <span class="language">English</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="javascript:void(0)" data-flag="dz" class="dropdown-item ">
                                            <img src="https://animo360.com/public/assets/img/placeholder.jpg" data-src="https://animo360.com/public/assets/img/flags/dz.png" class="mr-1 lazyload" alt="Arabic" height="11">
                                            <span class="language">Arabic</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="javascript:void(0)" data-flag="fr" class="dropdown-item ">
                                            <img src="https://animo360.com/public/assets/img/placeholder.jpg" data-src="https://animo360.com/public/assets/img/flags/fr.png" class="mr-1 lazyload" alt="Française" height="11">
                                            <span class="language">Française</span>
                                        </a>
                                    </li>
                                                            </ul>
                        </li>
                                            </ul>
                </div>

                <div class="flex-grow-1 front-header-search d-flex align-items-center bg-white">
                    <div class="position-relative flex-grow-1">
                        <form action="https://animo360.com/search" method="GET" class="stop-propagation">
                            <div class="d-flex position-relative align-items-center">
                                <div class="d-lg-none" data-toggle="class-toggle" data-target=".front-header-search">
                                    <button class="btn px-2" type="button"><i class="la la-2x la-long-arrow-left"></i></button>
                                </div>
                                <div class="input-group">
                                    <input type="text" class="border-0 border-lg form-control" id="search" name="q" placeholder="انا اتسوق لأجل..." autocomplete="off">
                                    <div class="input-group-append d-none d-lg-block">
                                        <button class="btn btn-primary" type="submit">
                                            <i class="la la-search la-flip-horizontal fs-18"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="typed-search-box stop-propagation document-click-d-none d-none bg-white rounded shadow-lg position-absolute left-0 top-100 w-100" style="min-height: 200px">
                            <div class="search-preloader absolute-top-center">
                                <div class="dot-loader"><div></div><div></div><div></div></div>
                            </div>
                            <div class="search-nothing d-none p-3 text-center fs-16">

                            </div>
                            <div id="search-content" class="text-left">

                            </div>
                        </div>
                    </div>
                </div>

                <div class="d-none d-lg-none ml-3 mr-0">
                    <div class="nav-search-box">
                        <a href="#" class="nav-box-link">
                            <i class="la la-search la-flip-horizontal d-inline-block nav-box-icon"></i>
                        </a>
                    </div>
                </div>

                <div class="d-none d-lg-block ml-3 mr-0">
                    <div class="" id="compare">
                                            </div>
                </div>

                <div class="d-none d-lg-block ml-3 mr-0">
                    <div class="" id="wishlist">
                        <a href="https://animo360.com/wishlists" class="d-flex align-items-center text-reset">
    <i class="la la-heart-o la-2x opacity-80"></i>
    <span class="flex-grow-1 ml-1">
                    <span class="badge badge-primary badge-inline badge-pill">0</span>
                <span class="nav-box-text d-none d-xl-block opacity-70">قائمة المفضلة</span>
    </span>
</a>
                    </div>
                </div>

                <div class="d-none d-lg-block  align-self-stretch ml-3 mr-0" data-hover="dropdown">
                    <div class="nav-cart-box dropdown h-100" id="cart_items">
                        <a href="javascript:void(0)" class="d-flex align-items-center text-reset h-100" data-toggle="dropdown" data-display="static">
    <i class="la la-shopping-cart la-2x opacity-80"></i>
    <span class="flex-grow-1 ml-1">
                    <span class="badge badge-primary badge-inline badge-pill">0</span>
                <span class="nav-box-text d-none d-xl-block opacity-70">عربة التسوق</span>
    </span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg p-0 stop-propagation">
            <div class="text-center p-3">
            <i class="las la-frown la-3x opacity-60 mb-3"></i>
            <h3 class="h6 fw-700">عربة التسوق فارغة</h3>
        </div>
    </div>
                    </div>
                </div>

            </div>
        </div>
                <div class="hover-category-menu position-absolute w-100 top-100 left-0 right-0 d-none z-3" id="hover-category-menu">
            <div class="container">
                <div class="row gutters-10 position-relative">
                    <div class="col-lg-3 position-static">
                        <div class="aiz-category-menu bg-white rounded  shadow-lg" id="category-sidebar" >
    <div class="p-3 bg-soft-primary d-none d-lg-block rounded-top all-category position-relative text-left">
        <span class="fw-600 fs-16 mr-3">التصنيفات</span>
        <a href="https://animo360.com/categories" class="text-reset">
            <span class="d-none d-lg-inline-block">اظهار الكل ></span>
        </a>
    </div>
    <ul class="list-unstyled categories no-scrollbar py-2 mb-0 text-left">
                    <li class="category-nav-element" data-id="19">
                <a href="https://animo360.com/category/chats" class="text-truncate text-reset py-2 px-3 d-block">
                    <img
                        class="cat-image lazyload mr-2 opacity-60"
                        src="https://animo360.com/public/assets/img/placeholder.jpg"
                        data-src="https://animo360.com/public/uploads/all/x5Os5Q5pfVdC20XZ0AGQjjyQJ0Nl4FoH14SeFDCQ.jpg"
                        width="16"
                        alt="قطط"
                        onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';"
                    >
                    <span class="cat-name">قطط</span>
                </a>
                                    <div class="sub-cat-menu c-scrollbar-light rounded shadow-lg p-4">
                        <div class="c-preloader text-center absolute-center">
                            <i class="las la-spinner la-spin la-3x opacity-70"></i>
                        </div>
                    </div>
                            </li>
                    <li class="category-nav-element" data-id="72">
                <a href="https://animo360.com/category/chien" class="text-truncate text-reset py-2 px-3 d-block">
                    <img
                        class="cat-image lazyload mr-2 opacity-60"
                        src="https://animo360.com/public/assets/img/placeholder.jpg"
                        data-src="https://animo360.com/public/uploads/all/wWDERaEVpf6MhihpIEoXQQDwv8AssYWGJcgiGfzk.jpg"
                        width="16"
                        alt="كلاب"
                        onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';"
                    >
                    <span class="cat-name">كلاب</span>
                </a>
                                    <div class="sub-cat-menu c-scrollbar-light rounded shadow-lg p-4">
                        <div class="c-preloader text-center absolute-center">
                            <i class="las la-spinner la-spin la-3x opacity-70"></i>
                        </div>
                    </div>
                            </li>
                    <li class="category-nav-element" data-id="73">
                <a href="https://animo360.com/category/oisseaux" class="text-truncate text-reset py-2 px-3 d-block">
                    <img
                        class="cat-image lazyload mr-2 opacity-60"
                        src="https://animo360.com/public/assets/img/placeholder.jpg"
                        data-src="https://animo360.com/public/uploads/all/BK7nsTke5oe8tiHeAaGTrdwZh1yWBeitfEthNXhU.jpg"
                        width="16"
                        alt="طيور"
                        onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';"
                    >
                    <span class="cat-name">طيور</span>
                </a>
                                    <div class="sub-cat-menu c-scrollbar-light rounded shadow-lg p-4">
                        <div class="c-preloader text-center absolute-center">
                            <i class="las la-spinner la-spin la-3x opacity-70"></i>
                        </div>
                    </div>
                            </li>
                    <li class="category-nav-element" data-id="74">
                <a href="https://animo360.com/category/sant%C3%A9" class="text-truncate text-reset py-2 px-3 d-block">
                    <img
                        class="cat-image lazyload mr-2 opacity-60"
                        src="https://animo360.com/public/assets/img/placeholder.jpg"
                        data-src="https://animo360.com/public/uploads/all/Tv833SZqPKciagH4BNg204BZpv6zGHZhfu3JfHec.jpg"
                        width="16"
                        alt="صحة"
                        onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';"
                    >
                    <span class="cat-name">صحة</span>
                </a>
                                    <div class="sub-cat-menu c-scrollbar-light rounded shadow-lg p-4">
                        <div class="c-preloader text-center absolute-center">
                            <i class="las la-spinner la-spin la-3x opacity-70"></i>
                        </div>
                    </div>
                            </li>
                    <li class="category-nav-element" data-id="75">
                <a href="https://animo360.com/category/rongeur" class="text-truncate text-reset py-2 px-3 d-block">
                    <img
                        class="cat-image lazyload mr-2 opacity-60"
                        src="https://animo360.com/public/assets/img/placeholder.jpg"
                        data-src="https://animo360.com/public/uploads/all/0FuaQgOtd2N6HhtMdOLRKfYLV54s7pTQWMzck5s0.jpg"
                        width="16"
                        alt="القوارض"
                        onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';"
                    >
                    <span class="cat-name">القوارض</span>
                </a>
                                    <div class="sub-cat-menu c-scrollbar-light rounded shadow-lg p-4">
                        <div class="c-preloader text-center absolute-center">
                            <i class="las la-spinner la-spin la-3x opacity-70"></i>
                        </div>
                    </div>
                            </li>
                    <li class="category-nav-element" data-id="76">
                <a href="https://animo360.com/category/poisson" class="text-truncate text-reset py-2 px-3 d-block">
                    <img
                        class="cat-image lazyload mr-2 opacity-60"
                        src="https://animo360.com/public/assets/img/placeholder.jpg"
                        data-src="https://animo360.com/public/uploads/all/60bQHBSkkQbY84zkqk4tMoqc97atgLx4zBCtt5Uw.jpg"
                        width="16"
                        alt="أسماك"
                        onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';"
                    >
                    <span class="cat-name">أسماك</span>
                </a>
                                    <div class="sub-cat-menu c-scrollbar-light rounded shadow-lg p-4">
                        <div class="c-preloader text-center absolute-center">
                            <i class="las la-spinner la-spin la-3x opacity-70"></i>
                        </div>
                    </div>
                            </li>
                    <li class="category-nav-element" data-id="101">
                <a href="https://animo360.com/category/alimentation" class="text-truncate text-reset py-2 px-3 d-block">
                    <img
                        class="cat-image lazyload mr-2 opacity-60"
                        src="https://animo360.com/public/assets/img/placeholder.jpg"
                        data-src="https://animo360.com/public/uploads/all/GUajCcnavTG14Qgo1rbG5gHsnKRfDIjd5tBQTETE.jpg"
                        width="16"
                        alt="تغذية"
                        onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';"
                    >
                    <span class="cat-name">تغذية</span>
                </a>
                                    <div class="sub-cat-menu c-scrollbar-light rounded shadow-lg p-4">
                        <div class="c-preloader text-center absolute-center">
                            <i class="las la-spinner la-spin la-3x opacity-70"></i>
                        </div>
                    </div>
                            </li>
                    <li class="category-nav-element" data-id="105">
                <a href="https://animo360.com/category/cheval" class="text-truncate text-reset py-2 px-3 d-block">
                    <img
                        class="cat-image lazyload mr-2 opacity-60"
                        src="https://animo360.com/public/assets/img/placeholder.jpg"
                        data-src="https://animo360.com/public/uploads/all/qTxBhROPBCj2NhOtU9OotdV4pxrEh9HCYE1L2ra5.jpg"
                        width="16"
                        alt="حصان"
                        onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';"
                    >
                    <span class="cat-name">حصان</span>
                </a>
                            </li>
                    <li class="category-nav-element" data-id="106">
                <a href="https://animo360.com/category/packs" class="text-truncate text-reset py-2 px-3 d-block">
                    <img
                        class="cat-image lazyload mr-2 opacity-60"
                        src="https://animo360.com/public/assets/img/placeholder.jpg"
                        data-src="https://animo360.com/public/uploads/all/JVjqnuGGl6FfDU4oIoS7Aqs6QkdK6K2E9bq5nuQs.jpg"
                        width="16"
                        alt="طاقم"
                        onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';"
                    >
                    <span class="cat-name">طاقم</span>
                </a>
                                    <div class="sub-cat-menu c-scrollbar-light rounded shadow-lg p-4">
                        <div class="c-preloader text-center absolute-center">
                            <i class="las la-spinner la-spin la-3x opacity-70"></i>
                        </div>
                    </div>
                            </li>
            </ul>
</div>
                    </div>
                </div>
            </div>
        </div>
            </div>
</header>
<div class="side-navs-custom aiz-mobile-side-menu collapse-sidebar-wrap sidebar-xl d-xl-none z-1035">
    <div class="overlay dark c-pointer overlay-fixed" data-toggle="class-toggle" data-target=".aiz-mobile-side-menu" data-same=".mobile-side-menu"></div>
    <div class="collapse-sidebar bg-white">
        <div class="aiz-user-sidenav-wrap pt-4 position-relative z-1 shadow-sm">
    <div class="absolute-top-right d-xl-none">
        <button class="btn btn-sm p-2" data-toggle="class-toggle" data-target=".aiz-mobile-side-menu" data-same=".mobile-side-nav-menu">
            <i class="las la-times la-2x"></i>
        </button>
    </div>
        <div class="aiz-user-sidenav rounded overflow-hidden  c-scrollbar-light">
                <div class="aiz-user-sidenav-wrap mt-4 position-relative z-1 shadow-sm">
            <div class="aiz-user-sidenav rounded overflow-hidden  c-scrollbar-light">
                <div class="px-4 text-center mb-4">
                    <h3>Menu</h3>
                </div>
            </div>
        </div>
                <div class="sidemnenu mb-3">
            <ul class="aiz-side-nav-list" data-toggle="aiz-side-menu">
                                <li class="aiz-side-nav-item">
                    <a href="https://animo360.com/cart" class="aiz-side-nav-link ">
                        <i class="las la-shopping-bag aiz-side-nav-icon"></i>
                        <span class="aiz-side-nav-text">عربة التسوق</span>
                    </a>
                </li>
                <li class="aiz-side-nav-item">
                    <a href="https://animo360.com/wishlists" class="aiz-side-nav-link ">
                        <i class="la la-heart-o aiz-side-nav-icon"></i>
                        <span class="aiz-side-nav-text">قائمة المفضلة</span>
                    </a>
                </li>
                                                    <li class="aiz-side-nav-item">
                        <a href="https://animo360.com/users/login" class="aiz-side-nav-link ">
                            <i class="las la-user aiz-side-nav-icon"></i>
                            <span class="aiz-side-nav-text">تسجيل الدخول</span>
                        </a>
                    </li>
                    <li class="aiz-side-nav-item">
                        <a href="https://animo360.com/users/registration" class="aiz-side-nav-link ">
                            <i class="las la-user aiz-side-nav-icon"></i>
                            <span class="aiz-side-nav-text">التسجيل</span>
                        </a>
                    </li>
                
            </ul>
        </div>
        <hr style="border: 3px solid black">
        <div class="sidemnenu mb-3">
            <ul class="aiz-side-nav-list" data-toggle="aiz-side-menu">
                <li class="aiz-side-nav-item">
                    <a href="https://animo360.com/veto" class="aiz-side-nav-link my-1 align-items-center" style="font-weight: bolder;background-color: #00B6CD">
                        
                        <span class="aiz-side-nav-text">Vétérinaire</span>
                        <b><i class="las la-angle-right float-right la-lg"></i></b>
                    </a>
                </li>
                <li class="aiz-side-nav-item">
                    <a href="https://animo360.com/adopt" class="aiz-side-nav-link my-1 align-items-center" style="font-weight: bolder;background-color: #0BD97A;">
                        
                        <span class="aiz-side-nav-text">Adoption</span>
                        <b><i class="las la-angle-right float-right la-lg"></i></b>
                    </a>
                </li>
                <li class="aiz-side-nav-item">
                    <a href="https://animo360.com/blog" class="aiz-side-nav-link my-1 align-items-center" style="font-weight: bolder;background-color: #EEAC05;">
                        
                        <span class="aiz-side-nav-text">Blog 360</span>
                        <b><i class="las la-angle-right float-right la-lg"></i></b>
                    </a>
                </li>
            </ul>
        </div>

        <hr style="border: 3px solid black">

        <div class="sidemnenu mb-3">
            <ul class="aiz-side-nav-list" data-toggle="aiz-side-menu">
                <li class="aiz-side-nav-item">
                    <a href="https://animo360.com/terms" class="aiz-side-nav-link ">
                        <i class="la la-file-text aiz-side-nav-icon"></i>
                        <span class="aiz-side-nav-text">البنود و السياسات</span>
                    </a>
                </li>
                <li class="aiz-side-nav-item">
                    <a href="https://animo360.com/returnpolicy" class="aiz-side-nav-link ">
                        <i class="la la-mail-reply aiz-side-nav-icon"></i>
                        <span class="aiz-side-nav-text">سياسة العائدات</span>
                    </a>
                </li>
                <li class="aiz-side-nav-item">
                    <a href="https://animo360.com/supportpolicy" class="aiz-side-nav-link ">
                        <i class="la la-support aiz-side-nav-icon"></i>
                        <span class="aiz-side-nav-text">سياسة الدعم</span>
                    </a>
                </li>
                <li class="aiz-side-nav-item">
                    <a href="https://animo360.com/privacypolicy" class="aiz-side-nav-link ">
                        <i class="las la-exclamation-circle aiz-side-nav-icon"></i>
                        <span class="aiz-side-nav-text">سياسة الخصوصية</span>
                    </a>
                </li>


            </ul>
        </div>
    </div>
</div>
    </div>
</div>

            <link rel="stylesheet" href="https://animo360.com/public/assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="https://animo360.com/public/assets/css/owl.theme.default.css">
<style>
    .content-preview {
        max-height: 600px;
        overflow: hidden;
        position: relative;
    }

    .content-inner {
        padding-bottom: 120px;
    }

    .content-overlay {
        padding: 60px 0 20px;
        text-align: center;
        background: linear-gradient(
            to bottom,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,1) 50%
        );
    }

    .download-buttons {
        display: flex;
        justify-content: center;
        gap: 12px;
        margin-top: 15px;
    }

    .store-btn img {
        height: 48px;
        transition: 0.2s;
    }

    .store-btn img:hover {
        transform: scale(1.05);
    }
</style>
<a href="https://animo360.com/adopt" class="px-2 pt-2"> &lt; Back</a>
<section class="mb-4 pt-3">
    <div class="container">
        <div class="bg-white shadow-sm rounded p-3">
            <div class="row">
                <div class="col-xl-5 col-lg-6" dir="ltr">
                    <div class="gallery-wrap">
                        <div class="owl-init owl-carousel" data-items="1" data-dots="false" data-nav="false" id="productGallery">

                            <div class="">
                                <a href="https://animo360.com/public/uploads/animals/6904ed2e17209.jpg" data-fancybox="" id="main-a">
                                    <img
                                        style="width: 100%; height: auto;"
                                        id="main-img"
                                        class="img-fluid lazyload"
                                        src="https://animo360.com/public/assets/img/placeholder.jpg"
                                        data-src="https://animo360.com/public/uploads/animals/6904ed2e17209.jpg"
                                        onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';">
                                </a>
                            </div>
                   
                                                                                        <div class="">
                                    <a href="https://animo360.com/public/uploads/animals/6905bce9323f9.jpg" data-fancybox="" id="main-a">
                                        <img
                                            style="width: 100%; height: auto;"
                                            id="main-img"
                                            class="img-fluid lazyload"
                                            src="https://animo360.com/public/assets/img/placeholder.jpg"
                                            data-src="https://animo360.com/public/uploads/animals/6905bce9323f9.jpg"
                                            onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';">
                                    </a>
                                </div>
                                                                                                                    <div class="">
                                    <a href="https://animo360.com/public/uploads/animals/6905bcee1828d.jpg" data-fancybox="" id="main-a">
                                        <img
                                            style="width: 100%; height: auto;"
                                            id="main-img"
                                            class="img-fluid lazyload"
                                            src="https://animo360.com/public/assets/img/placeholder.jpg"
                                            data-src="https://animo360.com/public/uploads/animals/6905bcee1828d.jpg"
                                            onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';">
                                    </a>
                                </div>
                                                                                                                    <div class="">
                                    <a href="https://animo360.com/public/uploads/animals/6905bcf2acb08.jpg" data-fancybox="" id="main-a">
                                        <img
                                            style="width: 100%; height: auto;"
                                            id="main-img"
                                            class="img-fluid lazyload"
                                            src="https://animo360.com/public/assets/img/placeholder.jpg"
                                            data-src="https://animo360.com/public/uploads/animals/6905bcf2acb08.jpg"
                                            onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';">
                                    </a>
                                </div>
                                                                                                                    <div class="">
                                    <a href="https://animo360.com/public/uploads/animals/6905bcf822d20.jpg" data-fancybox="" id="main-a">
                                        <img
                                            style="width: 100%; height: auto;"
                                            id="main-img"
                                            class="img-fluid lazyload"
                                            src="https://animo360.com/public/assets/img/placeholder.jpg"
                                            data-src="https://animo360.com/public/uploads/animals/6905bcf822d20.jpg"
                                            onerror="this.onerror=null;this.src='https://animo360.com/public/assets/img/placeholder.jpg';">
                                    </a>
                                </div>
                                                                                </div>
                    </div>
                </div>

                <div class="col-xl-7 col-lg-6">
                    <div class="text-left">

                        <div class="row align-items-center mt-3">
                            <div class="col-9">
                                <h1 class="mb-2 fs-20 fw-600">
                                    
                                </h1>
                                <h6>Animal Type: 
                                                                                قط
                                                                            </h6>
                                <h6>ولاية: Alger</h6>
                    
                                                                <p>السلام عليكم. 
اعلان تبني 📣 
هذا قط تخلاو عليه مع البرد و الشتا في الاقامة الجامعية للبنات العاصمة سعيد حمدين  .. لقيناه جيعان في حالة .. 
ذكر انقورا عمرو تقريبا 8 اشهر عاقل و متربي يعرف وين يقضي حاجتو و حنين</p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="content-overlay">
    <p><b>Download the app to view owner information</b></p>

    <div class="download-buttons">
         
            <a href="https://play.google.com/store/apps/details?id=com.khotowatech.animo360" class="store-btn google">
                <img src="https://animo360.com/public/assets/img/icons/Google_Play-Badge-Logo.wine.png" alt="Google Play">
            </a>
         

         
            <a href="https://apps.apple.com/dz/app/animo360/id6745801813?l=fr-FR" class="store-btn apple">
                <img src="https://animo360.com/public/assets/img/icons/APP_Store_Badge.png" alt="App Store">
            </a>
         
    </div>
</div>

    

            <section class="bg-dark py-5 text-light">
    <div class="container">
        <div class="row">
            <div class="col-lg-5 col-xl-4 text-center text-md-left">
                <div class="mt-4">
                    <a href="https://animo360.com" class="d-block">
                                                    <img class="lazyload" src="https://animo360.com/public/assets/img/placeholder-rect.jpg"
                                data-src="https://animo360.com/public/uploads/all/4IYRRK0WZWswwTm2IfMBokUrLkrw3CqlMxmFcyej.png"
                                alt="animo360" height="44">
                                            </a>
                    <div class="my-3 text-white">
                        <p><font color="#ffffff"><span style="" segoe="" ui="" historic",="" "segoe="" ui",="" helvetica,="" arial,="" sans-serif;="" font-size:="" 15px;="" white-space:="" pre-wrap;="" background-color:="" rgb(228,="" 230,="" 235);"="">Animalerie Animo360.. Au tour de vos animaux. Tous se que votre compagnon a 4 pattes à besoin
متجر للحيونات الأليفة. كل ما يخص حيوانك ستجده عندAnimo360</span><br></font></p><div><span class="svngc6pa ay7djpcl ni8dbmo4 stjgntxs pmk7jnqg g0qnabr5 rfua0xdk" style="height: 1px; white-space: nowrap; overflow: hidden; position: absolute; width: 1px; clip: rect(1px, 1px, 1px, 1px); font-family: " segoe="" ui="" historic",="" "segoe="" ui",="" helvetica,="" arial,="" sans-serif;="" color:="" rgb(28,="" 30,="" 33);="" font-size:="" 15px;"=""><h4 class="gmql0nx0 l94mrbxd p1ri9a11 lzcic4wl" dir="auto" style="font-size: inherit; font-weight: inherit; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; outline: none; font-family: inherit;"><div style="font-family: inherit;"><font color="#ffffff">Date d’envoi de votre message&nbsp;:&nbsp;Aujourd’hui, à 22:57</font></div></h4></span></div><p></p>                    </div>
                    <div class="d-inline-block d-md-block">
                        <form class="form-inline" method="POST" action="https://animo360.com/subscribers">
                            <input type="hidden" name="_token" value="fiOCQROIGsurYpuBFxT8piwvS6oGTUOZBVs9agNt" autocomplete="off">                            <div class="form-group mb-0">
                                <input type="email" class="form-control"
                                    placeholder="عنوان بريدك الإلكتروني" name="email" required>
                            </div>
                            <button type="submit" class="btn btn-primary">
                                الإشتراك
                            </button>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4">
                <div class="text-center text-md-left mt-4">
                    <h4 class="fs-13 text-uppercase fw-600 border-bottom border-gray-900 pb-2 mb-4">
                        
                    </h4>
                    <ul class="list-unstyled">
                                            </ul>
                </div>
            </div>

            
        </div>
    </div>
</section>

<!-- FOOTER -->
<footer class="pt-3 pb-7 pb-xl-3 bg-black text-light">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-4">
                <div class="text-center text-md-left text-white">
                    <div><div id="copyright" style="margin: 3px 0px 0px; padding: 0px; float: left; text-align: right;"><font color="#ffffff"><b style="font-family: Arial, Helvetica, sans-serif; font-size: 11px;">Animo360 © Copyright 2021&nbsp;</b></font></div></div>                </div>
            </div>
            <div class="col-lg-4">
                <ul class="list-inline my-3 my-md-0 social colored text-center">
                                            <li class="list-inline-item">
                            <a href="https://www.facebook.com/animo360dz" target="_blank" class="facebook"><i
                                    class="lab la-facebook-f"></i></a>
                        </li>
                                                                <li class="list-inline-item">
                            <a href="https://www.twitter.com/" target="_blank" class="twitter"><i
                                    class="lab la-twitter"></i></a>
                        </li>
                                                                <li class="list-inline-item">
                            <a href="https://www.instagram.com/animo360dzteam/" target="_blank" class="instagram"><i
                                    class="lab la-instagram"></i></a>
                        </li>
                                                                <li class="list-inline-item">
                            <a href="https://www.youtube.com/channel/UC5OqOAQqkEjlgBrxVKKwvhg" target="_blank" class="youtube"><i
                                    class="lab la-youtube"></i></a>
                        </li>
                                                                <li class="list-inline-item">
                            <a href="https://www.linkedin.com/" target="_blank" class="linkedin"><i
                                    class="lab la-linkedin-in"></i></a>
                        </li>
                                    </ul>
            </div>
            <div class="col-lg-4">
                <div class="text-center text-md-right">
                    <ul class="list-inline mb-0">
                                                                                    <li class="list-inline-item">
                                    <img src="" height="30">
                                </li>
                                                                        </ul>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="text-center text-md-right">
                    <ul class="list-inline mb-0">
                                            </ul>
                </div>
            </div>
        </div>
    </div>
</footer>




<div class="aiz-mobile-bottom-nav d-xl-none fixed-bottom bg-white shadow-lg border-top rounded-top"
    style="box-shadow: 0px -1px 10px rgb(0 0 0 / 15%)!important; " dir="ltr">
    <div class="row align-items-center gutters-5">
        <div class="col">

            <a href="javascript:void(0)" class="text-reset d-block text-center pb-2 pt-3 mobile-side-contact" data-toggle="class-toggle" data-target=".aiz-mobile-side-contact">
                <i class="las la-user-astronaut fs-20 opacity-100"></i>
                <span class="d-block fs-10 fw-600 opacity-100 ">اتصال</span>
            </a>

        </div>
        <div class="col">
            <a href="javascript:void(0)" class="text-reset d-block text-center pb-2 pt-3 mobile-side-category" data-toggle="class-toggle" data-target=".aiz-mobile-side-category">
                <i class="las la-list-ul fs-20 opacity-100 "></i>
                <span class="d-block fs-10 fw-600 opacity-100 ">التصنيفات</span>
            </a>
        </div>
        <div class="col-auto">
            <a href="https://animo360.com" class="text-reset d-block text-center pb-2 pt-3">
                <span
                    class="align-items-center bg-primary border border-white border-width-4 d-flex justify-content-center position-relative rounded-circle size-50px"
                    style="margin-top: -33px;margin-left: 7px;box-shadow: 0px -5px 10px rgb(0 0 0 / 15%);border-color: #fff !important;">
                    <img src="https://animo360.com/public/assets/img/fav.png" width="35px" alt="">
                </span>
                <span class="d-block mt-1 fs-10 fw-600 opacity-100 ">
                    الصفحة الرئيسية
                </span>
            </a>
        </div>
        <div class="col">
            <a href="javascript:void(0)" onclick="convContent()" class="text-reset d-block text-center pb-2 pt-3 mobile-side-message" data-toggle="class-toggle" data-target=".aiz-mobile-side-message">
                <span class="d-inline-block position-relative px-2">
                    <i class="las la-bell fs-20 opacity-100 "></i>
                </span>
                <span class="d-block fs-10 fw-600 opacity-100 ">رسالة</span>
                                            </a>
        </div>
        <div class="col">
                            <a href="javascript:void(0)" onclick="basketContent()" class="text-reset d-block text-center pb-2 pt-3 mobile-side-panier" data-toggle="class-toggle" data-target=".aiz-mobile-side-panier">
                    <span class="d-block mx-auto">
                        <i class="las la-shopping-bag fs-20 opacity-100 "></i>
                                                    <span style="right: unset" class="badge badge-circle badge-primary position-absolute absolute-top-right" id="cart_items_sidenav">0</span>
                                            </span>
                    <span class="d-block fs-10 fw-600 opacity-100">عربة التسوق</span>
                </a>
                    </div>
    </div>
</div>


<div class="side-navs-custom aiz-mobile-side-contact collapse-sidebar-wrap sidebar-xl d-xl-none z-1035">
    <div class="overlay dark c-pointer overlay-fixed" data-toggle="class-toggle" data-target=".aiz-mobile-side-contact" data-same=".mobile-side-contact"></div>
    <div class="collapse-sidebar bg-white">
        <style>

</style>
<div class="aiz-user-sidenav-wrap pt-4 position-relative z-1 shadow-sm">
    <div class="absolute-top-right d-xl-none">
        <button class="btn btn-sm p-2" data-toggle="class-toggle" data-target=".aiz-mobile-side-contact" data-same=".mobile-side-contact">
            <i class="las la-times la-2x"></i>
        </button>
    </div>
    <div class="aiz-user-sidenav rounded overflow-hidden  c-scrollbar-light">
        <div class="px-4 text-center mb-4">
            <h3>اتصال</h3>
        </div>

        <div class="sidemnenu mb-3">
            <div>
                <div class="d-flex text-center align-items-center">
                    <hr>
                    <span><b>وسائل التواصل الاجتماعي</b></span>
                    <hr>
                </div>
                <div class="">
                    <ul class="list-inline my-3 my-md-0 social colored text-center">
                                                    <li class="list-inline-item">
                                <a href="https://www.instagram.com/animo360dzteam/" target="_blank">
                                    <img src="https://animo360.com/public/uploads/all/fm11UGJrRPMfeNAoFiY1U00qhbPyWaF7geeIgNQE.png" width="30px" alt="Icon">
                                </a>
                            </li>
                                                    <li class="list-inline-item">
                                <a href="https://www.youtube.com/channel/UCBpR9MqoV-9kixM0j6BUjCw" target="_blank">
                                    <img src="https://animo360.com/public/uploads/all/RBABtLXYfwAV3MU8AviTSBNaJG5jnYljCH7hySmv.png" width="30px" alt="Icon">
                                </a>
                            </li>
                                                    <li class="list-inline-item">
                                <a href="https://www.tiktok.com/@animo360dz" target="_blank">
                                    <img src="https://animo360.com/public/uploads/all/p89bB3CvVdNfP0HBOHqZXVHw4l4eD874AdZ3i0Aw.png" width="30px" alt="Icon">
                                </a>
                            </li>
                                                    <li class="list-inline-item">
                                <a href="https://www.facebook.com/animo360dz/" target="_blank">
                                    <img src="https://animo360.com/public/uploads/all/RsPa0QVY4nEnR37aYPzvTCK8Guv6Azf57AhRghyd.png" width="30px" alt="Icon">
                                </a>
                            </li>
                                            </ul>
                </div>
            </div>
            <div>
                <div class="d-flex text-center align-items-center">
                    <hr>
                    <span><b>Send Message</b></span>
                    <hr>
                </div>
                <div>
                    <ul class="list-inline my-3 my-md-0 social colored text-center">
                                                    <li class="list-inline-item">
                                <a href="https://m.me/100075413919460" target="_blank">
                                    <img src="https://animo360.com/public/uploads/all/epfOHVYqvpQJcUVfMncZF4QKC8aDETbfsM0ZuosW.png" width="30px" alt="Icon">
                                </a>
                            </li>
                                                    <li class="list-inline-item">
                                <a href="+213697765369" target="_blank">
                                    <img src="https://animo360.com/public/uploads/all/NJxih3mNE8s8Q70C6UJRwrFna1Kx0QAtYM7Qvtqw.png" width="30px" alt="Icon">
                                </a>
                            </li>
                                                    <li class="list-inline-item">
                                <a href="+213697765369" target="_blank">
                                    <img src="https://animo360.com/public/uploads/all/M4O57sNlODB9jjZYLPxgz2YusgkUvzXcSbPnoH3I.png" width="30px" alt="Icon">
                                </a>
                            </li>
                                                    <li class="list-inline-item">
                                <a href="213697765369" target="_blank">
                                    <img src="https://animo360.com/public/uploads/all/4fVh9Yhji2CC3zZRt1DIMbufLZ7a5LcrOdNwao8F.png" width="30px" alt="Icon">
                                </a>
                            </li>
                                            </ul>
                </div>
            </div>
            <div>
                <div class="d-flex text-center align-items-center">
                    <hr>
                    <span><b>Call</b></span>
                    <hr>
                </div>
                <div class="px-3 call">
                                            <div class="my-1 d-flex justify-content-center align-items-center">
                            <span style="width: 50%;font-weight: 700">
                                                                        خدمة الزبائن
                                                                    </span>
                            <a class="btn btn-warning " href="tel:0697765369" style="width: 50%;text-align: center;font-weight: bolder;border-radius: 45px">0697765369</a>
                        </div>
                                            <div class="my-1 d-flex justify-content-center align-items-center">
                            <span style="width: 50%;font-weight: 700">
                                                                        المتجر
                                                                    </span>
                            <a class="btn btn-warning " href="tel:0696789926" style="width: 50%;text-align: center;font-weight: bolder;border-radius: 45px">0696789926</a>
                        </div>
                                            <div class="my-1 d-flex justify-content-center align-items-center">
                            <span style="width: 50%;font-weight: 700">
                                                                        - 3 - خدمة الزبائن
                                                                    </span>
                            <a class="btn btn-warning " href="tel:0665496348" style="width: 50%;text-align: center;font-weight: bolder;border-radius: 45px">0665496348</a>
                        </div>
                                            <div class="my-1 d-flex justify-content-center align-items-center">
                            <span style="width: 50%;font-weight: 700">
                                                                        خدمة الزبائن جازي
                                                                    </span>
                            <a class="btn btn-warning " href="tel:0796092049" style="width: 50%;text-align: center;font-weight: bolder;border-radius: 45px">0796092049</a>
                        </div>
                                    </div>
            </div>
            <div>
                <div class="d-flex text-center align-items-center">
                    <hr>
                    <span><b>Visit Us</b></span>
                    <hr>
                </div>
                                <div class="row justify-content-center px-2">
                                            <div class="col-6 d-flex flex-column text-center">

                            <div>
                                <a href="https://maps.app.goo.gl/QaE7svz6HQ1eJ7en6">
                                    <img src="https://animo360.com/public/uploads/all/1yPVbyy7EsnUYYCyPCT9EmgOuANncV2NGmi7elUy.jpg" width="100%" alt="">
                                </a>
                            </div>
                            <div class="text-center pt-1">
                                <h6 class=""><b>
                                                                                القبة بن عمار
                                                                            </b></h6>
                            </div>

                        </div>
                                    </div>
            </div>
        </div>

    </div>
</div>
    </div>
</div>

<div class="side-navs-custom aiz-mobile-side-category collapse-sidebar-wrap sidebar-xl d-xl-none z-1035">
    <div class="overlay dark c-pointer overlay-fixed" data-toggle="class-toggle" data-target=".aiz-mobile-side-category" data-same=".mobile-side-category"></div>
    <div class="collapse-sidebar bg-white">
        <style>
    ul {
        list-style-type: none
    }
    .accordion {
        width: 100%;
        max-width: 584px;
        margin: 30px auto 20px;
        background: #FFF;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 5px
    }

    .accordion .link {
        cursor: pointer;
        display: block;
        padding: 15px;
        color: #4D4D4D;
        font-size: 14px;
        font-weight: 700;
        border-bottom: 1px solid #CCC;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease
    }

    .accordion li:last-child .link {
        border-bottom: 0
    }

    .accordion li i {
        position: absolute;
        top: 16px;
        left: 12px;
        font-size: 18px;
        color: #595959;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease
    }
            .accordion li i.la-angle-down {
            left: 12px;
            right: auto;
            font-size: 16px
        }
    
    .accordion li.open .link,.accordion li.open .link a {
        color: var(--primary);
    }

    .accordion li.open i {
        color: var(--primary);
    }

    .accordion li.open i.la-angle-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .submenu {
        display: none;
        font-size: 14px
    }

    .submenu li {
        border-bottom: 1px solid #CCC
    }

    .submenu a {
        display: block;
        text-decoration: none;
        color: #4D4D4D;
        padding: 12px;
        padding-left: 15px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease
    }

    .submenu a:hover {
        background: var(--primary);;
        color: #FFF
    }
</style>
<div class="aiz-user-sidenav-wrap pt-4 position-relative z-1 shadow-sm">
    <div class="absolute-top-right d-xl-none">
        <button class="btn btn-sm p-2" data-toggle="class-toggle" data-target=".aiz-mobile-side-category" data-same=".mobile-side-category">
            <i class="las la-times la-2x"></i>
        </button>
    </div>
    
    <div class="aiz-user-sidenav rounded overflow-hidden  c-scrollbar-light">
        <div class="px-4 text-center mb-4">
            <h3>التصنيفات</h3>
        </div>

        <div class="container">
            <ul id="accordion" class="accordion p-0">
                                    <li>
                        <div class="link">
                            <img src="https://animo360.com/public/uploads/all/ywLWSv2WDnC6RR0zqnM36UUcaEKFSMGYoto7Exn5.jpg" width="25px" class="mr-2" alt="" srcset="">
                            <a style="color: #595959" href="https://animo360.com/category/chats">قطط</a>
                                                            
                                <i class="las la-angle-down"></i>
                                                    </div>
                                                    <ul class="submenu">
                                                                    <li>
                                        <a href="https://animo360.com/category/chats">
                                            <img src="https://animo360.com/public/uploads/all/RX1zTx3kkkWy4JhEPt3CgafcVtlSvwnULDnfTLkb.jpg" width="25px" class="mr-2" alt="" srcset="">
                                            أكسسورات
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/chats">
                                            <img src="https://animo360.com/public/uploads/all/elAX8uxTOG03MgeGU1APLi5MBSxnBtxzBCKqtqyO.jpg" width="25px" class="mr-2" alt="" srcset="">
                                            طعام
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/chats">
                                            <img src="https://animo360.com/public/uploads/all/NVyJAKrtkSko7456DwIxFrCyYgiY4QseBm4vpNnV.jpg" width="25px" class="mr-2" alt="" srcset="">
                                            النظافة والعناية
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/chats">
                                            <img src="https://animo360.com/public/uploads/all/1YAXQaZJgMneMmxkBSAkqzYdiPY5mEXc3KrU566k.jpg" width="25px" class="mr-2" alt="" srcset="">
                                            رمل و صندوق
                                        </a>
                                    </li>
                                                            </ul>
                                            </li>
                                    <li>
                        <div class="link">
                            <img src="https://animo360.com/public/uploads/all/YynfKTp5XdqRNkz1rZlCRkuM8ifOrFUtREddqS2X.jpg" width="25px" class="mr-2" alt="" srcset="">
                            <a style="color: #595959" href="https://animo360.com/category/rongeur">القوارض</a>
                                                            
                                <i class="las la-angle-down"></i>
                                                    </div>
                                                    <ul class="submenu">
                                                                    <li>
                                        <a href="https://animo360.com/category/rongeur">
                                            <img src="" width="25px" class="mr-2" alt="" srcset="">
                                            غداء القوارض
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/rongeur">
                                            <img src="" width="25px" class="mr-2" alt="" srcset="">
                                            Friandises et Compléments
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/rongeur">
                                            <img src="" width="25px" class="mr-2" alt="" srcset="">
                                            Cages et clapiers
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/rongeur">
                                            <img src="" width="25px" class="mr-2" alt="" srcset="">
                                            Accessoires et soins
                                        </a>
                                    </li>
                                                            </ul>
                                            </li>
                                    <li>
                        <div class="link">
                            <img src="https://animo360.com/public/uploads/all/tcj3QPs1f4x4B0GKabsvlM5JSesN8AqBPDZwFJjk.jpg" width="25px" class="mr-2" alt="" srcset="">
                            <a style="color: #595959" href="https://animo360.com/category/chien">كلاب</a>
                                                            
                                <i class="las la-angle-down"></i>
                                                    </div>
                                                    <ul class="submenu">
                                                                    <li>
                                        <a href="https://animo360.com/category/chien">
                                            <img src="https://animo360.com/public/uploads/all/mIzoYkOjDtneu5sbaXpP6WAfN9xp34imskJgjXvU.jpg" width="25px" class="mr-2" alt="" srcset="">
                                            طعام الكلب
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/chien">
                                            <img src="https://animo360.com/public/uploads/all/awtzAPUx7ZqqAFtCz052B3o4arI6PAkAJWvKz03X.png" width="25px" class="mr-2" alt="" srcset="">
                                            مضاد للطفيليات
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/chien">
                                            <img src="https://animo360.com/public/uploads/all/VvbNML1xUO7ybVpxX5o3mEY3HE8hQTO97YuUtgRZ.jpg" width="25px" class="mr-2" alt="" srcset="">
                                            إكسسوارات
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/chien">
                                            <img src="https://animo360.com/public/uploads/all/AIz3X1FI56z8zpVlpVoW8FIebPjZqP4xhauZlA4i.jpg" width="25px" class="mr-2" alt="" srcset="">
                                            النظافة والرعاية
                                        </a>
                                    </li>
                                                            </ul>
                                            </li>
                                    <li>
                        <div class="link">
                            <img src="https://animo360.com/public/uploads/all/X4x7zfiRtZe16qd9333TOxMfoz9gu2F8O3pXISW4.jpg" width="25px" class="mr-2" alt="" srcset="">
                            <a style="color: #595959" href="https://animo360.com/category/alimentation">تغذية</a>
                                                            
                                <i class="las la-angle-down"></i>
                                                    </div>
                                                    <ul class="submenu">
                                                                    <li>
                                        <a href="https://animo360.com/category/alimentation">
                                            <img src="https://animo360.com/public/uploads/all/tF20PNolAMGUAnsnNeCXX1zf0EKb5XoOJiQHICKB.jpg" width="25px" class="mr-2" alt="" srcset="">
                                            لحم القطط و الكلاب
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/alimentation">
                                            <img src="https://animo360.com/public/uploads/all/zauUf0jJeJye9J58g25uJqyLIzYpRenL9vU12Cx3.jpg" width="25px" class="mr-2" alt="" srcset="">
                                            أطباق جاهزة
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/alimentation">
                                            <img src="https://animo360.com/public/uploads/all/9aBhmp4PPNzPoOKaFFfmd0CUZRSybSR1oihNrMrn.jpg" width="25px" class="mr-2" alt="" srcset="">
                                            طاقم غداء
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/alimentation">
                                            <img src="https://animo360.com/public/uploads/all/3fyK6HWwBjZaPwWfTPbpbsSghF2p19hOFf7Jn3Qr.png" width="25px" class="mr-2" alt="" srcset="">
                                            باتي
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/alimentation">
                                            <img src="https://animo360.com/public/uploads/all/DZUgDVszwarbHkFN9LzTo09aGqOsEskicMk17QEM.jpg" width="25px" class="mr-2" alt="" srcset="">
                                            عجائن و أرز
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/alimentation">
                                            <img src="https://animo360.com/public/uploads/all/v89SJo1WoC0dobSBRpOY1W8I9VHpCq5eXFytNN3U.png" width="25px" class="mr-2" alt="" srcset="">
                                            تخفيضات
                                        </a>
                                    </li>
                                                            </ul>
                                            </li>
                                    <li>
                        <div class="link">
                            <img src="https://animo360.com/public/uploads/all/uocObxcdV6cpf0d3crBNKFPSMfmCid8npzYf0O3G.jpg" width="25px" class="mr-2" alt="" srcset="">
                            <a style="color: #595959" href="https://animo360.com/category/sant%C3%A9">صحة</a>
                                                            
                                <i class="las la-angle-down"></i>
                                                    </div>
                                                    <ul class="submenu">
                                                                    <li>
                                        <a href="https://animo360.com/category/sant%C3%A9">
                                            <img src="https://animo360.com/public/uploads/all/QgHZi76gQnPYCPJuPyW69GQjTUcqYWvxupvhVmAP.jpg" width="25px" class="mr-2" alt="" srcset="">
                                            مكمل غذائي
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/sant%C3%A9">
                                            <img src="https://animo360.com/public/uploads/all/WadeDpPzQ5KGbpn6m3jkMAmDOQBBFWpVD8k7Nqez.png" width="25px" class="mr-2" alt="" srcset="">
                                            فيتامين
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/sant%C3%A9">
                                            <img src="https://animo360.com/public/uploads/all/sSWJBoH3o0ZT839a5CSHzksVJjoCWZesrzJUHplt.png" width="25px" class="mr-2" alt="" srcset="">
                                            زيت السلمون
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/sant%C3%A9">
                                            <img src="https://animo360.com/public/uploads/all/ln0IxMIP0AiFwiYNRT7KLAv39OrNlNHgfidvHWG4.png" width="25px" class="mr-2" alt="" srcset="">
                                            مضاد للطفيليات
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/sant%C3%A9">
                                            <img src="https://animo360.com/public/uploads/all/ag6NlHvQwaxBExg5e21cnmtrrQDcGHPJS95hWfbg.png" width="25px" class="mr-2" alt="" srcset="">
                                            أكسسورات الصحة
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/sant%C3%A9">
                                            <img src="https://animo360.com/public/uploads/all/dnafKblbMSY7LvrPwEZYbDYPVGEYGf7DPxcCq5fa.png" width="25px" class="mr-2" alt="" srcset="">
                                            رعاية
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/sant%C3%A9">
                                            <img src="https://animo360.com/public/uploads/all/0AVfnUeWZTPWuFPAh7pO3TNI4sRFIqg5FeshdPT6.png" width="25px" class="mr-2" alt="" srcset="">
                                            حليب
                                        </a>
                                    </li>
                                                            </ul>
                                            </li>
                                    <li>
                        <div class="link">
                            <img src="https://animo360.com/public/uploads/all/YCKLMx2keQrBWtUsedO1dUX2SYvmecvaO9ENlGmt.jpg" width="25px" class="mr-2" alt="" srcset="">
                            <a style="color: #595959" href="https://animo360.com/category/packs">طاقم</a>
                                                            
                                <i class="las la-angle-down"></i>
                                                    </div>
                                                    <ul class="submenu">
                                                                    <li>
                                        <a href="https://animo360.com/category/packs">
                                            <img src="https://animo360.com/public/uploads/all/iWfYhiVLHC6pQSELknnDdKJ6y4GXChEeLOOzc9CG.png" width="25px" class="mr-2" alt="" srcset="">
                                            طاقم القطط
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/packs">
                                            <img src="https://animo360.com/public/uploads/all/hdqBkdeHsuwwAto2KIJD2X3ZyP4VP38uJ9IJZlUm.png" width="25px" class="mr-2" alt="" srcset="">
                                            طاقم الكلاب
                                        </a>
                                    </li>
                                                            </ul>
                                            </li>
                                    <li>
                        <div class="link">
                            <img src="https://animo360.com/public/uploads/all/5fKGMTPn9AlF6ntVsQQjPbk9p52C7L5PKHzRXzvE.jpg" width="25px" class="mr-2" alt="" srcset="">
                            <a style="color: #595959" href="https://animo360.com/category/oisseaux">طيور</a>
                                                            
                                <i class="las la-angle-down"></i>
                                                    </div>
                                                    <ul class="submenu">
                                                                    <li>
                                        <a href="https://animo360.com/category/oisseaux">
                                            <img src="" width="25px" class="mr-2" alt="" srcset="">
                                            Nourriture
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/oisseaux">
                                            <img src="" width="25px" class="mr-2" alt="" srcset="">
                                            Cages et volières
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/oisseaux">
                                            <img src="" width="25px" class="mr-2" alt="" srcset="">
                                            Accessoires
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/oisseaux">
                                            <img src="" width="25px" class="mr-2" alt="" srcset="">
                                            Hygiène et soins
                                        </a>
                                    </li>
                                                            </ul>
                                            </li>
                                    <li>
                        <div class="link">
                            <img src="https://animo360.com/public/uploads/all/D8Pm7ZFlbjbbR9pzfM4i3iiM9xikJHRgo17RDXKX.jpg" width="25px" class="mr-2" alt="" srcset="">
                            <a style="color: #595959" href="https://animo360.com/category/cheval">حصان</a>
                                                    </div>
                                            </li>
                                    <li>
                        <div class="link">
                            <img src="https://animo360.com/public/uploads/all/6ct91J65aE8IvTVwlsdG1yCa2F7bhDJYUgDUfbdA.jpg" width="25px" class="mr-2" alt="" srcset="">
                            <a style="color: #595959" href="https://animo360.com/category/poisson">أسماك</a>
                                                            
                                <i class="las la-angle-down"></i>
                                                    </div>
                                                    <ul class="submenu">
                                                                    <li>
                                        <a href="https://animo360.com/category/poisson">
                                            <img src="" width="25px" class="mr-2" alt="" srcset="">
                                            Nourriture
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/poisson">
                                            <img src="" width="25px" class="mr-2" alt="" srcset="">
                                            Filtration
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://animo360.com/category/poisson">
                                            <img src="" width="25px" class="mr-2" alt="" srcset="">
                                            Accessoires
                                        </a>
                                    </li>
                                                            </ul>
                                            </li>
                            </ul>
        </div>

    </div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
    $(function() {
    var Accordion = function(el, multiple) {
    this.el = el || {};
    this.multiple = multiple || false;

    var links = this.el.find('.link');

    links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
    }

    Accordion.prototype.dropdown = function(e) {
    var $el = e.data.el;
    $this = $(this),
    $next = $this.next();

    $next.slideToggle();
    $this.parent().toggleClass('open');

    if (!e.data.multiple) {
    $el.find('.submenu').not($next).slideUp().parent().removeClass('open');
    };
    }

    var accordion = new Accordion($('#accordion'), false);
    });
</script>
    </div>
</div>

<div class="side-navs-custom aiz-mobile-side-message collapse-sidebar-wrap sidebar-xl d-xl-none z-1035">
    <div class="overlay dark c-pointer overlay-fixed" data-toggle="class-toggle" data-target=".aiz-mobile-side-message" data-same=".mobile-side-message"></div>
    <div class="collapse-sidebar bg-white" style="right:0;transform: translateX(100%);left:unset !important">
        <div class="aiz-user-sidenav-wrap pt-4 position-relative z-1 shadow-sm">
            <div class="absolute-top-left d-xl-none" dir="rtl">
                <button class="btn btn-sm p-2" data-toggle="class-toggle" data-target=".aiz-mobile-side-message" data-same=".mobile-side-message">
                    <i class="las la-times la-2x"></i>
                </button>
            </div>
            <div class="aiz-user-sidenav rounded overflow-hidden  c-scrollbar-light">
                <div class="px-4 text-center mb-4">
                    <h3>رسالة</h3>
                </div>
                <div id="conv-content">

                </div>
            </div>
        </div>
    </div>
</div>

    <div class="side-navs-custom aiz-mobile-side-panier collapse-sidebar-wrap sidebar-xl d-xl-none z-1035">
        <div class="overlay dark c-pointer overlay-fixed" data-toggle="class-toggle" data-target=".aiz-mobile-side-panier" data-same=".mobile-side-panier"></div>
        <div class="collapse-sidebar bg-white"  style="right:0;transform: translateX(100%);left:unset !important" id="basket-content">
            
        </div>
    </div>

<script>
    function basketContent() {
        $.post('https://animo360.com/getCartInclude', {_token:'fiOCQROIGsurYpuBFxT8piwvS6oGTUOZBVs9agNt'}, function(data){
            $('#basket-content').html(data);
        });
    }

    function convContent() {
        $.post('https://animo360.com/conversations/getConvs', {_token:'fiOCQROIGsurYpuBFxT8piwvS6oGTUOZBVs9agNt'}, function(data){
            $('#conv-content').html(data);
        });
    }
</script>


        </div>

        
        <script>
    function confirm_modal(delete_url)
    {
        jQuery('#confirm-delete').modal('show', {backdrop: 'static'});
        document.getElementById('delete_link').setAttribute('href' , delete_url);
    }
</script>

<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                
                <h4 class="modal-title" id="myModalLabel">التأكيد</h4>
            </div>

            <div class="modal-body">
                <p>حذف رسالة التأكيد</p>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">إلغاء</button>
                <a id="delete_link" class="btn btn-danger btn-ok">حذف</a>
            </div>
        </div>
    </div>
</div>

        <div class="modal fade" id="addToCart">
            <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-zoom product-modal" id="modal-size"
                 role="document">
                <div class="modal-content position-relative">
                    <div class="c-preloader text-center p-3">
                        <i class="las la-spinner la-spin la-3x"></i>
                    </div>
                    <button type="button" class="close absolute-top-right btn-icon close z-1" data-dismiss="modal"
                            aria-label="Close">
                        <span aria-hidden="true" class="la-2x">&times;</span>
                    </button>
                    <div id="addToCart-modal-body">

                    </div>
                </div>
            </div>
        </div>

        
        <!-- contact admin Modal -->
        <div class="modal fade" id="contactadmin" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
             aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalCenterTitle">contact admin</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="https://animo360.com/conversations/contact_admin" method="POST">
                        <input type="hidden" name="_token" value="fiOCQROIGsurYpuBFxT8piwvS6oGTUOZBVs9agNt" autocomplete="off">                        <div class="modal-body">
                            <textarea class="form-control" name="message" id="" cols="30" rows="10"
                                      placeholder="message ..." required></textarea>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary"
                                    data-dismiss="modal">إلغاء</button>
                            <button type="submit" class="btn btn-primary">إرسال</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>


        <!-- SCRIPTS -->
        <script src="https://animo360.com/public/assets/js/fancybox.min.js"></script>
        <script src="https://animo360.com/public/assets/js/vendors.js"></script>
        <script src="https://animo360.com/public/assets/js/aiz-core.js"></script>


        
        <script>
                    </script>


        <script>

            $(document).ready(function () {
                $('.category-nav-element').each(function (i, el) {
                    $(el).on('mouseover', function () {
                        if (!$(el).find('.sub-cat-menu').hasClass('loaded')) {
                            $.post('https://animo360.com/category/nav-element-list', {
                                _token: AIZ.data.csrf,
                                id: $(el).data('id')
                            }, function (data) {
                                $(el).find('.sub-cat-menu').addClass('loaded').html(data);
                            });
                        }
                    });
                });
                if ($('#lang-change').length > 0) {
                    $('#lang-change .dropdown-menu a').each(function () {
                        $(this).on('click', function (e) {
                            e.preventDefault();
                            var $this = $(this);
                            var locale = $this.data('flag');
                            $.post('https://animo360.com/language', {
                                _token: AIZ.data.csrf,
                                locale: locale
                            }, function (data) {
                                location.reload();
                            });

                        });
                    });
                }

                if ($('#currency-change').length > 0) {
                    $('#currency-change .dropdown-menu a').each(function () {
                        $(this).on('click', function (e) {
                            e.preventDefault();
                            var $this = $(this);
                            var currency_code = $this.data('currency');
                            $.post('https://animo360.com/currency', {
                                _token: AIZ.data.csrf,
                                currency_code: currency_code
                            }, function (data) {
                                location.reload();
                            });

                        });
                    });
                }
            });

            $('#search').on('keyup', function () {
                search();
            });

            $('#search').on('focus', function () {
                search();
            });

            function search() {
                var searchKey = $('#search').val();
                if (searchKey.length > 0) {
                    $('body').addClass("typed-search-box-shown");

                    $('.typed-search-box').removeClass('d-none');
                    $('.search-preloader').removeClass('d-none');
                    $.post('https://animo360.com/ajax-search', {_token: AIZ.data.csrf, search: searchKey}, function (data) {
                        if (data == '0') {
                            // $('.typed-search-box').addClass('d-none');
                            $('#search-content').html(null);
                            $('.typed-search-box .search-nothing').removeClass('d-none').html('Sorry, nothing found for <strong>"' + searchKey + '"</strong>');
                            $('.search-preloader').addClass('d-none');

                        } else {
                            $('.typed-search-box .search-nothing').addClass('d-none').html(null);
                            $('#search-content').html(data);
                            $('.search-preloader').addClass('d-none');
                        }
                    });
                } else {
                    $('.typed-search-box').addClass('d-none');
                    $('body').removeClass("typed-search-box-shown");
                }
            }

            function updateNavCart() {
                $.post('https://animo360.com/cart/nav-cart-items', {_token: AIZ.data.csrf}, function (data) {
                    $('#cart_items').html(data);
                });
            }

            function removeFromCart(key) {
                $.post('https://animo360.com/cart/removeFromCart', {_token: AIZ.data.csrf, key: key}, function (data) {
                    updateNavCart();
                    $('#cart-summary').html(data);
                    AIZ.plugins.notify('success', 'Item has been removed from cart');
                    $('#cart_items_sidenav').html(parseInt($('#cart_items_sidenav').html()) - 1);
                });
            }

            function addToCompare(id) {
                $.post('https://animo360.com/compare/addToCompare', {_token: AIZ.data.csrf, id: id}, function (data) {
                    $('#compare').html(data);
                    AIZ.plugins.notify('success', "تمت إضافة العنصر إلى قائمة المقارنة");
                    $('#compare_items_sidenav').html(parseInt($('#compare_items_sidenav').html()) + 1);
                });
            }

            function addToWishList(id) {
                                AIZ.plugins.notify('warning', "الرجاء تسجيل الدخول أولا");
                            }

            function showAddToCartModal(id) {
                if (!$('#modal-size').hasClass('modal-lg')) {
                    $('#modal-size').addClass('modal-lg');
                }
                $('#addToCart-modal-body').html(null);
                $('#addToCart').modal();
                $('.c-preloader').show();
                $.post('https://animo360.com/cart/show-cart-modal', {_token: AIZ.data.csrf, id: id}, function (data) {
                    $('.c-preloader').hide();
                    $('#addToCart-modal-body').html(data);
                    AIZ.plugins.slickCarousel();
                    AIZ.plugins.zoom();
                    AIZ.extra.plusMinus();
                    getVariantPrice();
                    choices();
                });
            }

            $('#option-choice-form input').on('change', function () {
                getVariantPrice();
            });


            $('input:radio[name=color]').change(function () {
                choices();

            });

            function choices() {
                // if($('#option-choice-form input[name=quantity]').val() > 0 && checkAddToCartValidity()){
                // alert('dfgdg');
                $.ajax({
                    type: "POST",
                    url: 'https://animo360.com/product/choices',
                    data: $('#option-choice-form').serializeArray(),
                    success: function (data) {
                        //    alert(data.col);
                        var str = data.color;
                        var arr = data.choices;


                        // alert('dfgdg');
                        // if (data.col == true) {
                        //     $('#coco' + str).text("X");
                        //     $('#coco' + str).attr('title', 'إنتهى من المخزن');
                        //     $('#coco' + str).attr("data-toggle", "tooltip");
                        // } else {
                        //     $('#coco' + str).attr('title', str);
                        //     $('#coco' + str).attr("data-toggle", "tooltip");
                        // }

                        // for (var i = 0; i < arr.length; i++) {
                        //     $("#" + arr[i]).css("text-decoration", "line-through");
                        //     $("#" + arr[i]).css("cursor", "not-allowed");
                        //     $("#" + arr[i]).attr('title', 'إنتهى من المخزن');
                        //     $("#" + arr[i]).attr("data-toggle", "tooltip");
                        //     $("#rad" + arr[i]).attr("disabled", "disabled");

                        // }
                        // var good = data.good;

                        // for (var i = 0; i < good.length; i++) {
                        //     $("#" + good[i]).css("text-decoration", "none");
                        //     $("#" + good[i]).css("cursor", "pointer");
                        //     $("#" + good[i]).removeAttr('title', 'إنتهى من المخزن');
                        //     $("#" + good[i]).removeAttr("data-toggle", "tooltip");
                        //     $("#rad" + good[i]).removeAttr("disabled", "disabled");

                        // }
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        // alert(XMLHttpRequest.status);
                        // alert('error');
                    }
                });
                // }
            }

            function getVariantPrice() {
                if ($('#option-choice-form input[name=quantity]').val() > 0 && checkAddToCartValidity()) {
                    $.ajax({
                        type: "POST",
                        url: 'https://animo360.com/product/variant_price',
                        data: $('#option-choice-form').serializeArray(),
                        success: function (data) {
                            $('#option-choice-form #chosen_price_div').removeClass('d-none');
                            $('#option-choice-form #chosen_price_div #chosen_price').html(data.price);
                            $('#available-quantity').html(data.quantity);
                            $('.input-number').prop('max', data.quantity);
                            //console.log(data.quantity);
                            if (parseInt(data.quantity) < 1 && data.digital == 0) {
                                $('.buy-now').hide();
                                $('.add-to-cart').hide();
                                $('.pasd').show();
                            } else {
                                $('.buy-now').show();
                                $('.add-to-cart').show();
                                $('.pasd').hide();
                            }
                            $('#subtotal_price').html(data.price);
                            $('#subtotal_price_input').val(data.justPrice);
                        }
                    });
                }
            }

            function checkAddToCartValidity() {
                var names = {};
                $('#option-choice-form input:radio').each(function () { // find unique names
                    names[$(this).attr('name')] = true;
                });
                var count = 0;
                $.each(names, function () { // then count them
                    count++;
                });

                if ($('#option-choice-form input:radio:checked').length == count) {
                    return true;
                }

                return false;
            }

            function addToCart() {
                if (checkAddToCartValidity()) {
                    $('#addToCart').modal();
                    $('.c-preloader').show();
                    $.ajax({
                        type: "POST",
                        url: 'https://animo360.com/cart/addtocart',
                        data: $('#option-choice-form').serializeArray(),
                        success: function (data) {
                            $('#addToCart-modal-body').html(null);
                            $('.c-preloader').hide();
                            $('#modal-size').removeClass('modal-lg');
                            $('#addToCart-modal-body').html(data.view);
                            updateNavCart();
                            $('#cart_items_sidenav').html(parseInt($('#cart_items_sidenav').html()) + 1);
                        }
                    });
                } else {
                    AIZ.plugins.notify('warning', 'Please choose all the options');
                }
            }

            function buyNow() {
                if (checkAddToCartValidity()) {
                    $('#addToCart-modal-body').html(null);
                    $('#addToCart').modal();
                    $('.c-preloader').show();
                    $.ajax({
                        type: "POST",
                        url: 'https://animo360.com/cart/addtocart',
                        data: $('#option-choice-form').serializeArray(),
                        success: function (data) {
                            if (data.status == 1) {
                                updateNavCart();
                                $('#cart_items_sidenav').html(parseInt($('#cart_items_sidenav').html()) + 1);
                                window.location.replace("https://animo360.com/cart");
                            } else {
                                $('#addToCart-modal-body').html(null);
                                $('.c-preloader').hide();
                                $('#modal-size').removeClass('modal-lg');
                                $('#addToCart-modal-body').html(data.view);
                            }
                        }
                    });
                } else {
                    AIZ.plugins.notify('warning', 'Please choose all the options');
                }
            }

            function show_purchase_history_details(order_id) {
                $('#order-details-modal-body').html(null);

                if (!$('#modal-size').hasClass('modal-lg')) {
                    $('#modal-size').addClass('modal-lg');
                }

                $.post('https://animo360.com/purchase_history/details', {
                    _token: AIZ.data.csrf,
                    order_id: order_id
                }, function (data) {
                    $('#order-details-modal-body').html(data);
                    $('#order_details').modal();
                    $('.c-preloader').hide();
                });
            }

            function show_order_details(order_id) {
                $('#order-details-modal-body').html(null);

                if (!$('#modal-size').hasClass('modal-lg')) {
                    $('#modal-size').addClass('modal-lg');
                }

                $.post('https://animo360.com/orders/details', {_token: AIZ.data.csrf, order_id: order_id}, function (data) {
                    $('#order-details-modal-body').html(data);
                    $('#order_details').modal();
                    $('.c-preloader').hide();
                });
            }

            function cartQuantityInitialize() {
                $('.btn-number').click(function (e) {
                    e.preventDefault();

                    fieldName = $(this).attr('data-field');
                    type = $(this).attr('data-type');
                    var input = $("input[name='" + fieldName + "']");
                    var currentVal = parseInt(input.val());

                    if (!isNaN(currentVal)) {
                        if (type == 'minus') {

                            if (currentVal > input.attr('min')) {
                                input.val(currentVal - 1).change();
                            }
                            if (parseInt(input.val()) == input.attr('min')) {
                                $(this).attr('disabled', true);
                            }

                        } else if (type == 'plus') {

                            if (currentVal < input.attr('max')) {
                                input.val(currentVal + 1).change();
                            }
                            if (parseInt(input.val()) == input.attr('max')) {
                                $(this).attr('disabled', true);
                            }

                        }
                    } else {
                        input.val(0);
                    }
                });

                $('.input-number').focusin(function () {
                    $(this).data('oldValue', $(this).val());
                });

                $('.input-number').change(function () {

                    minValue = parseInt($(this).attr('min'));
                    maxValue = parseInt($(this).attr('max'));
                    valueCurrent = parseInt($(this).val());

                    name = $(this).attr('name');
                    if (valueCurrent >= minValue) {
                        $(".btn-number[data-type='minus'][data-field='" + name + "']").removeAttr('disabled')
                    } else {
                        alert('Sorry, the minimum value was reached');
                        $(this).val($(this).data('oldValue'));
                    }
                    if (valueCurrent <= maxValue) {
                        $(".btn-number[data-type='plus'][data-field='" + name + "']").removeAttr('disabled')
                    } else {
                        alert('Sorry, the maximum value was reached');
                        $(this).val($(this).data('oldValue'));
                    }


                });
                $(".input-number").keydown(function (e) {
                    // Allow: backspace, delete, tab, escape, enter and .
                    if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
                        // Allow: Ctrl+A
                        (e.keyCode == 65 && e.ctrlKey === true) ||
                        // Allow: home, end, left, right
                        (e.keyCode >= 35 && e.keyCode <= 39)) {
                        // let it happen, don't do anything
                        return;
                    }
                    // Ensure that it is a number and stop the keypress
                    if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                        e.preventDefault();
                    }
                });
            }

            function imageInputInitialize() {
                $('.custom-input-file').each(function () {
                    var $input = $(this),
                        $label = $input.next('label'),
                        labelVal = $label.html();

                    $input.on('change', function (e) {
                        var fileName = '';

                        if (this.files && this.files.length > 1)
                            fileName = (this.getAttribute('data-multiple-caption') || '').replace('{count}', this.files.length);
                        else if (e.target.value)
                            fileName = e.target.value.split('\\').pop();

                        if (fileName)
                            $label.find('span').html(fileName);
                        else
                            $label.html(labelVal);
                    });

                    // Firefox bug fix
                    $input
                        .on('focus', function () {
                            $input.addClass('has-focus');
                        })
                        .on('blur', function () {
                            $input.removeClass('has-focus');
                        });
                });
            }

        </script>

        
    <script src="https://animo360.com/public/assets/js/owl.carousel.min.js"></script>
    <script>

        if ($('.owl-init').length > 0) { // check if element exists

            $(".owl-init").each(function(){

                var myOwl = $(this);
                var data_items = myOwl.data('items');
                var data_nav = myOwl.data('nav');
                var data_dots = myOwl.data('dots');
                var data_margin = myOwl.data('margin');
                var data_custom_nav = myOwl.data('custom-nav');
                var id_owl = myOwl.attr('id');

                myOwl.owlCarousel({
                    loop: true,
                    margin: data_margin,
                    nav: eval(data_nav),
                    dots: eval(data_dots),
                    autoplay: true,
                    items: data_items,
                    autoHeight: true,
                    navText: ["<i class='fa fa-chevron-left'></i>", "<i class='fa fa-chevron-right'></i>"],
                    //items: 4,
                    responsive: {
                        0: {
                            items: 1
                        },
                        600: {
                            items: data_items
                        },
                        1000: {
                            items: data_items
                        }
                    }
                });

                // for custom navigation. See example page: example-sliders.html
                $('.'+data_custom_nav+'.owl-custom-next').click(function(){
                    $('#'+id_owl).trigger('next.owl.carousel');
                });

                $('.'+data_custom_nav+'.owl-custom-prev').click(function(){
                    $('#'+id_owl).trigger('prev.owl.carousel');
                });

            }); // each end.//
            } // end if
        function change_image(e){
            var carousel = $("#productGallery");
            carousel.trigger('to.owl.carousel', e);
        }
    </script>

        </body>
        </html>