/***********************/
/** new mobile design **/
/***********************/
/* Default is mobile view */
@media (max-width: 767px) {

    .page-store #header .container {
        max-width: unset;
    }

    .page-store #header #main-nav {
        min-height: 100vh;
        background-color: #f0eff4;
        padding: 0px 0px 100px 0px;
        top: 33px;
        overflow: scroll;
    }

    .page-store #header .customer_accounts_details {
        background-color: #fff;
        border-radius: 0.5rem 0.5rem 0 0;
        margin: 0px;
        padding: 30px 10px;
    }

    body.with-bubble .page-store #header .customer_accounts_details {
        padding-top: 60px;
    }

    .page-store #header .restartOrderButton {
        background: #f0eff4;
        border-radius: unset;
        margin: 0px;
        padding: 30px 20px;
    }

    .page-store #header .login_container {
        padding: 20px 10px 10px 10px;
    }

    .page-store #header .signup_container {
        padding: 10px 10px 20px 10px;
    }

    .page-store #header .login_container .loginbtn {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
        padding: 12px 10px;
    }

    .page-store #header .signup_container .signupbtn {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
        padding: 10px 10px;
        background: none;
        color: #a57c58;
        border: 1px solid #a57c58;
    }

    .page-store #header .restartOrderButton .container,
    .page-store #header .order-method-details-wrap .container {
        padding: 0px;
    }

    .page-store #header .restartOrderButton .btn {
        color: red;
        height: unset;
        padding: 12px 10px;
        text-align: left;
    }

    .page-store #header .restartOrderButton .btn > .btn-icon {
        background: none;
        border-radius: unset;
        box-shadow: unset;
        display: inline-block;
        height: unset;
        left: 2%;
        position: absolute;
        top: unset;
        width: unset;
        padding: 3px 0px 0px 4px;
    }

    .page-store #header .order-method-details-wrap .btn > .btn-icon {
        background: none;
        border-radius: unset;
        box-shadow: unset;
        display: inline-block;
        height: unset;
        left: 0px;
        position: absolute;
        top: 2px;
        width: unset;
        padding: 5px;
    }
    .page-store #header .order-method-details-wrap .btn > .btn-icon.ou-ic-edit::before {
        font-size: 18px !important;
        margin-left: 6px;
        position: unset;
        display: block;
        margin-top: 2px;
    }
    .page-store #header .order-method-details-wrap .btn > .btn-icon.ou-ic-edit {
        float: right;
        margin-right: -3px;
        position: absolute;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        padding: 0px;
        box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
        margin-top: 8px;
        left:83%;
    }

    .page-store #header .restartOrderButton .btn > .btn-icon:before {
        color: red;
    }

    .page-store #header .order-method-details-wrap .btn i,
    .page-store #header .order-method-details-wrap .btn i::before {
        color: #a57c58;
    }

    .page-store #header .order-method-details-wrap .btn i.ou-ic-edit,
    .page-store #header .order-method-details-wrap .btn i.ou-ic-edit::before {
        color: #c3c3c3;
    }

    .page-store #header .customer_accounts_details .account-btn-wrap {
        padding: 0px;
        color: #c3c3c3;
    }

    .page-store #header .customer_accounts_details .account-btn-wrap .icon_background {
        background: #f9f9f9;
        border-radius: 50px;
        padding: 20px;
        margin: 0 auto;
    }

    .page-store #header .customer_accounts_details .account-btn-wrap .icon_container i {
        border: 1px solid #c3c3c3;
        border-radius: 25px;
        padding: 7px;
        font-size: 18px;
    }

    .page-store #header .customer_accounts_details .name_container {
        color: #000000;
        padding-top: 10px;
        font-size: 20px;
        /*text-transform: uppercase;*/
    }

    .page-store #header .customer_accounts_details .goto_customer_dashboard {
        background: none;
        color: #ae875d;
        width: 50%;
        padding: 6px 0px;
        margin: 0 auto;
        border-radius: 25px;
        border: 1px solid;
    }
    .page-store #header .customer_accounts_details .goto_customer_dashboard i.ou-ic-profile{
        padding: 3px;
        height: 22px;
        width: 22px;
        border-radius: 25px;
        background-color: #ffffff;
        color: #ae875d;
        font-size: 14px;
        margin-right: 6px;
        margin-left: -8px;
    }
    .page-store #header .order-method-details-wrap {
        background: none;
        border-radius: unset;
        margin: 0px;
        padding: 8px 20px 0px 20px;
    }

    .page-store #header .hr_container {
        padding: 8px 0px;
        margin: 0px !important;
    }

    .page-store #header .hr_container hr {
        margin: 0px;
    }

    .page-store.onlystore #header .order-method-details-wrap #edit-location .btn-icon.ou-ic-edit,
    .page-store.onlymethod #header .order-method-details-wrap #edit-method .btn-icon.ou-ic-edit {
        display: none !important;
    }

    .page-store #header .order-method-details-wrap .header_method,
    .page-store #header .order-method-details-wrap .prep_time_display,
    .page-store #header .order-method-details-wrap .header-store {
        color: #a57c58;
        font-size: 16px;
    }

    .page-store #header .order-method-details-wrap .prep_dow_display,
    .page-store #header .order-method-details-wrap .prep_time_display{
        display:block;
        text-indent: 40px;
        margin-top:-14px;
        padding-bottom: 7px;
    }

    .page-store #header .restartOrderButton .restartOrderButton_text {
        padding: 0px 0px 0px 40px;
    }

    .page-store #header .order-method-details-wrap .header_method,
    .page-store #header .order-method-details-wrap .header-store {
        padding: 0px 0px 0px 40px;
        line-height: 47px;
    }

    .page-store #header .order-method-details-wrap .btn {
        background: #ffffff;
        padding: 0px 10px;
        text-align: left;
        height: unset;
        line-height: unset;
        color: #a57c58;
    }

    .page-store #header .restartOrderButton .btn > .btn-icon:before,
    .page-store #header .order-method-details-wrap .btn i,
    .page-store #header .order-method-details-wrap .btn i::before {
        line-height: unset !important;
        font-size: 22px !important;
        margin-left: 5px;
    }

    .page-store #header .order-method-details-wrap > div {
        margin: 20px 0px;
    }
    .page-store #header .btn-search-container{
        float: right;
        height: 0;
    }
    .page-store #header .btn-search-container .ou-icon {
        background: none;
        color: #ffffff;
    }

    .search_main_container {
        min-height: 100vh;
        padding: 0px;
        top: 33px;
        overflow-x: scroll;
        width: 100vw;
        bottom: 0;
        left: 100vw;
        position: absolute;
        z-index: 1;
        -webkit-transition: 1s;
        transition: 1s;
    }

    .search_main_container .container_overlay{
        width: 20vw;
        float: left;
        min-height: 100vh;
        height: calc(100%);
    }

    .search_main_container .search_content_container{
        background-color: #ffffff;
        width: 80vw;
        float: right;
        min-height: 100vh;
        height: calc(100%);
        overflow: hidden;
    }

    .search_main_container .search_content_container .search_result_container_found_items,
    .search_main_container .filter_container .filter_content {
        max-height: calc(100vh - 200px);
        overflow-y: scroll;
        overflow-x: hidden;
        padding-top:4px;
        padding-bottom:100px;
    }

    .search_main_container .search_content_container .search_result_container_found_items::-webkit-scrollbar,
    .search_main_container .search_content_container .search_result_container_found_items::-webkit-scrollbar-thumb,
    .search_main_container .filter_container .filter_content::-webkit-scrollbar,
    .search_main_container .filter_container .filter_content::-webkit-scrollbar-thumb
    {
        display: block;
    }

    .search_container_active .search_main_container {
        left: 0vw;
        -webkit-transition: 1s;
        transition: 1s;
    }

    .search_container_active .page-content{
        left: -80vw;
        overflow-y: hidden;
        z-index: 1;
        opacity: .5;
    }

    .search_button_container {
        padding: 8px 0px;
        background-color: #f0eff4;
    }

    .search_button_container .input-group{
        margin:0px !important;
    }

    .search_button_container .search_products{
        border:none;
        border: none;
        border-radius: 0 !important;
        padding: 0px 0px 0px 15px;
    }

    .search_button_container button{
        padding: 6px;
        background: #ffffff;
        border-radius: 50px;
        width: 30px;
        height: 30px;
        border: none;
    }

    .search_button_container .input-group > .input-group-append > .btn {
        padding:0px !important;
        /*margin-right: 15px;*/
    }

    .search_button_container button i {
        color: #d0d0d0;
    }

    .search_result_container {
        display:none;
    }
    .search_result_container .found_menu_header {
        text-align: left;
        padding: 10px 15px;
        font-style: italic;
    }

    .search_result_container .found_menu_header .search_result_menu {
        padding: 15px 15px 5px 15px;
    }

    .search_result_container .found_menu_header .search_result_title {
        text-transform: capitalize;
        font-weight: 700;
        border-bottom: 2px solid #f0eff4;
        margin: 0px;
        padding: 10px 0px;
        font-style: normal;
    }

    .search_result_container .searched-item-name {
        text-align: left;
        padding: 10px 0px 0px 0px;
        font-size:16px;
        text-transform: capitalize;
    }

    .search_result_container .searched-item-description {
        text-align: left;
        color:#a6a6ab;
        font-size:14px;
        padding:0px;
    }

    .search_result_container .item_result {
        padding-left: 15px;
        padding-bottom: 15px;
        background-color: #ffffff;
        border-bottom: 1px solid #f0eff4;
    }

    .search_content_container .filter_container {
        padding:15px;
    }

    .search_content_container .filter_container .filter_title {
        text-align: left;
        padding: 0px 0px 10px 0px;
        font-weight: 700;
        border-bottom: 2px solid #f0eff4;
    }

    .search_content_container .filter_container .filter_title.hide {
        display:none;
    }

    /** INACTIVE STATE **/
    .btn-symbol-mobile {
        padding:6px 0px;
    }

    .btn-symbol-mobile .symbol-mobile-container {
        padding:6px 0px;
    }

    .btn-symbol-mobile .symbol-text-container {
        font-size:18px;
        /*font-weight: bold;*/
        /*text-transform: uppercase;*/
        white-space: nowrap;
    }

    .btn-symbol-mobile.inactive .symbol-mobile-container.secondaryColourBg {
        background-color: transparent !important;
    }

    .btn-symbol-mobile.inactive .symbol-text-container {
        color: #b7b7b7;
    }

    .btn-symbol-mobile.inactive .symbol-close-container {
        display:none;
    }

    .btn-symbol-mobile .symbol-icon-container svg {
        width: 40px;
        height: 40px;
        margin: 0px 8px
    }

    .btn-symbol-mobile.inactive .symbol-icon-container .symbol-icon {
        /*background-color: #f0eff4;*/
        /*border: 5px solid #f0eff4;*/
    }

    .btn-symbol-mobile .symbol-icon-container .symbol-icon {
        width: 40px;
        height: 40px;
        display: block;
        border-radius: 25px;
        padding: 0px;
    }

    .btn-symbol-mobile .symbol-icon-container img {
        display: block;
        width: 40px;
        height: 40px;
        margin: 0px 8px
    }
    
    .btn-symbol-mobile .symbol-text-container {
        text-align:left;
        padding-top: 5px;
        padding-left: 10px;
    }
    .btn-symbol-mobile .symbol-close-container {
        padding: 8px 0px;
    }

    .btn-symbol-mobile .symbol-close-container .symbol-text {
        text-transform: capitalize;
    }

    /** ACTIVE STATE **/
    .btn-symbol-mobile.active .symbol-mobile-container{
        background-color: #a57c58;
        border-radius: 25px;
    }

    .btn-symbol-mobile .symbol-icon-container img,
    .btn-symbol-mobile .symbol-icon-container svg {
        border: 5px solid #f0eff4;
        border-radius: 25px;
    }

    .btn-symbol-mobile.active .symbol-icon-container img,
    .btn-symbol-mobile.active .symbol-icon-container svg {
        border-color: #a57c58;
    }


    .btn-symbol-mobile.active .symbol-mobile-container .symbol-text,
    .btn-symbol-mobile.active .symbol-mobile-container .symbol-close i {
        color: #ffffff;
    }
    
    .btn-symbol-mobile.active .symbol-mobile-container .symbol-close i {
        font-size: 18px;
    }

    #category_filtered_slide {
        background-color: #ffffff;
        min-height: 100vh;
    }

    #category_filtered_slide .menu-category .menu-category-name-wrap{
        display: none !important;
    }

    #category_filtered_slide .filtered_items_container{
        /*padding:10px;*/
    }

    .with-bubble .search_main_container .search_content_container {
       padding-top:55px;
    }

    .filtered-content .filtered_items_container .menu-item {
        border-bottom: 1px solid #d8d8d8;
        padding-top: 1.8rem;
    }

    .filtered-content .filtered_items_container .menu-item:last-child {
        margin-bottom: 95px;
    }

    .order-method-details-wrap #edit-method{
        white-space: normal;
    }

    .no-gutters-padding {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #modal-cart .cart-order-item-options-list .cart-order-item-options-list-container .item-only {
        width: revert;
        white-space: revert;
        overflow: revert;
        height: revert;
    }

    #modal-cart .cart-order-item-options-list .cart-order-item-container .cart-order-item-quantity {
        width: auto;
    }

    /*#modal-cart .cart-order-item-options-list .cart-order-deal-item-name-price-container span.cart-order-item-price,*/
    #modal-cart .cart-order-item-options-list .cart-order-deal-item-name-price-container span.cart-order-item-quantity,
    #modal-cart .cart-order-item-options-list .cart-order-deal-item-name-price-container span.cart-order-item-modifier-item,
    #modal-cart .cart-order-item-options-list .halfhalf_item_list .halfhalf_item span.cart-order-item-quantity,
    #modal-cart .cart-order-item-options-list .halfhalf_item_list .halfhalf_item span.cart-order-item-modifier-item,
    #modal-cart .cart-order-item-options-list .cart-order-item-name-price-container span.cart-order-item-price,
    #modal-cart .cart-order-item-options-list .cart-order-item-name-price-container span.cart-order-item-quantity,
    #modal-cart .cart-order-item-options-list .cart-order-item-name-price-container span.cart-order-item-modifier-item {
        font-weight: 700;
        color:#212529;
    }

    #modal-cart .cart-order-item-options-list .halfhalf_item_list {
        padding-left:0px;
    }
    #modal-cart .cart-order-item-options-list .cart-order-deal-item-name-price-container span.cart-order-item-quantity {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
} /*end @media (max-width: 767px)*/

@media (max-width: 370px) {
    #modal-cart .cart-order-item-options-list .cart-order-deal-item-name-price-container span.cart-order-item-quantity {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}

@media (max-width: 320px) {
    .page-store #header .order-method-details-wrap .btn > .btn-icon.ou-ic-edit {
        display: none;
    }
    .btn-symbol-mobile .symbol-text-container {
        padding-left: 20px;
    }
} /*end @media (max-width: 320px)*/