<div class="content__production">
            <div class="item__prod prod " style="cursor: pointer;"
                 data-href="/igacashmere?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 data-item_id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 onclick="productClick(this, event)">
                <div class="prod__product items ">
                    <div class="product__special "><img
                            src="https://igashop.com.au/wp-content/themes/marc2020-child/img/pm-callout-cache.png" alt="special">
                    </div>
                    <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                        <div class="product__image ">
                            <img src="https://igashop.com.au/wp-content/uploads/2020/05/schweppes-bitter-lemon-4x300ml-300x300.jpg">
                        </div>
                    </a>
                    <div class="product__chips prom">
                        French Fries Original 175g <p></p>
                    </div>
                    <a class="lbl_action ViewQR" href="#popup_qr" data-cmd="showQR"
                       data-title="French Fries Original 175g $3.50">QR</a>
                    <div class="product__buttons buttond">
                        <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                            <div class="buttons__dev">
                                <div id="pamount.g1-1424i1-5471" data-amount_orig="3.50" class="dev__one">
                                    <p class="one__dev">$2</p> <span class="one__span">$3.50</span>
                                </div>
                            </div>
                        </a>
                        <!--<a id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D" data-item_id="g1-1424i1-5471" data-amount="3.50" data-title="French Fries Original 175g">-->
                        <button id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                                data-item_id="g1-1424i1-5471" data-amount="3.50"
                                data-title="French Fries Original 175g">add
                        </button>
                        <!--</a>-->
                    </div>


                    <!--dynamic options:-->
                    <!--options:-->
                    <!--options.-->
                    <!--dynamic options.-->
                </div>
            </div>
            <div class="item__prod prod " style="cursor: pointer;"
                 data-href="/igacashmere?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 data-item_id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 onclick="productClick(this, event)">
                <div class="prod__product items ">
                    <div class="product__special"><img
                            src="https://igashop.com.au/wp-content/themes/marc2020-child/img/pm-callout-cache.png" alt="special">
                    </div>
                    <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                        <div class="product__image">
                            <img src="https://igashop.com.au/wp-content/uploads/2020/05/schweppes-bitter-lemon-4x300ml-300x300.jpg">
                        </div>
                    </a>
                    <div class="product__chips prom">
                        French Fries Original 175g <p></p>
                    </div>
                    <a class="lbl_action ViewQR" href="#popup_qr" data-cmd="showQR"
                       data-title="French Fries Original 175g $3.50">QR</a>
                    <div class="product__buttons buttond">
                        <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                            <div class="buttons__dev">
                                <div id="pamount.g1-1424i1-5471" data-amount_orig="3.50" class="dev__one">
                                    <p class="one__dev">$2</p> <span class="one__span">$3.50</span>
                                </div>
                            </div>
                        </a>
                        <!--<a id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D" data-item_id="g1-1424i1-5471" data-amount="3.50" data-title="French Fries Original 175g">-->
                        <button id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                                data-item_id="g1-1424i1-5471" data-amount="3.50"
                                data-title="French Fries Original 175g">add
                        </button>
                        <!--</a>-->
                    </div>


                    <!--dynamic options:-->
                    <!--options:-->
                    <!--options.-->
                    <!--dynamic options.-->
                </div>
            </div>
    <div class="item__prod prod " style="cursor: pointer;"
                 data-href="/igacashmere?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 data-item_id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 onclick="productClick(this, event)">
                <div class="prod__product items ">
                    <div class="product__special "><img
                            src="https://igashop.com.au/wp-content/themes/marc2020-child/img/pm-callout-cache.png" alt="special">
                    </div>
                    <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                        <div class="product__image ">
                            <img src="https://igashop.com.au/wp-content/uploads/2020/05/schweppes-bitter-lemon-4x300ml-300x300.jpg">
                        </div>
                    </a>
                    <div class="product__chips prom">
                        French Fries Original 175g <p></p>
                    </div>
                    <a class="lbl_action ViewQR" href="#popup_qr" data-cmd="showQR"
                       data-title="French Fries Original 175g $3.50">QR</a>
                    <div class="product__buttons buttond">
                        <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                            <div class="buttons__dev">
                                <div id="pamount.g1-1424i1-5471" data-amount_orig="3.50" class="dev__one">
                                    <p class="one__dev">$2</p> <span class="one__span">$3.50</span>
                                </div>
                            </div>
                        </a>
                        <!--<a id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D" data-item_id="g1-1424i1-5471" data-amount="3.50" data-title="French Fries Original 175g">-->
                        <button id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                                data-item_id="g1-1424i1-5471" data-amount="3.50"
                                data-title="French Fries Original 175g">add
                        </button>
                        <!--</a>-->
                    </div>


                    <!--dynamic options:-->
                    <!--options:-->
                    <!--options.-->
                    <!--dynamic options.-->
                </div>
            </div>
            <div class="item__prod prod " style="cursor: pointer;"
                 data-href="/igacashmere?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 data-item_id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 onclick="productClick(this, event)">
                <div class="prod__product items ">
                    <div class="product__special"><img
                            src="https://igashop.com.au/wp-content/themes/marc2020-child/img/pm-callout-cache.png" alt="special">
                    </div>
                    <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                        <div class="product__image">
                            <img src="https://igashop.com.au/wp-content/uploads/2020/05/schweppes-bitter-lemon-4x300ml-300x300.jpg">
                        </div>
                    </a>
                    <div class="product__chips prom">
                        French Fries Original 175g <p></p>
                    </div>
                    <a class="lbl_action ViewQR" href="#popup_qr" data-cmd="showQR"
                       data-title="French Fries Original 175g $3.50">QR</a>
                    <div class="product__buttons buttond">
                        <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                            <div class="buttons__dev">
                                <div id="pamount.g1-1424i1-5471" data-amount_orig="3.50" class="dev__one">
                                    <p class="one__dev">$2</p> <span class="one__span">$3.50</span>
                                </div>
                            </div>
                        </a>
                        <!--<a id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D" data-item_id="g1-1424i1-5471" data-amount="3.50" data-title="French Fries Original 175g">-->
                        <button id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                                data-item_id="g1-1424i1-5471" data-amount="3.50"
                                data-title="French Fries Original 175g">add
                        </button>
                        <!--</a>-->
                    </div>


                    <!--dynamic options:-->
                    <!--options:-->
                    <!--options.-->
                    <!--dynamic options.-->
                </div>
            </div>
    <div class="item__prod prod " style="cursor: pointer;"
                 data-href="/igacashmere?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 data-item_id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 onclick="productClick(this, event)">
                <div class="prod__product items ">
                    <div class="product__special "><img
                            src="https://igashop.com.au/wp-content/themes/marc2020-child/img/pm-callout-cache.png" alt="special">
                    </div>
                    <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                        <div class="product__image ">
                            <img src="https://igashop.com.au/wp-content/uploads/2020/05/schweppes-bitter-lemon-4x300ml-300x300.jpg">
                        </div>
                    </a>
                    <div class="product__chips prom">
                        French Fries Original 175g <p></p>
                    </div>
                    <a class="lbl_action ViewQR" href="#popup_qr" data-cmd="showQR"
                       data-title="French Fries Original 175g $3.50">QR</a>
                    <div class="product__buttons buttond">
                        <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                            <div class="buttons__dev">
                                <div id="pamount.g1-1424i1-5471" data-amount_orig="3.50" class="dev__one">
                                    <p class="one__dev">$2</p> <span class="one__span">$3.50</span>
                                </div>
                            </div>
                        </a>
                        <!--<a id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D" data-item_id="g1-1424i1-5471" data-amount="3.50" data-title="French Fries Original 175g">-->
                        <button id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                                data-item_id="g1-1424i1-5471" data-amount="3.50"
                                data-title="French Fries Original 175g">add
                        </button>
                        <!--</a>-->
                    </div>


                    <!--dynamic options:-->
                    <!--options:-->
                    <!--options.-->
                    <!--dynamic options.-->
                </div>
            </div>
            <div class="item__prod prod " style="cursor: pointer;"
                 data-href="/igacashmere?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 data-item_id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 onclick="productClick(this, event)">
                <div class="prod__product items ">
                    <div class="product__special"><img
                            src="https://igashop.com.au/wp-content/themes/marc2020-child/img/pm-callout-cache.png" alt="special">
                    </div>
                    <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                        <div class="product__image">
                            <img src="https://igashop.com.au/wp-content/uploads/2020/05/schweppes-bitter-lemon-4x300ml-300x300.jpg">
                        </div>
                    </a>
                    <div class="product__chips prom">
                        French Fries Original 175g <p></p>
                    </div>
                    <a class="lbl_action ViewQR" href="#popup_qr" data-cmd="showQR"
                       data-title="French Fries Original 175g $3.50">QR</a>
                    <div class="product__buttons buttond">
                        <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                            <div class="buttons__dev">
                                <div id="pamount.g1-1424i1-5471" data-amount_orig="3.50" class="dev__one">
                                    <p class="one__dev">$2</p> <span class="one__span">$3.50</span>
                                </div>
                            </div>
                        </a>
                        <!--<a id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D" data-item_id="g1-1424i1-5471" data-amount="3.50" data-title="French Fries Original 175g">-->
                        <button id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                                data-item_id="g1-1424i1-5471" data-amount="3.50"
                                data-title="French Fries Original 175g">add
                        </button>
                        <!--</a>-->
                    </div>


                    <!--dynamic options:-->
                    <!--options:-->
                    <!--options.-->
                    <!--dynamic options.-->
                </div>
            </div>
    <div class="item__prod prod " style="cursor: pointer;"
                 data-href="/igacashmere?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 data-item_id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 onclick="productClick(this, event)">
                <div class="prod__product items ">
                    <div class="product__special "><img
                            src="https://igashop.com.au/wp-content/themes/marc2020-child/img/pm-callout-cache.png" alt="special">
                    </div>
                    <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                        <div class="product__image ">
                            <img src="https://igashop.com.au/wp-content/uploads/2020/05/schweppes-bitter-lemon-4x300ml-300x300.jpg">
                        </div>
                    </a>
                    <div class="product__chips prom">
                        French Fries Original 175g <p></p>
                    </div>
                    <a class="lbl_action ViewQR" href="#popup_qr" data-cmd="showQR"
                       data-title="French Fries Original 175g $3.50">QR</a>
                    <div class="product__buttons buttond">
                        <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                            <div class="buttons__dev">
                                <div id="pamount.g1-1424i1-5471" data-amount_orig="3.50" class="dev__one">
                                    <p class="one__dev">$2</p> <span class="one__span">$3.50</span>
                                </div>
                            </div>
                        </a>
                        <!--<a id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D" data-item_id="g1-1424i1-5471" data-amount="3.50" data-title="French Fries Original 175g">-->
                        <button id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                                data-item_id="g1-1424i1-5471" data-amount="3.50"
                                data-title="French Fries Original 175g">add
                        </button>
                        <!--</a>-->
                    </div>


                    <!--dynamic options:-->
                    <!--options:-->
                    <!--options.-->
                    <!--dynamic options.-->
                </div>
            </div>
            <div class="item__prod prod " style="cursor: pointer;"
                 data-href="/igacashmere?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 data-item_id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 onclick="productClick(this, event)">
                <div class="prod__product items ">
                    <div class="product__special"><img
                            src="https://igashop.com.au/wp-content/themes/marc2020-child/img/pm-callout-cache.png" alt="special">
                    </div>
                    <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                        <div class="product__image">
                            <img src="https://igashop.com.au/wp-content/uploads/2020/05/schweppes-bitter-lemon-4x300ml-300x300.jpg">
                        </div>
                    </a>
                    <div class="product__chips prom">
                        French Fries Original 175g <p></p>
                    </div>
                    <a class="lbl_action ViewQR" href="#popup_qr" data-cmd="showQR"
                       data-title="French Fries Original 175g $3.50">QR</a>
                    <div class="product__buttons buttond">
                        <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                            <div class="buttons__dev">
                                <div id="pamount.g1-1424i1-5471" data-amount_orig="3.50" class="dev__one">
                                    <p class="one__dev">$2</p> <span class="one__span">$3.50</span>
                                </div>
                            </div>
                        </a>
                        <!--<a id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D" data-item_id="g1-1424i1-5471" data-amount="3.50" data-title="French Fries Original 175g">-->
                        <button id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                                data-item_id="g1-1424i1-5471" data-amount="3.50"
                                data-title="French Fries Original 175g">add
                        </button>
                        <!--</a>-->
                    </div>


                    <!--dynamic options:-->
                    <!--options:-->
                    <!--options.-->
                    <!--dynamic options.-->
                </div>
            </div>
    <div class="item__prod prod " style="cursor: pointer;"
                 data-href="/igacashmere?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 data-item_id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 onclick="productClick(this, event)">
                <div class="prod__product items ">
                    <div class="product__special "><img
                            src="https://igashop.com.au/wp-content/themes/marc2020-child/img/pm-callout-cache.png" alt="special">
                    </div>
                    <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                        <div class="product__image ">
                            <img src="https://igashop.com.au/wp-content/uploads/2020/05/schweppes-bitter-lemon-4x300ml-300x300.jpg">
                        </div>
                    </a>
                    <div class="product__chips prom">
                        French Fries Original 175g <p></p>
                    </div>
                    <a class="lbl_action ViewQR" href="#popup_qr" data-cmd="showQR"
                       data-title="French Fries Original 175g $3.50">QR</a>
                    <div class="product__buttons buttond">
                        <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                            <div class="buttons__dev">
                                <div id="pamount.g1-1424i1-5471" data-amount_orig="3.50" class="dev__one">
                                    <p class="one__dev">$2</p> <span class="one__span">$3.50</span>
                                </div>
                            </div>
                        </a>
                        <!--<a id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D" data-item_id="g1-1424i1-5471" data-amount="3.50" data-title="French Fries Original 175g">-->
                        <button id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                                data-item_id="g1-1424i1-5471" data-amount="3.50"
                                data-title="French Fries Original 175g">add
                        </button>
                        <!--</a>-->
                    </div>


                    <!--dynamic options:-->
                    <!--options:-->
                    <!--options.-->
                    <!--dynamic options.-->
                </div>
            </div>
            <div class="item__prod prod " style="cursor: pointer;"
                 data-href="/igacashmere?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 data-item_id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                 onclick="productClick(this, event)">
                <div class="prod__product items ">
                    <div class="product__special"><img
                            src="https://igashop.com.au/wp-content/themes/marc2020-child/img/pm-callout-cache.png" alt="special">
                    </div>
                    <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                        <div class="product__image">
                            <img src="https://igashop.com.au/wp-content/uploads/2020/05/schweppes-bitter-lemon-4x300ml-300x300.jpg">
                        </div>
                    </a>
                    <div class="product__chips prom">
                        French Fries Original 175g <p></p>
                    </div>
                    <a class="lbl_action ViewQR" href="#popup_qr" data-cmd="showQR"
                       data-title="French Fries Original 175g $3.50">QR</a>
                    <div class="product__buttons buttond">
                        <a href="igacashmere-8.html?i=I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D">
                            <div class="buttons__dev">
                                <div id="pamount.g1-1424i1-5471" data-amount_orig="3.50" class="dev__one">
                                    <p class="one__dev">$2</p> <span class="one__span">$3.50</span>
                                </div>
                            </div>
                        </a>
                        <!--<a id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D" data-item_id="g1-1424i1-5471" data-amount="3.50" data-title="French Fries Original 175g">-->
                        <button id="I23CAC4E9C819BD6E4D983FC9010BBD3AA18FCCF2BFD893CE51CA2CAAD4BBD71D"
                                data-item_id="g1-1424i1-5471" data-amount="3.50"
                                data-title="French Fries Original 175g">add
                        </button>
                        <!--</a>-->
                    </div>


                    <!--dynamic options:-->
                    <!--options:-->
                    <!--options.-->
                    <!--dynamic options.-->
                </div>
            </div>
</div>

.content__production {
    margin-top: 5px;
    margin-bottom: 74px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-template-rows: repeat(3, 1fr);
    /*grid-template-columns: repeat(4, 1fr);*/
    /*grid-template-columns: repeat(4, 0.5fr);*/
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    word-wrap: break-word;
    padding-left: 1.55%;
    padding-right: 1.55%;
    width: 96.9%;
}
.content__production .items {
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 1.55%;
    margin-right: 1.55%;
    width: 96.9%;
    margin-top: 13px;
    margin-bottom: 13px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.content__production .items .prom {
    box-sizing: border-box;
    word-wrap: break-word;
    width: 73.733%;

    /*    margin-left: 1.55%;
        margin-right: 1.55%;
        margin-top: 41px;
        margin-bottom: 41px;*/
}

.content__production .items .prom p {
    font-size: 0.875rem;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    /*bes*/
    max-width: 200px;
    max-height: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height:1.5em;
    min-height:3em;
}

.content__production .items .buttond {
    margin-top: 41px;
    max-width: 411px;
}

.content__production .items .buttond .buttons__dev {
    margin-bottom: 17px;
    margin-left: 15px;
}
.content__production .items .buttond .buttons__dev .dev__one{
    display: flex;
    flex-direction: row;
}
.content__production .items .buttond .buttons__dev .dev__one .one__dev{
    margin-right: 19px;
}

.content__production .items .buttond .buttons__dev .dev__one .one__span{
    text-decoration: line-through;
    margin-top:7px;
}
.content__production .items .buttond .buttons__dev p {
    font-size: 1.875rem;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: var(--main-blue);
}

.content__production .items .buttond button {
    background-color: var(--item-btn-bg);
    font-size: 1.125rem;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: var(--item-btn-c);
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    padding: 12px 45px;
}
/*.content__production .items .buttond button:active,
.content__production .items .buttond button:focus,
.content__production .items .buttond button:focus-within{
    border: none;
}*/
.content__production .prod .items .product__special{
    display: flex;
    align-self: flex-end;
}
.content__production .prod .items .product__special img{
    width: 2.75rem;
    height: 2rem;
    margin-left: -18px;
}
.content__production .items .buttond button:hover {
    background-color: var(--main-green);
    color: var(--main-white);
}

.content__production .items .product__image {
    display: -webkit-box;
    display: flex;
    margin-top: -27px;
    margin-left: -98px;
    /*bes*/
    /*vertical-align: middle;*/
    align-self: center;
}

.content__production .items .product__image img {
    display: -webkit-box;
    display: flex;
    align-self: flex-start;
    -webkit-box-flex: 1;
    flex: 1 1 auto;

    /*bes*/
    /*width:100%;*/

    max-width:150px;
    max-height: 150px;
}

.content__production .prod {
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 1.55%;
    margin-right: 1.55%;
    /*bes*/
    /*    max-width:250px;
        max-height: 250px;*/
}

.content__production .prod:nth-child(2n+1) {
    margin-right: -14px;
}

.content__production .prod .item__img {
    padding-top: 8px;
    margin-bottom: 8px;
    margin-right: 8px;
}

.content__production a:nth-child(n) {
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--main-bl);
}

.content__production a:nth-child(n):hover {
    color: var(--main-green);
}

.content__production .item__prod {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px var(--c_p_item_prod_brdr);
    margin-top: 7px;
    width: 96.9%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.content__production .item__prod:hover {
    box-shadow: 0 0 -6px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px var(--c_p_item_prod_brdr_hvr);
    cursor: pointer;
}

.content__production .item__prod .item__production {
    padding-top: 46px;
    padding-left: 0;
    padding-bottom: 12px;
    margin-left: 66px;
}
@media all and (min-width: 2200px) {
    .content__production {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
    }
    .content__production .items {
        /*        -webkit-box-orient: vertical;
                -webkit-box-direction: reverse;
                flex-direction: column-reverse;
                -webkit-box-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                align-items: center;*/

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;

        /*        margin-top: 1px;
                margin-left: 6px;
                margin-right: 5px;
                margin-bottom: 3px;
                align-self: flex-start;*/
    }
}
/*@media all and (min-width: 1581px) {*/
@media screen and (max-width: 2200px) {

    .optsListG{
        display: grid;
        /*grid-template-rows: repeat(1, 0.5fr);*/
        grid-template-columns: repeat(3, 1fr);
    }
    .content__productionq .items {
        width: 96.9%;
    }
    .content__productionq {
        grid-template-columns: repeat(5, 1fr);
    }

    .content__productionq .items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .content__productionq .prod {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .content__productionq .item__prod {
        width: 96.9%;
    }

    .content__production .items {
        width: 96.9%;
    }
    .content__production {
        grid-template-columns: repeat(5, 0.5fr);
    }

    .content__production .items {
        /*        -webkit-box-orient: vertical;
                -webkit-box-direction: reverse;
                flex-direction: column-reverse;
                -webkit-box-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                align-items: center;*/

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        margin-top: 6px;
        /*   margin-left: 6px;
          margin-right: 5px;
          margin-bottom: 3px;
          align-self: flex-start;*/
    }

    .content__production .items .prom {
        margin-top: 17px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 17px;
        align-self: center;
    }

    .content__production .prod {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .content__production .item__prod {
        width: 96.9%;
    }
}
@media screen and (max-width: 1580px) {
    .content__productionq .items {
        width: 96.9%;
    }
    .content__productionq {
        grid-template-columns: repeat(3, 1fr);
    }

    .content__productionq .items {
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;

    }

    .content__productionq .prod {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .content__productionq .item__prod {
        width: 96.9%;
    }

    .content__production .items {
        width: 96.9%;
    }
    .content__production {
        grid-template-columns: repeat(5, 0.5fr);
    }

    .content__production .items {
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .content__production .prod {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .content__production .item__prod {
        width: 96.9%;
    }
    .content__production .items .prom {
        margin-top: 11px;
        margin-bottom: 10px;
        margin-left: 6px;
        margin-right: 5px;
        /*align-self: flex-start;*/
    }

}

@media screen and (max-width: 1456px) {
    .navigation .logos .logos__search,
    .contact .logos .logos__search {
        display: none;
    }

    .logos__sheet__headers {
        -webkit-box-pack: end;
        justify-content: flex-end;
    }

    .content__chips {
        width: 96.9%;
        /*bes*/
        /*width: 80.9%;*/
    }

    .content__productionq .items {
        -webkit-box-orient: vertical;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .content__productionq .prod {
        width: 96.9%;
    }

    .content__productionq .prod {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .content__productionq .item__prod .item__production {
        margin-left: 6px;
    }

    .content__production {
        grid-template-columns: repeat(4, 1fr);
    }

    .content__production .items {
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        margin: 13px;
    }

    .content__production .items .prom {
        width: 71.9%;
    }
    .content__production .prod .items .product__special img {
        margin-left: -9px;
    }
    .content__production .items .prom {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .content__production .items .prom p {
        display: none;
    }

    .content__production .prod {
        width: 96.9%;
        /*bes*/
        /*width: 80.9%;*/
    }

    .content__production .prod {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .content__production a:nth-child(n) {
        font-size: 0.85rem;
    }

    .content__production .item__prod .item__production {
        margin-left: 6px;
    }
}

@media screen and (max-width: 1200px) {
    .content__productionq {
        grid-template-columns: repeat(3, 1fr);
    }

    .content__production {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 920px) {
    .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .slider__seafood {
        width: 98.56666667%;
    }
    /*    .content__production  {
            grid-template-columns: repeat(3, 1fr);
        }*/

    .content__product {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        margin-top: 20px;
    }

    .content__product {
        width: 92.73333333%;
    }

    .content__chips {
        width: 96.9%;
    }

    .content__chips {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .content__chips .chips__img {
        margin-bottom: 20px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .content__chips .chips__content {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        margin-top: -27px;
        margin-bottom: 20px;
    }

    .content__productionq {
        grid-template-columns: repeat(2, 1fr);
    }

    .content__productionq .items {
        width: 96.9%;
    }

    .content__productionq .items {
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .content__productionq .items .prom {
        margin-bottom: 0;
    }

    .content__productionq .items .buttond {
        margin-top: 12px;
    }

    .content__productionq .items .product__image {
        margin-top: 22px;
    }

    .content__productionq .prod {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: center;
        justify-content: center;
        width: 100vh;
    }

    .content__productionq .prod {
        width: 96.9%;
    }

    .content__productionq .prod .item__img {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .content__productionq .item__prod {
        width: 96.9%;
    }

    .content__production {
        grid-template-columns: repeat(3, 1fr);
    }

    .content__production .items {
        width: 96.9%;
    }

    .content__production .items {
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    /*bes*/
    /*    .content__production .items .prom {
            margin-bottom: 0;
        }*/

    .content__production .items .buttond {
        margin-top: 12px;
    }

    /*.content__production .items .product__image {*/
    /*    margin-top: 22px;*/
    /*}*/

    .content__production .prod {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: center;
        justify-content: center;
        width: 100vh;
    }

    .content__production .prod {
        width: 96.9%;
    }

    .content__production .prod .item__img {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .content__production .item__prod {
        width: 96.9%;
    }

    .contact .contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        align-content: center;
    }

    .contact .contacts .contacts__contacted {
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .contact .contacts .contacts__contacted .contacted__sites {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .contact .contacts .contacts__contacted .contacted__sites {
        width: 63.56666667%;
    }

    .contact .contacts .contacts__payment {
        width: 63.56666667%;
    }

    .contact .contacts .contacts__payment {
        align-self: center;
    }

    .contact .contacts .contacts__payment .payment__megapay {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        margin-top: 18px;
    }

    .contact .contacts .contacts__payment .payment__google {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .contact .contacts .contacts__payment .payment__mega {
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media all and (min-width: 740px) {
    .iopt_list_gc1{grid-template-columns: repeat(1, 1fr);}
    .iopt_list_gc2{grid-template-columns: repeat(2, 1fr);}
    .iopt_list_gc3{grid-template-columns: repeat(3, 1fr);}
    .iopt_list_gc4{grid-template-columns: repeat(4, 1fr);}
}
@media screen and (max-width: 740px) {
    .navigation .logos .logos__search form,
    .contact .logos .logos__search form {
        width: 38.56666667%;
    }

    .navigation .logos .logos__search input,
    .contact .logos .logos__search input {
        width: 63.56666667%;
    }

    .navigation .logos .logos__search button,
    .contact .logos .logos__search button {
        right: -242px;
    }

    .logos__sheet__headers {
        -webkit-box-pack: end;
        justify-content: flex-end;
        /*bes*/
        height: 28px;
    }
    /*    bes
        .logos__header {
            background-color: var(--main-bg);
            height: 28px;
        }*/

    .content__productionq {
        grid-template-columns: 1fr;
    }

    .content__productionq .item__prod {
        width: 96.9%;
    }

    .content__production {
        grid-template-columns: repeat(2, 1fr);
    }

    .content__production .item__prod {
        width: 96.9%;
    }
    .iopt_list_gc1{grid-template-columns: repeat(1, 1fr);}
    .iopt_list_gc2{grid-template-columns: repeat(2, 1fr);}
    .iopt_list_gc3{grid-template-columns: repeat(2, 1fr);}
    .iopt_list_gc4{grid-template-columns: repeat(3, 1fr);}
}

@media screen and (max-width: 576px) {
    /*.herth #zindex{*/
    /*    left: 5px;*/
    /*}*/
    /*.herth__2 #zindex__1 {*/
    /*    left: 1px;*/
    /*}*/
    .navigation .logos .logos__search form,
    .contact .logos .logos__search form {
        width: 63.56666667%;
    }

    .logos__sheet__headers {
        -webkit-box-pack: end;
        justify-content: flex-end;
    }

    .slider {
        /*        background: url(../img/header.png) no-repeat center center;*/
    }

    .slider__seafood {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .content__productionq .item__prod {
        width: 96.9%;
    }

    .content__production {
        grid-template-columns: repeat(2, 1fr);
    }

    .content__production .item__prod {
        width: 96.9%;
    }
    .iopt_list_gc1{grid-template-columns: repeat(1, 1fr);}
    .iopt_list_gc2{grid-template-columns: repeat(2, 1fr);}
    .iopt_list_gc3{grid-template-columns: repeat(2, 1fr);}
    .iopt_list_gc4{grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 490px) {
    .content__production {
        grid-template-columns: repeat(2, 1fr);
    }
    .content__production .items .product__image {
        margin-top: 24px;
        margin-left: 31px;
    }
    .content__production .prod .items .product__special {
        display: flex;
        align-self: flex-end;
    }
    .content__production .items .product__image {
        display: -webkit-box;
        display: flex;
        vertical-align: middle;
        justify-content: flex-start;
        align-self: flex-start;
    }
    .iopt_list_gc1,
    .iopt_list_gc2,
    .iopt_list_gc3,
    .iopt_list_gc4{
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 420px) {
    .navigation .logos .logos__search form,
    .contact .logos .logos__search form {
        width: 80.23333333%;
    }
    .content__production .items .product__image {
        margin-top: 10px;
        margin-left: -3px;
    }
    .logos__sheet__headers {
        -webkit-box-pack: end;
        justify-content: flex-end;
    }

    .content__chips .chips__content .chips__original h1 {
        font-size: 1.5rem;
    }

    .contact .contacts .contacts__payment .payment__google {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
    }
    .iopt_list_gc1,
    .iopt_list_gc2,
    .iopt_list_gc3,
    .iopt_list_gc4{
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 320px) {
    .logos__sheet__headers {
        -webkit-box-pack: end;
        justify-content: flex-end;
    }
    .iopt_list_gc1,
    .iopt_list_gc2,
    .iopt_list_gc3,
    .iopt_list_gc4{
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-height: 450px) {
    .sidebar {
        padding-top: 15px;
    }

    .sidebar a {
        font-size: 18px;
    }

    .sidebar__2 {
        padding-top: 15px;
    }

    .sidebar__2 a {
        font-size: 18px;
    }

    .shoopers {
        /*padding-top: 15px;*/
    }

    .shoopers a {
        font-size: 18px;
    }

    .shoopers__2 {
        padding-top: 15px;
    }

    .shoopers__2 a {
        font-size: 18px;
    }
}

/*img_main_basket*/
.img_main_basket {
    /*    float:left;
        margin: 3px 3px 3px 0;
    
        min-width: 100px;
        min-height: 100px;
        max-width: 100px;
        max-height: 100px;*/
    /*byhunter*/
    width:auto; 
    text-align:center; 
    padding:2px; 
    max-width:calc(var(--img_itemlist_max_w));
    max-height:calc(var(--img_itemlist_max_w));
}

#shcart_topbtn_html .tbl {
    /*padding:4px;*/
    /*margin-left: 4px;*/
    margin-bottom: 8px;
    margin-top: 8px;
    /*background-color: yello;*/
    width:100%;
}

/*even odd tables in item list*/
#shcart_topbtn_html .row_even_odd{
    border: none;
    /*width:100%;*/
    /*height:100%;*/
    /*border-collapse:collapse;*/ 
    /*background: #ccc;*/
}
#shcart_topbtn_html .icon_remove{
    display: flex;
    position: relative;
    right: 0px;
    top: 0px;
    content: "\2715"; 
    color: red;
}

#shcart_topbtn_html .box{
    /*-webkit-box-shadow: 0 6px 4px -4px rgba(0,0,0,.2);*/
    /*-moz-box-shadow: 0 6px 4px -4px rgba(0,0,0,.2);*/
    /*padding-bottom: 10px;*/
    padding-top: 10px;
}
#shcart_topbtn_html .boxclose{
    float:right;

    margin-top:-5px;
    margin-right:-3px;
    cursor:pointer;
    color: #fff;
    /*border: 1px solid #AEAEAE;*/
    border-radius: 30px;
    background: red;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 16px 8px;       
    -webkit-box-shadow: 0 6px 4px -4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 6px 4px -4px rgba(0,0,0,.2);

}

#shcart_topbtn_html .boxclose:before {
    content: "×";

}
#shcart_topbtn_html .row_even_odd td{ 
    /*padding:7px;*/
    /*border:#4e95f4 1px solid;*/
}
/* provide some minimal visual accomodation for IE8 and below */
#shcart_topbtn_html .row_even_odd tr{
    background: #fff;
    border: transparent 3px solid;
}
#shcart_topbtn_html .row_even_odd > tbody > tr{
    /*    -webkit-box-shadow: 0px 0px 2px 0px var(--alt2);
        -moz-box-shadow: 0px 0px 2px 0px var(--alt2);
        box-shadow: 0px 0px 2px 0px var(--alt2);*/
}

#shcart_topbtn_html .row_even_odd > tbody > tr:nth-child(odd){ 
    /*background: var(--sldr-t-odd);*/
}
#shcart_topbtn_html .row_even_odd > tbody > tr:nth-child(even){
    /*background: var(--sldr-t-even);*/
}
/*even odd tables in item list*/

#shcart_topbtn_html .tbl_iopt {
    /*padding:4px;*/
    margin-left: 4px;
    width:100%;
}


#shcart_topbtn div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    /*background-color: yellow;*/
    background-color: var(--mm-hdr-bg);
    font-size: 20px;
    width: 100%;
    display: flex;
    text-align: center;
}

#shcart_topbtn div.sticky .pay ,
#shcart_topbtn div.sticky .clear {
    text-transform: uppercase;
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0,0,0,.2); 
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2); 
    width: 100%;
    padding-top: 20px; 
    padding-bottom: 20px; 
    -webkit-box-shadow: 0 6px 4px -4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 6px 4px -4px rgba(0,0,0,.2);
    box-shadow: 0 6px 4px -4px rgba(0,0,0,.2);
    color: var(--main-white);
}
#shcart_topbtn div.sticky .pay {
    margin-right: 2px;   
    background: var(--main-green);
}
#shcart_topbtn div.sticky .clear {
    margin-left: 2px; 
    background: var(--main-red);
}

.bodyCanvasNav_overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    /*background-color: rgba(153, 0, 0, 1);*/
    background-color: var(--main-bg);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    transition: opacity 1s;
}
.bodyCanvasNav_overlay .msg{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 40px;
    padding: 10px;
}
.bodyCanvasNav_overlay .success{
    color: white;
}
.bodyCanvasNav_overlay .failed{
    color: white;
}

#CartPayF .chip {
    /*display: inline-block;*/
    display: block;
    padding: 0 25px;
    padding-bottom: 4px;
    padding-top: 4px;
    /*height: 50px;*/
    /*font-size: 18px;*/
    /*line-height: 50px;*/
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #f1f1f1;
    /*padding: 20px;*/
    /*margin: 10px;*/
    -webkit-box-shadow: 0 6px 4px -4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 6px 4px -4px rgba(0,0,0,.2);

}

#CartPayF .chip img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}
#CartPayF .chip .price{
    text-align: right;
    font-size: 14px;
}
#CartPayF .chip .label_txt {
    display: block;
    text-transform: uppercase;
    color: var(--body-txt-c);
    font-size: 14px;
    margin-bottom: 1em;
}
#CartPayF .chip ol li {
    color: var(--body-txt-c);
}

.slider__seafood__one .one__food .home-ico {
    color: var(--main-bg);

}

.iolist {
    padding-top: 10px;
}
.iolist .opm_I_Os_o{
    background-color: whitesmoke;
    margin: 1px;
}

.iolist .opm_I_Os_o .opm_i_Row:first-child{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.iolist .opm_I_Os_o .opm_i_Row:last-child{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.iolist .opm_I_Os_o .opm_i_Row{
    padding : 4px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.iolist .ID_O_lbl {
    display: block;
    /*border-top-left-radius: 4px;*/
    /*border-top-right-radius: 4px;*/
    /*width: 100%;*/
    /*color: black;*/
    /*text-transform: uppercase;*/
    padding-bottom: 4px;
    padding-top:  4px;

    background-color: #ddd;
    text-align: left;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* .product__special img{
  display:none;
} */