@media only screen and (max-width: 1100px) {
    .truck-owner-dashboard-section{display: block;}

    .navToggle{
        display: inline-block; cursor: pointer; padding: 8px; 
        background-color: #007C7C; border: 0px; margin-bottom: 15px;
    }
    .navToggle:focus, .navToggle:hover, .navToggle:focus-visible{
        border: 0;
    }

    .truck-owner-dashboard-section .sidebar{
        width: 100%; max-width: 300px;
        position: fixed; top: 0; left: 0; height: 100%; padding-top: 45px;
        z-index: 999999; transition: .5s; transform: translateX(-100%);
    }
    .truck-owner-dashboard-section .sidebar.open-mobile-nav{transform: translateX(0) !important;}    
    .truck-owner-dashboard-section .sidebar .navToggle{
        padding: 0; border: 0; width: 24px; height: 24px; margin-bottom: 0px;
        position: absolute; right: 10px; top: 15px; background-color: transparent;
    }
    .truck-owner-dashboard-section .sidebar .navToggle img{width: 16px;}
    .truck-owner-dashboard-section .sidebar .navToggle:focus,
    .truck-owner-dashboard-section .sidebar .navToggle:hover,
    .truck-owner-dashboard-section .sidebar .navToggle:focus-visible{background-color: transparent; border: 0;}


    .hamburger-menu {
        margin: auto; width: 24px; height: 19px; cursor: pointer;
        left: 0px; position: relative; display: block
    }

    .hamburger-menu .bar,
    .hamburger-menu .bar:after,
    .hamburger-menu .bar:before {height: 2px; width: 24px;}

    .hamburger-menu .bar {
        position: relative; transform: translateY(8px); background: #ffffff;
        transition: all 0ms 300ms; display: block
    }
    .hamburger-menu .bar::before {
        content: ""; position: absolute; right: 0; bottom: 8px; background: #ffffff;
        transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1)
    }
    .hamburger-menu .bar::after {
        content: ""; position: absolute; right: 0; top: 8px; background: #ffffff;
        transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1)
    }

    .mobileMenuOpen .hamburger-menu .bar {background: rgba(0, 0, 0, 0);}

    .mobileMenuOpen .hamburger-menu .bar::after {
        top: 0; transform: rotate(45deg);
        transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)
    }

    .mobileMenuOpen .hamburger-menu .bar::before {
        bottom: 0; transform: rotate(-45deg);
        transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)
    }
}

@media only screen and (max-width: 1024px) {
    .header-wrap .header-group-btn{margin-left: auto;}
    .header-wrap .navigation-wrap{margin-left: 10px;}

    .all-cat-lists{
        grid-template-columns: repeat(4, 1fr); 
    }

    .product-lists-wrap{
        grid-template-columns: repeat(2, 1fr); 
    }

    .order-box-wrap{
        grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid;	
    } 
    
    .user-event-booking-section .eventbook-tab-list{margin-right: 15px;}
    .user-event-booking-section .eventbook-tab-list .select-event{right: 15px;}
    .user-event-booking-section .event-booking-wrap {grid-template-columns: repeat(1, minmax(0, 1fr)); padding-right: 15px;}

    .add-new-food .addfood-form{margin: 50px auto; left:0; top: 0; transform: none;}
}

@media only screen and (max-width: 767px) {
    body.logged-in .dashboard-btn {display: none !important;}
    body.logged-in .mob-login-btn{display: none;}
    body.logged-in .mob-dashboard-btn{display: inline-block;}

    .field-wrap{flex-direction: column; gap: 0;}

    .header-grp-btns-section .desk-view{display: none;}
    /*.mob-hide-button{display: none;}*/
    .header-grp-btns-section .btn-green.desk-hide{
        display: inline-flex !important;
        padding: 5px; width: 30px; height: 30px;
        align-items: center; justify-content: center;
    }
    .header-grp-btns-section .btn-green img{min-width: 16px;}

    
    .how-it-work-block{
        display: block;
    }

    .how-it-work-features:after{
        display: none;
    }

    .contact-form-main-wrap .form-group-field{flex-direction: column; gap: 0;}
    .contact-form-main-wrap .form-group-field .form-input-field {width: 100%;}

    .woocommerce-cart .wc-block-cart__submit{padding: 10px;}
    .woocommerce-cart .wp-block-woocommerce-cart-order-summary-block{padding: 0 15px;}


    .food-menu-loop-section{padding: 30px 0;}
    .all-cat-lists{
        grid-template-columns: repeat(3, 1fr); 
    }
    .product-lists-wrap{
        grid-template-columns: repeat(1, 1fr); 
    }

    .calendar-nav{gap: 5px;}
    .calendar-nav .navigation-next-prev a{width: 30px; height: 30px; text-align: center; font-size: 20px;}
    .calendar-nav .calenfer-month-nm h2 {font-size: 18px;}
    .seletion-of-month select {padding: 6px; max-width: 130px; font-size: 14px;}

    
    .truck-owner-signup-section .all-steps-header-active .header-step-1:after,
    .truck-owner-signup-section .all-steps-header-active .header-step-2:after,
    .truck-owner-signup-section .all-steps-header-active .header-step-3:after{
        display: none;
    }
    .truck-owner-signup-section .all-steps-header-active {flex-wrap: wrap;}
    .truck-owner-signup-section .all-steps-header-active .header-step-1, 
    .truck-owner-signup-section .all-steps-header-active .header-step-2, 
    .truck-owner-signup-section .all-steps-header-active .header-step-3, 
    .truck-owner-signup-section .all-steps-header-active .header-step-4 {
        width: 50%;
    }
    .truck-owner-signup-section .form-item-wrap.row{
        flex-direction: column;
    }

    .event-calendar .day-number {        
        min-height: auto;
        padding-bottom: 10px;
    }

    .main-content-wrapper .tabs-header{flex-direction: column; align-items: start;}
    .main-content-wrapper .tabs-header .shortby-select {width: 100%;}

    .orderManagement .orderManagement-wrap{row-gap: 20px; flex-direction: column; align-items: flex-start;}    
    .orderManagement .orderManagement-wrap .orderManagement-details,
    .orderManagement .orderManagement-wrap .orderManagement-action{width: 100%; align-items: self-start;}

    #customer_login {
        flex-direction: column; margin: 50px auto;
    } 
    
    
    .dashboard-block{
        grid-template-columns: repeat(1, minmax(0, 1fr)); display: grid;
    }

    .help-form-wrap .help-form-info{flex-direction: column; align-items: flex-start; gap: 10px;}

    .myAccount-form .myAccount-form-wrap .form-group-field{flex-direction: column; gap: 0px;}


    .help-raise-ticket-section header .btn-green {padding: 11px 25px; font-size: 16px; min-width: auto;}
    .raise-ticket-wrap .ticket-blocks{flex-direction: column;}
    .ticket-blocks .ticket-id{border: 0; padding-bottom: 15px; text-align: center;}
    .ticket-blocks .ticket-details{border-left: 0; border-top: 1px solid #D9D9D9; width: 100%;}
    .ticket-blocks .ticket-details .ticket-details-wrap {align-items: self-start; flex-direction: column; row-gap: 10px;}
    .ticket-blocks .ticket-details h2{line-clamp: 2; -webkit-line-clamp: 2;}

    .user-event-booking-section .eventbook-tab-list{margin-left: 15px;}
    .user-event-booking-section .eventbook-tab-list .select-event{right: 0px;}
    .user-event-booking-section .event-booking-wrap {padding-left: 15px;}

    .page-id-11 .woocommerce{padding: 0 15px;}
    .order-row .order-items{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .order-toprow{flex-wrap: wrap;}
    .order-toprow li:nth-child(1){width: 100%;}
    .order-toprow li:nth-child(2){margin-left: 0;}
    .order-toprow li.locationdata{max-width: 100%;}

    .event-booking-btn-wrap{padding: 10px;}
    .event-booking-btn-wrap img{max-width: 50px;}
    .event-booking-btn-wrap a{font-size: 16px; line-height: 24px;}
}

@media only screen and (max-width: 600px) {
    .all-cat-lists{
        grid-template-columns: repeat(2, 1fr); 
        grid-column-gap: 20px; grid-row-gap: 20px;
    }

    .all-cat-lists .cat-items img{
        max-width: 120px;
        margin-top: -50%;

    }

    .order-box-wrap{
        grid-template-columns: repeat(1, minmax(0, 1fr)); display: grid;	
    }
    .event-request-block ul li, .food-orders-block ul li{flex-direction: column;}


    .pagination > ul.pagination .page-numbers{width: 34px; height: 34px; font-size: 14px;}
    .pagination > ul.pagination li:last-child .next.page-numbers,
    .pagination > ul.pagination li:last-child .prev.page-numbers{font-size: 14px;}

    .user-event-booking-section .eventbook-tab-list{margin-bottom: 50px;}
    .user-event-booking-section .eventbook-tab-list .select-event{width: 100%; max-width: 100%; top: 100%; background-position: 98% 50%; padding: 10px 20px 10px 10px;}
    
    .accordian-faq-main .e-n-accordion-item-title{padding: 10px !important;}
}
@media only screen and (max-width: 479px) {
    .my-profile-photo-circle{
        width: 160px;
    }
    .my-profile-photo .upload{
        width: 48px;
        height: 48px;
    }
    .my-profile-photo .upload img{
        width: 22px;
    }

    .orderManagement .orderManagement-wrap .item-container .item-row{width: 100%;}

}