﻿.customer_order-info1{
    float:left;
    width: 50%;
}

@media screen and (min-width: 767px) { 
    .mHide {display: block;}
    .chooseGroup {display: none;}
    .pop_container {
        width: 600px; 
        display:none;position: fixed;top: 50%;left: 50%; transform: translate(-50%, -50%); opacity: 0;transition: all 0.3s ease;z-index: 9999} 
    .pop_container.show {opacity: 1;display: inline-block;}
    .topbar {display: none;}
	.m_barwrapper{display: none;}

}
@media screen and (max-width: 767px) {
    .container {min-width: 100%;}
    .container .content_wrapper {width: 100%;}
    .container > .body {background: #fff;padding-top: 0px}
    .container > .header , .restaurant_wrapper p , .mobile_bannerad {display: none;}
    body {position: relative;}
    .overlay {display:none;position: fixed;content: ''; top: 0px;left: 0px;width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999;}
    .overlay.visible {display: inline-block;}
    .menu_wrapper > div > .active_category_wrapper {display: block;}
    .menu_wrapper > div {display: inline-block;}
    .category_wrapper .menu_groups { position: fixed !important;width: 90%;top: 50% !important;left: 50% !important;-webkit-transform: translate(-50% , -50%);transform: translate(-50% , -50%);background: #fff;border-radius: 10px;padding: 0px;box-shadow: 5px 5px 10px rgba(0,0,0,0.3);z-index: 9999;display: none;opacity: 0;overflow: hidden;transition: all 0.3s ease; max-height:100%; overflow-y:auto;}
    .restaurant_wrapper td > h1 {font-size: 16px;padding:10px 0px 10px 0px;}
    .category_wrapper .menu_groups.clickMobile {display: inline-block;opacity: 1;}
    .category_wrapper .menu_groups a.active {border-left:0px;background: #efefef;}
    .category_wrapper .menu_groups a:hover {border-left: 0px;}
    .category_wrapper .menu_groups a {border-left:0px;background: #fff;margin-left: 0px; font-size: 13px;border-top: 1px solid #efefef;}
    .menu_wrapper > div > .category_wrapper > tbody > tr > td {display: inline-block;}
    .menu_wrapper > div > .category_wrapper td.menu_items {display: inline-block;width: 100%;}
    .container > .footer table td {display: inline-block;width: 100%;}
    .container > .header table td {display: inline-block;width: 100%;float: left;}
    .topbar_txt {width: 100%;float: left;margin: 0px;}
    .container > .header .fontlogo {width: auto;}
    .headersearchcontainer .address {width: 100%;}
    table td {display: inline-block;width: 100%;}
    .restaurant_wrapper {padding: 0px 10px; background: #fff;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);}
    .items_wrapper > a > table .price {width: 20%;}

    .groups_wrapper {padding: 8px 15px; background: #808080;color: #fff;font-size: 11px; position: relative; border-bottom: 0px; }
    .groups_wrapper > h2 {margin-top:0px; padding-top: 0px;cursor: pointer;}
    .items_wrapper > a > table h4 {font-size: 12px;}
    .items_wrapper > a > table p {font-size: 12px;}
    .groups_wrapper > h2 {position: relative;}
    .groups_wrapper > h2:after {position: absolute;float: right;content: '+'; color: #fff; top: 0px; right: 0px; font-weight: bold;}
    .chooseGroup {text-align: center;background: #f54040;color: #fff; font-size: 17px;padding: 5px 0px;}
    .mHide {display: none;}
    .data_wrapper {border-top: 0px;}
    .menu_wrapper, .menu_wrapper > div > .category_wrapper {padding-top: 0px;}
    .cart_container {box-shadow: none;}

    .pop_container, .cart_container {
        width: 97%;
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: all 0.3s ease;
        z-index: 9999;
        max-height: 100%;
        overflow-y: auto;
    }
        .pop_container.show, .cart_container.show {
            opacity: 1;
            display: inline-block;
        }
        
        div.left_mobilemenu {
            float: left;
            text-align: left;
            color: white;
        }
    div.topbar {
    position: relative;
    top: 0;
    left: 0;
     
    height: 3.4em;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    background: #169fe6;
    border-radius: 0.1px;
}
    div a.m_menutrigger, .m_backbutton {
        font-size: 1.75em;
        font-family: bmicons;
        text-decoration: none;
        vertical-align: middle;
        padding: 0 0.75em;
        height: 2em;
        line-height: 2em;
        display: inline-block;
        color: white;
        -webkit-tap-highlight-color: rgba(255,255,255,0.4);
    }
    div.right_mobilemenu {
        float: right;
        text-align: left;
    }
    div.right_mobilemenu .m_menutrigger {
        position: relative;
        color: white;
    }
    .m_barwrapper {
    /* margin-top: 3.33em; */
    overflow: hidden;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    -webkit-transform: translate3d(-10000%, 0, 0);
    -moz-transform: translate3d(-10000%, 0, 0);
    -o-transform: translate3d(-10000%, 0, 0);
    transform: translate3d(-10000%, 0, 0);
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
}
.m_sidebarbg {
    height: 100%;
    width: 80%;
    background: white;
    box-shadow: 0.25em 0 0.5em rgba(0, 0, 0, 0.5);
    border-radius: 0.1px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.m_sidebar {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
.m_sidebarheader {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    background: #169fe6;
    border-radius: 0.1px;
    /* height: 10em; */
    color: white;
    text-align: center;
    vertical-align: middle;
    padding: 1em 0;
    margin-bottom: 0.5em;
    font-weight: 300;
    position: relative;
}
.m_sidebarheader a {
    text-decoration: none !important;
    display: block;
    color: white;
    line-height: 2em;
    width: 100%;
}


.m_sidebar a {
    display: inline-block;
     
    line-height: 3em;
    width: 100%;
    height: 100%;
}
.m_barwrapper.active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.m_sidebar .m_icon_wrapper {
    display: inline-block;
    width: 4em;
    padding-right: 0.5em;
    vertical-align: middle;
    text-align: center;
    margin: 0;
}
.m_icon::after {
    content: "";
    font-family: bmicons;
    display: inline-block;
}
.m_sidebar td .m_icon::after {
    color: #4a4a4a;
    font-size: 1.5em;
}
.m_icon_search::after {
    content: "\e00a";
}
.m_icon_account::after {
    content: "\e014";
}
.m_icon_contact::after {
    content: "\e001";
}
.m_icon_star::after {
    content: "\e00e";
}

.footer {display: none;}

.left_mobilemenu span {
    vertical-align: top;
    margin-left: 0.15em;
    display: inline-block;
    font-size: 1.15em;
    height: 3em;
    line-height: 3em;
}
.feedback_wrapper {display: none;}
.show.fixed_top{
	position: fixed !important;
    top: 50% !important;
    left: 50% !important;
	margin-left: 0px !important;
}
}