<div class="d-flex flex-column flex-md-row justify-content-between col-6 col-lg-10 col-md-12 m-auto px-3 px-md-0">

                <div class="d-flex flex-column">

                    <p class="h5" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="2" data-on-animate-start="false">Indomie</p>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck1"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck1">

                            <p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="3" data-on-animate-start="false">Tavuk Aromalı</p>

                        </label>

                    </div>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck2"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck2"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="4" data-on-animate-start="false">Sebzeli</p></label>

                    </div>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck3"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck3"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="5" data-on-animate-start="false">Körili</p></label>

                    </div>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck4"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck4"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="6" data-on-animate-start="false">Spesiyal</p></label>

                    </div>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck5"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck5"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="7" data-on-animate-start="false">Acı Baharatlı</p></label>

                    </div>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck6"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck6"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="8" data-on-animate-start="false">Soya Soslu</p></label>

                    </div>

                </div>

                <div class="d-none d-md-flex flex-row">

                    <div class="d-flex flex-column mt-3 mt-md-0">

                        <p class="h5" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="3" data-on-animate-start="false">Sebzeler</p>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck7"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck7"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="3" data-on-animate-start="false">Bezelye</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck40"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck40"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="4" data-on-animate-start="false">Havuç</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck8"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck8"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="5" data-on-animate-start="false">Mısır</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck9"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck9"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="6" data-on-animate-start="false">Mantar</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck10"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck10"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="7" data-on-animate-start="false">Domates</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck10"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck10"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="7" data-on-animate-start="false">Kabak</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck11"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck11"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="8" data-on-animate-start="false">Brokoli</p></label>

                        </div>

                    </div>

                    <div class="d-flex flex-column ml-5 mt-3">

                        <div>

                            <label class="checkbox mt-3"><input type="checkbox" name="check" id="defaultCheck12"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck12"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="3" data-on-animate-start="false">Ispanak</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck13"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck13"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="4" data-on-animate-start="false">Karnabahar</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck14"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck14"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="5" data-on-animate-start="false">Kırmızı Biber</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck15"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck15"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="6" data-on-animate-start="false">Yeşil Biber</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck16"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck16"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="7" data-on-animate-start="false">Soğan</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck16"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck16"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="7" data-on-animate-start="false">Maydonoz</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck17"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck17"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="8" data-on-animate-start="false">Sarımsak</p></label>

                        </div>

                    </div>

                </div>

                <div class="d-flex flex-column mt-3 mt-md-0">

                    <p class="h5" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="4" data-on-animate-start="false">Et</p>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck18"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck18"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="3" data-on-animate-start="false">Kırmızı Et</p></label>

                    </div>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck19"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck19"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="4" data-on-animate-start="false">Tavuk Eti</p></label>

                    </div>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck20"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck20"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="5" data-on-animate-start="false">Karides</p></label>

                    </div>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck21"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck21"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="6" data-on-animate-start="false">Ton Balığı</p></label>

                    </div>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck22"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck22"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="7" data-on-animate-start="false">Sucuk</p></label>

                    </div>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck23"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck23"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="8" data-on-animate-start="false">Pastırma</p></label>

                    </div>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck24"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck24"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="9" data-on-animate-start="false">Somon</p></label>

                    </div>

                </div>

                        <label class="checkbox">Diğer<br></label></div><div class="d-flex flex-column mt-3 mt-md-0">

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck25"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck25"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="3" data-on-animate-start="false">Yoğurt</p></label>

                    </div>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck26"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck26"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="4" data-on-animate-start="false">Krema</p></label>

                    </div>

                    <div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck27"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck27"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="5" data-on-animate-start="false">Sıvı Yağ</p></label>

                    </div>

                </div>

                        <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck27"></label>

                        <label class="form-check-label popup-form-check" for="defaultCheck27"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="5" data-on-animate-start="false">Domates Sosu</p></label>

            <div class="d-flex d-md-none flex-column col-6">

                <div class="d-flex flex-column">

                    <div class="d-flex flex-column">

                        <p class="h5" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="3" data-on-animate-start="false">Sebzeler</p>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck28"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck28"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="3" data-on-animate-start="false">Bezelye</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck29"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck29"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="4" data-on-animate-start="false">Havuç</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck30"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck30"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="5" data-on-animate-start="false">Mısır</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck31"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck31"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="6" data-on-animate-start="false">Mantar</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck32"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck32"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="7" data-on-animate-start="false">Domates</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck33"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck33"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="8" data-on-animate-start="false">Brokoli</p></label>

                        </div>

                    </div>

                    <div class="d-flex justify-content-end justify-content-md-start flex-column">

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck34"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck34"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="3" data-on-animate-start="false">Ispanak</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck35"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck35"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="4" data-on-animate-start="false">Karnabahar</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck36"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck36"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="5" data-on-animate-start="false">Kırmızı Biber</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck37"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck37"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="6" data-on-animate-start="false">Yeşil Biber</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck38"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck38"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="7" data-on-animate-start="false">Soğan</p></label>

                        </div>

                        <div>

                            <label class="checkbox"><input type="checkbox" name="check" id="defaultCheck39"></label>

                            <label class="form-check-label popup-form-check" for="defaultCheck39"><p class="check-p" data-animate-way="bottom-top" data-animate="fade-in" data-animated="false" data-animate-delay="8" data-on-animate-start="false">Sarımsak</p></label>

                        </div>

                    </div>

                </div>

            </div>