@media only screen and (min-width: 566px) and (max-width: 979px) {
    .fcontainer_fp_location_at_delivery_address .input-append a { width: 11% !important; }
    #search-on-home { bottom: 80px !important; }
    #search-on-home input { height: 60px !important; }
    .bgh-body-container { bottom: 143px !important; }
 }
@media only screen and (min-width: 979px) {
    #follow_search_area { display: none !important; }
    .only-phone { display:none; }
    .bgh-footer .tmiddle { display:none; }
    #cart-title-phone { display:none; }
    .on-phone { display:none !important; }
    .not-phone { display:block !important; }
    .cart_count { display:none !important; }
 }
@media only screen and (max-width: 979px) {
    .imenu { width: 82%; margin-left:8%; margin-right:8%; max-width:98%; min-height: 7px; float: left; margin-top:2%; margin-bottom:2%; }
    #fp-cart.show { z-index: 1; }
    textarea#noted { font-size: 20px !important; line-height: 25px!important; }
    .bgh-footer .tmiddle { display:block; text-align: center; float:right; padding-right: 10px !important; }
    .bgh-footer { position: absolute !important; bottom:0 !important; z-index:1; }
    .bgh-footer > div > a.bgh-big-button { font-size: 14px !important; margin: 2px; padding: 5px; }
    .bgh-footer  .bgh-div-3, .bgh-footer  .bgh-div-2,.bgh-footer  .bgh-div-4 { width:auto !important; font-size: 12px !important; }
    .bgh-div-2 { width: 30% !important; height: auto; }
    #fp-cart { position: absolute; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; background: white; }
    #fp-boba { position: absolute; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; max-width: 100%  !important; max-height: 100%  !important; }
    #fp-cart .bgh-header { display:none; }
    #fp-cart #bgh-total-cart { padding-top:0px !important; }
    #bgh-body-cart { top: 180px !important; }
    #cart-title-phone { display:block; }
    .bgh-body-container { top: 120px !important; }
    .bgh-header .fp-logo { height:90px !important; }
    .bgh-header .fp-logo .fp-title { line-height: 40px !important; position: absolute  !important; padding-left: 10%  !important; color: white  !important; background: rgba(0, 0, 0, 0.48)  !important; width: 60%  !important; margin-left: 30%; top: 0px !important; font-size: 20px  !important; }
    .bgh-header .fp-logo .fp-title .fp-title-description { font-size: 20px; max-height: 80px; line-height: 20px; overflow-y: scroll; }
    .bgh-header .fp-logo img { height: 100px !important; }
    .on-phone { display:block !important; }
    .not-phone { display:none !important; }
    .product-card { width:95% !important; margin-left:2.5%  !important; margin-right:2.5%  !important; height: 220px !important; padding-top:2px !important; margin-top:10px !important; }
    .product-card div.product-image { width:40% !important; margin-right:1% !important; float:left; }
    .product-card div.product-price, .product-card .product-name, .product-card .product-desc { width:50% !important; margin-left:1% !important; float:left; }
    .bgh-menu { padding-top: 0px !important; height: 120px !important; }
    .bgh-menu > div > div { max-height: 80px !important; }
    .bgh-body { padding-bottom: 0 !important; }
    .scrolling-wrapper img { height: 60px !important; }
    div.location-container { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; padding:0; margin:0; }
    .location-container .at-location .smis_form > div { width:100% !important; padding-left:0 !important; }
    div.at-location { margin:0 !important; padding:0 !important; }
    #fp_location_add_form_form { width:90%; padding-left:5% !important; padding-right:5% !important; }
    div.location-header { padding:0.5% !important; margin-top:0.5% !important; margin-bottom:0.5% !important; width:99% !important; clear:both; }
    div.location-header > div { font-size: 18px !important; width:30% !important; }
    div.location-note { line-height: 40px; font-size: 30px; }
    div#location-input-container { position : absolute; top: 110; overflow: scroll; left:0; height: 130x; padding-bottom: 10; right:0; border-top: solid 1px #cdcdcd; /* background: red; */ }
    div.at-location label { width:100% !important; font-size:20px !important; line-height: 30px !important; height:20px !important; margin-top: 4px; margin-bottom: 4px; margin-left: 0 !important; }
    div.at-location input,div.at-location select { width:100% !important; font-size:20px !important; line-height: 30px !important; height:35px !important; margin-top:5px; margin-bottom:5px; margin-left: 0 !important; max-width:100% !important; }
    #fp-membership-offer {  bottom: 80px; margin-top: 100px !important; }
    #fp-membership-offer h1 { font-size:20px; line-height:25px; }
    #fp-membership-offer a { font-size:15px; }
    .fcontainer_fp_location_at_delivery_address .input-append { width:100% !important ; }
    #fp_location_at_delivery_address { width:85% !important; max-width:96% !important; }
    .location-container .at-location .form-container .btn-gps { height:25px !important; margin-top:5px; }
    .location-container .at-location .form-container .btn-gps i { line-height:20px !important; }
    .payment-button { font-size:25px !important; }
    .payment-button-container { height:70px !important; }
    #fp-payment-container .clear { margin-bottom: 0px !important; }
    #fp-payment-container { padding: 10px !important; z-index: 1000000; }
    .ipt_name { clear:both !important; width: 98% !important; line-height: 40px !important; font-size: 25px; }
    .p_online_pad { margin-top:10px !important; }
    .p_online_pad .ipt .ipt_name:nth-child(1) { width: 98%; float: left; font-size: 25px; }
    .p_online_pad .ipt .ipt_name:nth-child(2) { width:98%  !important; float:left  !important; font-size:25px !important; }
    .p_online_pad .cc { width:98%  !important; font-size:25px !important; }
    .p_online_pad .ipt .bgh-div-2 .bgh-big-button { width: 10px !important; height: 20px !important; border-radius: 52px !important; font-size: 25px !important; line-height: 40px !important; margin: 5px !important; padding: 5px !important; }
    .only-phone { display:block; }
    .ifooter { height: 70px; }
    .ibody { bottom: 80px; top: 130px; }
    .ifp-menu { padding-top:0px !important; }
    .bgh-header div.fp-price div.mnf_checkbox {  font-size: 18px !important; }
    .bgh-header div.fp-price div.checkbox_pict font { font-size: 15px !important; line-height:18px !important; }
    .bgh-header div.fp-price input.mnf_checkbox { width: 25px !important; }
    div.block-ckb { width: 45% !important; padding:1% !important; min-height:215px !important; }
    .payment-button { padding: 10px !important; font-size: 18px !important; width: 80px !important; margin: 5px !important; }
    .fp-boba-right, .fp-boba-left { top:30 !important; opacity: 0.9; }
    .fp-price-head > div > div { font-size:25px !important; line-height: 35px; }
    .fp-users-title { width: 95% !important; padding-left: 5%!important; text-align: left !important; padding-top: 20px; padding-bottom: 10px; margin: 0; line-height: 30px !important; }
    .login-area input { width:90%; padding-right:10px !important; padding-left:10px !important; padding-bottom: 5px !important; padding-top: 5px !important; font-size: 20px !important; height: 40px; line-height: 40px !important; }
    .cart_count a.bgh-big-button { width: 100% !important; }
    .cart_count { max-width: 100% !important; min-width: 100px; text-align: right; }
    .cart_count .bgh-big-button { width:100%; }
    .cart_count { font-size: 14px; }
 }