/*  12.0 ===== Medias/Responsive =====   */

/*

 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;

}

/* All Tablet Portrait size smaller than standard 1399 (devices and browsers) */

@media only screen and (max-width: 1399px){

    .wpb_wl_quick_view_content a.added_to_cart {
        margin: 10px 0 0 0;
    }

}

/* All Tablet Portrait size smaller than standard 1199 (devices and browsers) */

@media only screen and (max-width: 1199px) {

    .menu-top-menu-container>ul>li {
        margin: 0px 30px;
    }

    .banner {
        padding: 240px 0;
    }

    .banner-content {
        max-width: 645px;
    }

    .banner-content h2 {
        font-size: 50px;
    }

    .order-btns .btn-primary {
        padding: 25px 105px;
    }

    h3 {
        font-size: 22px;
    }

    .product-details .woocommerce-loop-product__title,
    .product-details .product-description {
        max-width: 180px;
    }

    .footer-top {
        padding: 180px 0;
    }

    .heading-wrap h2 {
        font-size: 30px;
    }

    .our-menu {
        padding: 70px 0 150px 0;
    }

    .service-detail {
        padding-bottom: 80px;
    }

    .contact-us {
        padding: 120px 0;
    }

    .location-detail {
        padding: 160px 0;
    }

    .food-selection-wrap {
        grid-template-columns: calc(67% - 15px) calc(33% - 15px);
        gap: 30px;
    }

    .woocommerce ul.products li.product {
        width: 45% !important;
        width: calc(50% - 30px) !important;
    }

    h1 {
        font-size: 34px;
    }

    .best-offers .offer-content {
        top: 10px;
    }

    .order-info ul {
        gap: 0 20px;
    }

    .order-info li {
        padding-left: 0;
        padding-right: 0;
    }

    .woocommerce .checkout {
        gap: 20px;
    }

    .woocommerce-checkout-review-order .product-item .name-wrap{
        grid-template-columns: calc(50% - (5px + 15px/3)) calc(30% - (5px + 15px/3)) calc(20% - (5px + 15px/3));
        gap: 15px;
    }

    .popup-content {
        width: 100%;
    }

}

/* All Tablet Portrait size smaller than standard 1023 (devices and browsers) */

@media only screen and (max-width: 1023px) {

    /* over-riding navigation bar css and customizing mean-menu library -- start */

    body:not(.home) .mean-container .meanmenu-reveal:not(.meanclose) span,
    body:not(.home) .mean-container .meanmenu-reveal span:before,
    body:not(.home) .mean-container .meanmenu-reveal span:after {
        background: var(--primary);
    }

    .navbar {
        position: static;
    }

    .hgroup-right {
        width: 100%;
        padding-left: 0;
        height: 0;
    }

    .hgroup-content-wrap {
        padding: 15px 0;
    }

    .main-navigation ul ul {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform-origin: none;
        transition: all 0s ease 0s;
        -webkit-transition: all 0s ease 0s;
        -moz-transition: all 0s ease 0s;
        -o-transition: all 0s ease 0s;
        margin: 0;
        position: static;
        top: 0px;
        white-space: none;
        z-index: 999;
        background: var(--white);
        min-width: 100%;
        box-shadow: none;
    }

    .main-navigation li li {
        border-bottom: none;
    }

    .main-navigation ul li.menu-item-has-children>a:after {
        display: none;
    }

    .mean-container .mean-bar {
        width: 50px;
    }

    .mean-container .mean-nav {
        float: none;
        width: 100%;
        position: absolute;
    }

    .mean-container a.meanmenu-reveal {
        width: 30px;
        height: 34px;
    }

    .mean-container .mean-nav ul li {
        margin: 0;
    }

    .mean-container .mean-nav ul li a:hover {
        color: unset;
    }

    .meanmenu-reveal.meanclose span:nth-child(2n) {
        opacity: 0;
    }

    .mean-container a.meanmenu-reveal {
        padding: 0;
        top: 28px;
        bottom: 0;
        margin: auto;
    }

    .mean-container .mean-nav>ul {
        background: var(--rose-white);
        width: 110.2%;
        width: calc(100% + 30px);
        width: -webkit-calc(100% + 30px);
        margin: 0;
        z-index: 10;
    }

    .mean-container .mean-nav ul li a {
        color: var(--dark-gray);
        font-weight: 400;
        font-style: normal;
        border-bottom: 2px solid var(--light-pink);
    }

    .mean-container .mean-nav ul ul {
        background: none;
    }

    .main-navigation ul li:hover ul {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        background: var(--secondary);
        border-left: 1px solid rgba(255, 255, 255, 0.4);
        color: var(--white);
    }

    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: var(--primary);
    }

    .mean-container .mean-nav>ul>li:first-child a {
        border-top: none;
    }

    .mean-container .mean-nav ul li a.mean-expand.mean-clicked::before {
        display: none;
    }

    /* over-riding navigation bar css and customizing mean-menu library -- end */

    .banner {
        padding: 200px 0;
        margin-top: -108px;
    }

    .banner-content {
        max-width: 595px;
    }

    .banner-content h2 {
        font-size: 46px;
    }

    .banner-content .btn-secondary {
        margin-bottom: 80px;
    }

    .order-btns .btn-primary {
        padding: 25px 95px;
    }

    h2 {
        font-size: 26px;
    }

    .featured-collection {
        padding: 100px 0;
    }

    .featured-collection h2.entry-title,
    .our-offers h2.entry-title,
    .best-sellers h2.entry-title {
        margin-bottom: 50px;
    }

    .product-details {
        padding: 25px;
    }

    .items-wrap.featured-items .wpb_wl_preview_area {
        right: 25px;
    }

    .items-wrap .open-popup-link {
        width: 38px;
        height: 38px;
    }

    .items-wrap .open-popup-link::before {
        font-size: 22px;
    }

    .footer-top {
        padding: 160px 0;
    }

    .heading-wrap h2 {
        font-size: 28px;
    }

    .our-menu {
        padding: 60px 0 130px 0;
    }

    .our-menu .heading-wrap {
        margin-bottom: 80px;
    }

    .menu-items-wrap {
        padding: 0 40px;
    }

    .catering-and-buffet .contact .btn-primary {
        padding: 13px 80px;
    }

    .location-detail {
        padding: 120px 0;
    }

    .menu-selection {
        padding: 50px 0 130px 0;
    }

    .items-wrap ul.products .product-details,
    .items-wrap ul.datafetch .product-details {
        padding: 15px;
    }

    .search-wrap {
        margin-bottom: 40px;
    }

    .menu-selection-content input[type="search"] {
        padding: 20px 80px 20px 20px;
    }

    .menu-category-slider {
        margin-bottom: 30px;
    }

    .product-details .price {
        font-size: 20px;
    }

    h1 {
        font-size: 32px;
    }

    .wpb_wl_product_title {
        font-size: 28px;
    }

}

@media only screen and (max-width: 991px) {

    h1 {
        font-size: 30px;
    }

    .banner {
        padding: 160px 0;
    }

    .banner-content {
        max-width: 545px;
    }

    .order-btns .btn-primary {
        padding: 20px 80px;
    }

    .banner-content h2 {
        font-size: 42px;
    }

    .featured-collection,
    .our-offers,
    .best-sellers {
        padding: 80px 0;
    }

    .items-wrap li {
        width: 46%;
        width: calc(50% - 30px);
    }

    .footer-top {
        padding: 120px 0;
    }

    .footer-top-content {
        max-width: 450px;
    }

    .widget-area-wrap {
        grid-template-columns: 33.33% 33.33% 33.33%;
    }

    .our-menu {
        padding: 60px 0 90px 0;
    }

    .our-menu .heading-wrap {
        margin-bottom: 60px;
    }

    .menu-items-wrap {
        padding: 0 10px;
    }

    .service-detail {
        grid-template-columns: calc(50% - 20px) calc(50% - 20px);
        gap: 40px;
        padding-bottom: 60px;
    }

    .contact-us,
    .location-detail {
        padding: 80px 0;
    }

    .contact-us-content {
        max-width: 715px;
    }

    .contact-us-content .heading-wrap {
        margin-bottom: 30px;
    }

    .location-detail-content figure {
        max-width: 130px;
    }

    .menu-selection {
        padding: 50px 0 100px 0;
    }

    .slide-menu-item .cat-item-btn {
        padding: 10px 15px;
    }

    .food-selection-wrap {
        grid-template-columns: 100%;
    }

    .food-selection-wrap .items-wrap {
        order: 2;
    }

    .food-selection-wrap .food-cart-item {
        order: 1;
    }

    .food-cart-item .widget_shopping_cart:has(.empty-cart) .empty-cart {
        min-height: 300px;
    }

    .food-selection-wrap .cat-pro-load-more {
        order: 3;
    }

    .food-cart-item .widget_shopping_cart .product_list_widget li {
        gap: 30px;
    }

    .food-cart-item .widget_shopping_cart .product_list_widget li:not(.sushi-mini-cart-item, .tc-associated-table-product) {
        grid-template-columns: calc(25% - 15px) calc(75% - 15px);
    }

    .widget_shopping_cart .product_list_widget li.sushi-mini-cart-item {
        grid-template-columns: calc(70% - 15px) calc(30% - 15px);
    }

    .wps_wpr_apply_custom_points {
        margin: 20px 0 15px 0;
    }

    .container>div.page {
        padding: 50px 0 30px 0;
    }

    .sushi-checkout-wrapper {
        grid-template-columns: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        padding: 0 0 20px 0;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        padding-left: 0;
    }

    .woocommerce-MyAccount-navigation ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 0 10px;
        margin: 0;
    }

    .order-offer-wrap {
        grid-template-columns: 100%;
    }

    .best-offers .offer-content {
        right: 60px;
        top: 60px;
    }

    #order_review_heading {
        left: 50%;
        transform: translateX(-50%);
    }

    .container>div.page h1.entry-title {
        font-size: 26px;
    }

    .wpb_wl_quick_view_content {
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
        gap: 20px;
        padding: 20px;
    }

    .wpb_wl_images {
        margin: -20px 0 -20px -20px;
    }

    .wpb_wl_quick_view_content .product .quantity {
        margin: 0 0 10px 0 !important;
    }

    .wpb_wl_quick_view_content .tm-extra-product-options h3.tc-epo-label {
        font-size: 16px;
    }

    .wpb_wl_quick_view_content .wpb_wl_summary {
        padding: 0;
    }

    .woocommerce-checkout-review-order .product-item .name-wrap{
        grid-template-columns: calc(60% - (5px + 15px/3)) calc(22% - (5px + 15px/3)) calc(18% - (5px + 15px/3));
    }

}

/* All Mobile Portrait size smaller than 768 (devices and browsers) */

@media only screen and (max-width: 767px) {

    h1 {
        font-size: 28px;
    }

    input[type="text"],
    input[type="password"],
    textarea,
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    select {
        padding: 14px 18px;
    }

    .site-branding {
        max-width: 100px;
    }

    .top-header-content {
        -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    }

    .banner {
        padding: 140px 0;
        margin-top: -92px;
    }

    .banner::before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.15);
    }

    .banner-content {
        max-width: 450px;
    }

    .banner-content h2 {
        font-size: 38px;
    }

    .btn-primary {
        font-size: 18px;
        padding: 10px 45px 10px 20px;
    }

    .order-btns .btn-primary {
        padding: 15px 50px;
    }

    .banner-content .btn-secondary {
        margin-bottom: 60px;
    }

    h2,
    .heading-wrap h2,
    .single-product .product_title {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }

    .shopping-cart-wrap {
        width: 260px;
    }

    .featured-collection,
    .our-offers,
    .best-sellers {
        padding: 60px 0;
    }

    .featured-collection h2.entry-title,
    .our-offers h2.entry-title,
    .best-sellers h2.entry-title {
        margin-bottom: 30px;
    }

    .items-wrap li {
        width: 100%;
    }

    .product-details .woocommerce-loop-product__title,
    .product-details .product-description {
        max-width: 350px;
    }

    .product-details .woocommerce-loop-product__title {
        font-size: 20px;
    }

    .food-cart-item .widget_shopping_cart:has(.empty-cart) .empty-cart {
        min-height: unset;
        padding-bottom: 20px;
    }

    .items-wrap .open-popup-link {
        width: 35px;
        height: 35px;
    }

    .items-wrap.featured-items .wpb_wl_preview_area {
        bottom: 65px;
    }

    .offer-items-slider,
    .offer-item {
        margin: 0;
    }

    .footer-top-content {
        max-width: 350px;
    }

    .footer-top-content h2 {
        font-size: 22px;
    }

    .site-footer .widget-area {
        padding: 45px 0;
    }

    .widget-area-wrap {
        grid-template-columns: 50% 50%;
    }

    .site-footer .widget-title {
        margin-bottom: 20px;
    }

    .widget-location li:nth-child(2) span a {
        margin-top: 8px;
    }

    .site-footer .widget:nth-child(2n) {
        padding-right: 0;
    }

    .site-footer .widget:nth-child(2n + 1) {
        padding-left: 0;
    }

    .our-menu,
    .catering-and-buffet {
        padding: 50px 0;
    }

    .our-menu .heading-wrap {
        margin-bottom: 40px;
    }

    .menu-items-wrap {
        padding: 0;
    }

    .menu-items-wrap .menu-item {
        width: 44%;
        margin: 0 15px 20px 15px;
        width: calc(50% - 30px);
    }

    .service-detail {
        grid-template-columns: 100%;
        gap: 30px;
        padding-bottom: 20px;
    }

    .service-detail:nth-child(even) .entry-content {
        max-width: 100%;
    }

    .catering-and-buffet .contact .btn-primary {
        padding: 10px 60px;
    }

    .contact-us,
    .location-detail {
        padding: 60px 0;
    }

    .footer-top, .footer-top * {
        position: relative;
    }

    .footer-top::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.2);
    }

    .wpcf7-input-wrap p {
        margin: 0 15px 20px 15px;
    }

    .wpcf7 input[type="submit"] {
        padding: 14px 64px;
    }

    .location-detail-content figure {
        max-width: 100px;
        margin-bottom: 25px;
    }

    .location-detail-content li {
        font-size: 18px;
    }

    .menu-selection {
        padding: 40px 0 70px 0;
    }

    .menu-category-item-wrap,
    .search-wrap {
        margin-bottom: 30px;
    }

    .menu-selection-content input[type="search"] {
        padding: 15px 60px 15px 15px;
    }

    .menu-category-slider {
        margin-bottom: 15px;
    }

    .search-icon {
        right: 0;
    }

    .woocommerce ul.products li.product {
        width: 100% !important;
    }

    .woocommerce ul.products li.product h3,
    .woocommerce ul.datafetch li.product h3 {
        font-size: 20px !important;
    }

    .woocommerce ul.products li.product .price {
        top: 55px;
    }

    .woocommerce ul.products .product-description,
    .woocommerce ul.datafetch .product-description {
        max-width: 100%;
    }

    .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
    }

    .woocommerce-MyAccount-navigation ul {
        gap: 0 20px;
    }

    .order-item .product-price .amount {
        font-size: 18px;
    }

    .container>div.page h1.entry-title {
        font-size: 24px;
    }

    .woocommerce-orders-table .addons h4,
    .woocommerce-table--order-details .addons h4 {
        font-size: 16px;
    }

    .woocommerce-orders-table .addons li,
    .woocommerce-table--order-details .addons li {
        font-size: 14px;
    }

    .woo-login-custom-class .site-main .woocommerce::before {
        display: none;
    }

    .woo-login-custom-class .site-main .woocommerce {
        max-width: 100%;
        padding: 30px;
    }

    #customer_login form p,
    .woocommerce .woocommerce-ResetPassword p {
        margin-bottom: 30px;
    }

    .wpb_wl_quick_view_content {
        grid-template-columns: 100%;
        gap: 20px;
    }

    .wpb_wl_product_title {
        font-size: 24px;
    }

    .wpb_wl_images {
        margin: -20px -20px 0 -20px;
    }

    .wpb_wl_summary .quantity {
        margin-top: 0px !important;
    }

    .wpb_wl_quick_view_content form button[type='submit'] {
        padding: 10px 30px !important;
    }

    .wpb_wl_quick_view_content .tm-extra-product-options h3.tc-epo-label.active::after {
        width: 90%;
    }

    .woocommerce-checkout-review-order .product-item {
        grid-template-columns: calc(25% - 10px) calc(75% - 10px);
    }

    .woocommerce-checkout-review-order .product-item .name-wrap{
        grid-template-columns: calc(52% - (5px + 15px/3)) calc(28% - (5px + 15px/3)) calc(20% - (5px + 15px/3));
    }

    .woocommerce ul.order_details {
        margin: 0;
    }

    .shopping-cart-wrap .widget_shopping_cart .product-remove a.remove {
        right: 14px;
    }

    .widget_shopping_cart .product-remove a:first-child,
    .widget_shopping_cart .product-remove a.remove {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .widget_shopping_cart .product-remove a:first-child::before,
    .widget_shopping_cart .product-remove a.remove::before {
        font-size: 12px;
    }

    .slide-menu-item-wrap {
        margin-bottom: 10px;
    }

    .tc-extra-product-options .cpf-type-selectmultiple .tmcp-field-wrap label.fullwidth select{
        padding: 10px !important;
    }

    .wpb_wl_quick_view_content .tc-extra-product-options .cpf-type-selectmultiple .tmcp-field-wrap label.fullwidth select{
        background: var(--medium-orange);
    }

    body.single .tc-extra-product-options .cpf-type-selectmultiple .tmcp-field-wrap label.fullwidth select{
        background: var(--medium-gray);
        color: var(--primary);
    }

    #options-main-menu .show-option{
        display: block;
    }

}

@media only screen and (max-width: 575px) {

    h1 {
        font-size: 24px;
    }

    caption,
    th,
    td {
        text-align: left;
    }

    body,
    .box-button,
    input[type="submit"],
    .wpcf7 input[type="submit"],
    .give-btn,
    .nav-links a,
    .back-to-top a {
        font-size: 15px;
    }

    .top-header-content {
        padding: 12px 0;
        gap: 15px;
    }

    .options-wrap select {
        padding: 8px 20px;
    }

    .banner {
        padding: 140px 0 100px 0;
    }

    .banner-content {
        max-width: 350px;
    }

    .banner-content h2 {
        font-size: 30px;
    }

    .banner-content .btn-secondary {
        margin-bottom: 40px;
    }

    .btn-primary {
        font-size: 16px;
    }

    .btn-primary::before {
        right: 10px;
    }

    .order-btns .btn-primary {
        padding: 12px 30px;
    }

    .featured-collection,
    .our-offers,
    .best-sellers {
        padding: 40px 0;
    }

    .featured-collection h2.entry-title,
    .our-offers h2.entry-title,
    .best-sellers h2.entry-title {
        margin-bottom: 20px;
    }

    h2,
    .heading-wrap h2,
    .single-product .product_title {
        font-size: 22px;
    }

    .footer-top {
        padding: 80px 0;
    }

    .footer-top-content h2 {
        font-size: 20px;
    }

    .widget-area-wrap {
        grid-template-columns: 100%;
    }

    .site-footer .widget {
        padding: 0;
    }

    .site-footer .mc4wp-form-fields p {
        margin-bottom: 0;
    }

    .site-generator {
        padding: 10px 0;
    }

    .catering-and-buffet .contact .btn-primary {
        padding: 10px 40px 10px 20px;
    }

    .contact-us,
    .location-detail {
        padding: 40px 0;
    }

    .contact-us {
        background-position: right;
    }

    .contact-us-content {
        padding-left: 0;
    }

    .wpcf7-input-wrap {
        margin: 0 -10px;
    }

    .wpcf7-input-wrap p {
        margin: 0 10px 15px 10px;
        width: calc(50% - 20px);
    }

    .wpcf7 input[type="submit"] {
        padding: 12px 44px;
    }

    .map-info {
        max-height: 250px;
        overflow: hidden;
    }

    .location-detail-content figure {
        max-width: 70px;
    }

    .menu-selection {
        padding: 30px 0 50px 0;
    }

    .slide-menu-item .cat-item-btn {
        padding: 8px 10px;
    }

    .woocommerce-cart-product-info-wrapper .product-thumbnail {
        margin: -15px 0 0 -15px;
    }

    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        padding: 0 0 10px 0;
    }

    .order-items-wrap .order-item {
        padding: 10px;
    }

    .woocommerce-orders-table .product-name a,
    .woocommerce-table--order-details .product-name a {
        font-size: 18px;
    }

    .order-details .addons h4,
    .order-item .addons h4 {
        font-size: 16px;
    }

    .order-info h5 {
        margin-bottom: 4px;
    }

    .best-offers .offer-content {
        right: 0px;
        top: 30px;
    }

    .order-details .woocommerce-table__product-name,
    .order-item .product-detail-wrap {
        grid-template-columns: 100%;
        gap: 10px;
    }

    .order-item .product-price .amount {
        font-size: 16px;
    }

    .product-details .woocommerce-loop-product__title,
    .product-details .product-description {
        max-width: 280px;
    }

    .woocommerce-orders-table .product-price .amount,
    .woocommerce-table--order-details .order-content .amount {
        font-size: 18px;
    }

    .sushi-account h5::before {
        height: 4px;
    }

    .woo-login-custom-class .site-main .woocommerce {
        padding: 15px;
    }

    #customer_login button[type='submit'] {
        padding: 10px 0;
    }

    #customer_login .lost_password {
        margin-bottom: 30px;
    }

    #customer_login form p.accept-terms {
        padding-top: 20px;
    }

    .woocommerce-checkout-review-order .cart_item:not(.tc-associated-table-product) .product-item {
        grid-template-columns: 100%;
        gap: 20px 0;
    }

    .susi-cart-items .tc-associated-table-product {
        left: 2%;
    }

    .woocommerce-checkout-review-order .product-item .featured-image {
        margin: -20px -20px 0 -20px;
    }

    .woocommerce-checkout-review-order .cart-total-wrap {
        max-width: 100%;
    }

    .woocommerce-checkout-review-order .product-item-wrap,
    .woocommerce-checkout-review-order .cart-total-wrap {
        margin-bottom: 30px;
    }

    .woocommerce #customer_details,
    .woocommerce .order-checkout-wrap,
    .woocommerce-billing-fields__field-wrapper,
    .woocommerce-shipping-fields__field-wrapper {
        padding: 15px;
    }

    .woocommerce-table--order-details .tc-associated-table-product {
        left: 0;
        top: 0;
        width: 75%;
    }

    .woocommerce-table--order-details .tc-associated-table-product+.tc-container-table-product {
        margin-top: 20px;
    }

    .woocommerce-table--order-details .tc-associated-table-product .product-name a {
        font-size: 16px;
    }

    .order-details,
    .order-item .product-detail-wrap {
        margin-bottom: 40px;
    }

    .wpb_wl_quick_view_content {
        width: 80%;
    }

    .our-offers .slick-dotted.slick-slider {
        padding-bottom: 30px;
    }

    body.single .tm-extra-product-options ul.tmcp-ul-wrap li.tmcp-field-wrap{
        margin-bottom: 10px;
    }

    .tm-extra-product-options ul.tmcp-ul-wrap li.tmcp-field-wrap>.tc-price-wrap{
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

}

/* All Mobile size smaller than standard 479 (devices and browsers) */

@media only screen and (max-width: 479px) {

    h1 {
        font-size: 22px;
    }

    h5 {
        font-size: 16px;
    }

    body,
    .box-button,
    input[type="submit"],
    .wpcf7 input[type="submit"],
    .give-btn,
    .nav-links a,
    .back-to-top a {
        font-size: 14px;
    }

    .options-wrap {
        -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    }

    .options-wrap::before {
        top: unset;
        bottom: 10px;
        transform: none;
    }

    .site-branding {
        width: 90px;
    }

    .shopping-cart-wrap {
        right: -110px;
    }

    .banner {
        padding: 110px 0 60px 0;
        margin-top: -85px;
    }

    .banner-content {
        max-width: 260px;
    }

    .banner-content h2 {
        font-size: 25px;
    }

    h2,
    .heading-wrap h2,
    .single-product .product_title {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
    }

    /* mean-menu library css -- start */

    .mean-container .meanmenu-reveal span {
        width: 30px;
        height: 2px;
    }

    .mean-container .meanmenu-reveal span:before {
        top: 7px;
    }

    .mean-container .meanmenu-reveal span:after {
        top: -7px;
    }

    .mean-container .mean-nav ul li a {
        padding: 8px 3%;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        width: 15px;
        height: 20px;
    }

    /* mean-menu library css -- end */

    .btn-primary {
        padding: 8px 35px 8px 10px;
        font-size: 14px;
    }

    .order-btns .btn-primary {
        padding: 8px 20px;
    }

    .banner-content .btn-secondary {
        margin-bottom: 30px;
    }

    .featured-collection,
    .our-offers,
    .best-sellers {
        padding: 20px 0;
    }

    .product-details {
        padding: 15px;
    }

    .product-details .woocommerce-loop-product__title,
    .product-details .price {
        font-size: 18px;
    }

    .items-wrap.featured-items .wpb_wl_preview_area {
        right: 15px;
    }

    .items-wrap .open-popup-link {
        width: 30px;
        height: 30px;
    }

    .items-wrap .open-popup-link::before {
        font-size: 18px;
    }

    .product-details .woocommerce-loop-product__title,
    .product-details .product-description {
        max-width: 150px;
    }

    .items-wrap li {
        margin: 0 15px 20px 15px;
    }

    .offer-detail .btn-primary {
        font-size: 14px;
    }

    .footer-top {
        padding: 40px 0;
    }

    .footer-top-content h2 {
        font-size: 16px;
    }

    .site-footer .widget-title {
        font-size: 16px;
    }

    .widget {
        margin-bottom: 20px;
    }

    .site-footer .widget-area {
        padding: 30px 0;
    }

    .site-generator-wrap {
        -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        gap: 10px;
    }

    .our-menu,
    .our-menu,
    .catering-and-buffet {
        padding: 30px 0;
    }

    .our-menu .heading-wrap {
        margin-bottom: 20px;
    }

    .menu-items-wrap .menu-item {
        width: 100%;
        margin: 0 15px 10px 15px;
    }

    .service-detail {
        gap: 20px;
        padding-bottom: 0;
    }

    .catering-and-buffet .contact .btn-primary {
        padding: 8px 35px 8px 10px;
    }

    .contact-us,
    .location-detail {
        padding: 30px 0;
    }

    .wpcf7-input-wrap p {
        width: 100%;
    }

    .wpcf7 input[type="submit"] {
        padding: 10px 24px;
    }

    .map-info {
        max-height: 200px;
    }

    .location-detail-content figure {
        max-width: 50px;
    }

    .location-detail-content li {
        font-size: 16px;
    }

    .slide-menu-item .cat-item-btn {
        font-size: 14px;
    }

    .menu-category-item-wrap,
    .search-wrap {
        margin-bottom: 20px;
    }

    .widget_shopping_cart .product_list_widget li {
        gap: 16px;
    }

    .widget_shopping_cart .product_list_widget li:not(.sushi-mini-cart-item, .tc-associated-table-product) {
        grid-template-columns: calc(25% - 8px) calc(75% - 8px);
    }

    .widget_shopping_cart .product-remove a:first-child,
    .widget_shopping_cart .product-remove a.remove {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .widget_shopping_cart .product-remove a:first-child::before,
    .widget_shopping_cart .product-remove a.remove::before {
        font-size: 12px;
    }

    .widget_shopping_cart .product-price span,
    .widget_shopping_cart .product-info-details h4 {
        font-size: 16px;
    }

    .widget_shopping_cart .button.wc-forward {
        padding: 10px 0;
    }

    .widget_shopping_cart .product-name a,
    .widget_shopping_cart .woocommerce-mini-cart__total {
        font-size: 14px;
    }

    .widget_shopping_cart.widget {
        padding: 10px 10px 0 10px;
    }

    .food-cart-item .widget_shopping_cart .product_list_widget .sushi-item,
    .food-cart-item .widget_shopping_cart .woocommerce-mini-cart__buttons {
        margin: 0px -10px;
    }

    .widget_shopping_cart .product_list_widget li {
        padding: 10px !important;
    }

    .woocommerce ul.products li.product {
        margin: 0 15px 20px 15px !important;
    }

    .woocommerce ul.products li.product h3,
    .woocommerce ul.datafetch li.product h3 {
        font-size: 18px !important;
    }

    .woocommerce ul.products li.product .price {
        top: 50px;
    }

    .product-details .price {
        bottom: 15px;
    }

    .product-details .product-description p {
        margin-bottom: 10px;
    }

    .product-info-wrapper .quantity,
    .product-info-wrapper .product-remove {
        justify-content: start;

    }

    .product-info-wrapper .product-remove {
        order: 3;
    }

    .woocommerce form.checkout_coupon,
    .woocommerce form.login,
    .woocommerce form.register {
        padding: 10px;
    }

    .woocommerce-table--order-details .tc-associated-table-product {
        width: 100%;
    }

    .order-details .product-name a,
    .order-item .product-name a {
        font-size: 16px;
    }

    .order-info h5,
    .best-offers-content .offer-content .btn-primary {
        font-size: 14px;
    }

    .container>div.page {
        padding: 30px 0;
    }

    .woocommerce-orders-table .product-price .amount,
    .woocommerce-table--order-details .order-content .amount {
        font-size: 16px;
    }

    .order-summary {
        max-width: 100%;
    }

    .order-summary h4 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .order-info ul {
        justify-content: normal;
        gap: 0;
    }

    .order-info li {
        width: 50%;
        margin-bottom: 10px;
    }

    .payment-methods input[type="radio"] {
        width: 20px;
        height: 20px;
    }

    .container>div.page h1.entry-title {
        font-size: 22px;
    }

    .order-details .product-name {
        margin-bottom: 0;
    }

    .order-details .tc-associated-table-product h4 {
        font-size: 16px;
    }

    .wpb_wl_quick_view_content {
        padding: 15px;
    }

    .wpb_wl_images {
        margin: -15px -15px 0 -15px;
    }

    .wpb_wl_product_title {
        font-size: 20px;
    }

    .wpb_wl_product_price .amount {
        font-size: 18px !important;
    }

    .wpb_wl_quick_view_content .tm-extra-product-options .tc-element-container {
        padding: 10px 30px !important;
    }

    .wpb_wl_quick_view_content .tm-extra-product-options-fields .tc-row .tc-container-enabled {
        margin-bottom: 10px;
    }

    .wpb_wl_quick_view_content .tm-extra-product-options h3.tc-epo-label {
        font-size: 14px;
    }

    .woocommerce-checkout-review-order .product-item .name-wrap {
        grid-template-columns: 100%;
    }

    .woocommerce-checkout-review-order .product-item .quantity {
        justify-content: unset;
    }

    .woocommerce-checkout-review-order .product-item .product-price {
        justify-self: start;
    }

    .woocommerce-checkout-review-order .addons-wrap {
        grid-template-columns: 100%;
        gap: 10px;
    }

    .woocommerce-checkout-review-order .addons-wrap .product-remove {
        position: absolute;
        bottom: -10px;
        right: 0;
    }

    .woocommerce-checkout-review-order .product-remove .edit,
    .woocommerce-checkout-review-order .product-remove .remove {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .woocommerce-checkout-review-order .product-remove .edit::before,
    .woocommerce-checkout-review-order .product-remove .remove::before {
        font-size: 12px;
    }

    .sushi-loyalty-points {
        grid-template-columns: 100%;
    }

    .wpb_wl_quick_view_content .tm-extra-product-options h5.tc-epo-label {
        font-size: 16px;
        padding: 8px 40px 8px 15px !important;
    }

    .wpb_wl_quick_view_content .tm-extra-product-options .tc-element-container {
        padding: 10px !important;
    }

    .wpb_wl_quick_view_content input[type="radio"],
    .wpb_wl_quick_view_content input[type="checkbox"] {
        width: 15px !important;
        height: 15px !important;
    }

    .tm-extra-product-options ul.tmcp-ul-wrap li.tmcp-field-wrap{
        flex-wrap: nowrap;
    }

}