require(['jquery','bxslider'],function($){
            $(document).ready(function() {
                $('.main-slides .main-slider').bxSlider({
                    auto:true,
                    pause: 10000,
                    touchEnabled:true,
                    oneToOneTouch:true,
                    swipeThreshold:10,
                    preventDefaultSwipeX: true,
                    maxSlides: 5,
                    slideMargin : 0,
                    moveSlides: 1,
                    minSlides: 2,
                    pager: true,
                    controls: false
                });

                slideHeight();
            });

            $(window).on('resizeEnd', function() {
                slideHeight();
            });

            function slideHeight()
            {
                if($('.main-slides .main-slider').offset()) {
                    var slideHeight = 445;
                    if($('body').width() <= 1200){
                        var percent = 445/1200 * 100;
                        slideHeight = percent * $(window).width() / 100;
                    }

                    $(".main-slides .bx-viewport").css('height',slideHeight+'px');

                    $(".main-slides .main-slider .banner-slide").each(function( index ) {
                        $(this).css('height',slideHeight+'px');
                    });
                }
            }

        });
    

        .main-slides .bx-clone {display: none;}
        .main-slides .bx-wrapper .bx-controls .bx-pager {bottom: 4%;}
        .main-slides .bx-wrapper .bx-controls .bx-pager-item a {width: 12px; height: 12px; line-height: 12px;}
        .main-slides .banner-slide {background-size: cover; background-repeat: no-repeat; background-position: center center;cursor: pointer;}
    

    require(['jquery','bxslider'],function($){
        $(document).ready(function() {
            if(jQuery(window).width() < 768 ) {
                $('.product-slider .product-items').bxSlider({
                    auto: false,
                    touchEnabled: true,
                    oneToOneTouch: true,
                    swipeThreshold: 10,
                    preventDefaultSwipeX: true,
                    maxSlides: 6,
                    slideWidth: 200,
                    slideMargin: 0,
                    moveSlides: 1,
                    minSlides: 2,
                    pager: false,
                    controls: true,
                    prevText: '<span class="icon fa fa-angle-left">',
                    nextText: '<span class="icon fa fa-angle-right">'
                });
            }else {
                $('.product-slider .product-items').bxSlider({
                    auto: false,
                    touchEnabled: true,
                    oneToOneTouch: true,
                    swipeThreshold: 10,
                    preventDefaultSwipeX: true,
                    maxSlides: 6,
                    slideWidth: 200,
                    slideMargin: 0,
                    moveSlides: 2,
                    minSlides: 6,
                    pager: false,
                    controls: true,
                    prevText: '<span class="icon fa fa-angle-left">',
                    nextText: '<span class="icon fa fa-angle-right">'
                });
            }
        });
    });
    

.products-slider span {vertical-align: middle;}
    

        .main-online-specials {position: relative; display: inline-block; margin-right: -15px; margin-left: -15px;}
        .main-online-specials .item {float: left; width: 33.3333%; padding: 0 15px; box-sizing: border-box;}
        .main-online-specials .item a {display:block;}
        .main-online-specials .item a:hover {opacity: .9;}
        .main-online-specials .item.two a:last-child {position: absolute; bottom: 0; width: calc(33.3333% - 30px);}
        .main-online-specials .item a span.text {display: none;}
        .main-online-specials .item a img {display:block;}
        .main-online-specials.mobile {display: none;}
        @media screen and (max-width: 768px) and (min-width: 480px){
            .main-online-specials {margin-right: -5px; margin-left: -5px;}
            .main-online-specials .item {padding: 0 5px;}
            .main-online-specials .item.two a:last-child {width: calc(33.3333% - 10px);}
        }
        @media screen and (max-width: 479px) {
            .main-online-specials {margin-right: -10px; margin-left: -10px;}
            .main-online-specials .item {width: 100%; padding: 0 10px;}
            .main-online-specials .item a {margin-bottom: 10px;}
            .main-online-specials .item:last-child a:last-child {margin-bottom: 0;}
            .main-online-specials .item a img {width: 100%}
            .main-online-specials .item.two a:last-child {position: static; width: 100%;}
        }
    

.products-slider span {vertical-align: middle;}
    

        .products-slider span {vertical-align: middle;}
    

    .meat-product .main-title span {vertical-align: middle;}
    .meat-product .banners {display: flex; border-top: 1px solid #ddd;}
    .meat-product .small-banner-wrapper {display: flex;}
    .meat-product .small-banner-wrapper .small-banner {border-right: 1px solid #ddd;}
    .meat-product .banners img {display: block; width: 100%;}

    @media screen and (max-width: 479px) {
        .meat-product .banners {display: block;}
        .meat-product .big-banner {width: 100%;}
        .meat-product .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
        .meat-product .small-banner-wrapper .small-banner {width: 50%; float: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: none; box-sizing: border-box;}
    }
    

    .seafood-product .main-title span {vertical-align: middle;}
    .seafood-product .banners {display: flex; border-top: 1px solid #ddd;}
    .seafood-product .small-banner-wrapper {display: flex;}
    .seafood-product .small-banner-wrapper .small-banner {border-right: 1px solid #ddd;}
    .seafood-product .banners img {display: block; width: 100%;}

    @media screen and (max-width: 479px) {
        .seafood-product .banners {display: block; border-top: none;}
        .seafood-product .big-banner {width: 100%;}
        .seafood-product .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
        .seafood-product .small-banner-wrapper .small-banner {width: 50%; float: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: none; box-sizing: border-box;}
    }
    

.fruit-vegetables-product .main-title span {vertical-align: middle;}
.fruit-vegetables-product .banners {display: flex; border-top: 1px solid #ddd;}
.fruit-vegetables-product .small-banner-wrapper {display: flex;}
.fruit-vegetables-product .small-banner-wrapper .small-banner {border-right: 1px solid #ddd;}
.fruit-vegetables-product .banners img {display: block; width: 100%;}

@media screen and (max-width: 479px) {
    .fruit-vegetables-product .banners {display: block;  border-top: none;}
    .fruit-vegetables-product .big-banner {width: 100%;}
    .fruit-vegetables-product .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
    .fruit-vegetables-product .small-banner-wrapper .small-banner{width: 50%; float: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: none; box-sizing: border-box;}
}