@media (max-width: 1536px) {

}
@media (max-width: 1460px) {

}
@media (max-width: 1366px) {

}

/************ Main **************/

@media (min-width: 768px) and (max-width: 1024px){

  header .nav-area{padding: 10px 0; border-bottom: #2a110a 1px solid}
  header .nav-area .menu{display: block; float: left;}
  header .menu-box{display: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
  header .menu-box.active{display: block;position: absolute; width: 100%; z-index: 999; background: #fff; padding: 10px 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
  header .menu-box ul.nav-menu{min-height: auto; display: inline-block;}
  header .menu-box ul.nav-menu li{width: 48%; margin:1%; float: left;;}
  header .menu-box ul.nav-menu li a{min-height: auto}

  .table-style thead tr {position: absolute; top: -9999px; left: -9999px;}
  .table-style tbody tr {border-top: #e9eef1 5px solid;}
  .table-style tbody tr td {border: none; position: relative; line-height: 24px !important; display: inline-block; width: 100%; padding: 35px 0px 5px 0px !important; border-bottom: #e9eef1 1px solid;}
  .table-style tbody tr td:before {position: absolute; top: 10px; left: 0px; color: #2a110a; width: 100%; white-space: nowrap; line-height: 20px; font-size: 16px; font-weight: 700;}
  .table-style tbody td.action{width: 100%}
  .table-style tbody td .btn-link-block{width: auto; padding: 0 15px}
  .coupon-table tbody tr td:nth-of-type(1):before {content: "Name";}
  .coupon-table tbody tr td:nth-of-type(2):before {content: "Code";}
  .coupon-table tbody tr td:nth-of-type(3):before {content: "Type";}
  .coupon-table tbody tr td:nth-of-type(4):before {content: "Rate";}
  .coupon-table tbody tr td:nth-of-type(5):before {content: "Dine in";}
  .coupon-table tbody tr td:nth-of-type(6):before {content: "Walk in";}
  .coupon-table tbody tr td:nth-of-type(7):before {content: "CRM";}
  .coupon-table tbody tr td:nth-of-type(8):before {content: "Action";}

  .order-print-table tbody tr td:nth-of-type(1):before {content: "Order No";}
  .order-print-table tbody tr td:nth-of-type(2):before {content: "Customer";}
  .order-print-table tbody tr td:nth-of-type(3):before {content: "Order Date";}
  .order-print-table tbody tr td:nth-of-type(4):before {content: "Delivery Date";}
  .order-print-table tbody tr td:nth-of-type(5):before {content: "Time";}
  .order-print-table tbody tr td:nth-of-type(6):before {content: "Order details";}
  .order-print-table tbody tr td:nth-of-type(7):before {content: "Category";}
  .order-print-table tbody tr td:nth-of-type(8):before {content: "Total";}
  .order-print-table tbody tr td:nth-of-type(9):before {content: "Balance";}
  .order-print-table tbody tr td:nth-of-type(10):before {content: "Type";}
  .order-print-table tbody tr td:nth-of-type(11):before {content: "Action";}

  .pending-order-table tbody tr td:nth-of-type(1):before {content: "Order No";}
  .pending-order-table tbody tr td:nth-of-type(2):before {content: "Customer";}
  .pending-order-table tbody tr td:nth-of-type(3):before {content: "Phone";}
  .pending-order-table tbody tr td:nth-of-type(4):before {content: "Date";}
  .pending-order-table tbody tr td:nth-of-type(5):before {content: "Time";}
  .pending-order-table tbody tr td:nth-of-type(6):before {content: "Vat";}
  .pending-order-table tbody tr td:nth-of-type(7):before {content: "Total";}
  .pending-order-table tbody tr td:nth-of-type(8):before {content: "Type";}
  .pending-order-table tbody tr td:nth-of-type(9):before {content: "Action";}

  .dispatch-order-table tbody tr td:nth-of-type(1):before {content: "Order No";}
  .dispatch-order-table tbody tr td:nth-of-type(2):before {content: "Customer";}
  .dispatch-order-table tbody tr td:nth-of-type(3):before {content: "Date";}
  .dispatch-order-table tbody tr td:nth-of-type(4):before {content: "Time";}
  .dispatch-order-table tbody tr td:nth-of-type(5):before {content: "Vat";}
  .dispatch-order-table tbody tr td:nth-of-type(6):before {content: "Total";}
  .dispatch-order-table tbody tr td:nth-of-type(7):before {content: "Advance";}
  .dispatch-order-table tbody tr td:nth-of-type(8):before {content: "Type";}
  .dispatch-order-table tbody tr td:nth-of-type(9):before {content: "Delivery Man";}
  .dispatch-order-table tbody tr td:nth-of-type(10):before {content: "Action";}

  .cancelled-order-table tbody tr td:nth-of-type(1):before {content: "Order No";}
  .cancelled-order-table tbody tr td:nth-of-type(2):before {content: "Customer";}
  .cancelled-order-table tbody tr td:nth-of-type(3):before {content: "Phone";}
  .cancelled-order-table tbody tr td:nth-of-type(4):before {content: "Date";}
  .cancelled-order-table tbody tr td:nth-of-type(5):before {content: "Time";}
  .cancelled-order-table tbody tr td:nth-of-type(6):before {content: "Vat";}
  .cancelled-order-table tbody tr td:nth-of-type(7):before {content: "Total";}
  .cancelled-order-table tbody tr td:nth-of-type(8):before {content: "Advance";}
  .cancelled-order-table tbody tr td:nth-of-type(9):before {content: "Type";}
  .cancelled-order-table tbody tr td:nth-of-type(10):before {content: "Action";}

  .completed-order-table tbody tr td:nth-of-type(1):before {content: "Order No";}
  .completed-order-table tbody tr td:nth-of-type(2):before {content: "Customer";}
  .completed-order-table tbody tr td:nth-of-type(3):before {content: "Date";}
  .completed-order-table tbody tr td:nth-of-type(4):before {content: "Time";}
  .completed-order-table tbody tr td:nth-of-type(5):before {content: "Vat";}
  .completed-order-table tbody tr td:nth-of-type(6):before {content: "Total";}
  .completed-order-table tbody tr td:nth-of-type(7):before {content: "Type";}
  .completed-order-table tbody tr td:nth-of-type(8):before {content: "Action";}

  .cart-table tbody tr td:nth-of-type(1):before {content: "Item Details";}
  .cart-table tbody tr td:nth-of-type(2):before {content: "Additional Options";}
  .cart-table tbody tr td:nth-of-type(3):before {content: "Price (AED)";}
  .cart-table tbody tr td:nth-of-type(4):before {content: "Qty";}
  .cart-table tbody tr td:nth-of-type(5):before {content: "Delete";}
  .cart-table tbody tr td:nth-of-type(6):before {content: "Sub Total";}
  .cart-table tbody td.options{width: auto;}
  .cart-table tbody td .form-control{width: 100%}
  .cart-table tbody td:last-child{text-align: left;}
  .cart-table tbody td .pro-info{padding: 0 0 0 100px; height: 80px}
  .cart-table tbody td .pro-info .pro-icon{width: 80px; height: 80px}


  .dine-cart-table tbody tr td:nth-of-type(1):before {content: "Item Details";}
  .dine-cart-table tbody tr td:nth-of-type(2):before {content: "Delete";}
  .dine-cart-table tbody tr td:nth-of-type(3):before {content: "Price (AED)";}
  .dine-cart-table tbody tr td:nth-of-type(4):before {content: "Qty";}
  .dine-cart-table tbody tr td:nth-of-type(5):before {content: "Sub Total";}
  .dine-cart-table tbody td:first-child{width: 100%;}
  .dine-cart-table tbody td:last-child{text-align: left;}
  .cate-search-area .cate-down{width: 50%; }
  .cate-search-area .search-menu{width: 50%}
  .btn-area .btn-yellow{padding: 8px 15px; font-size: 13px}
  .btn-area .float-right{margin-left: 10px}
  .btn-area .float-left{margin-right: 10px}

  .profile-box{background: #fff}
  .profile-box .logo-area{width: 24%}
  .profile-box .logo-area .logo {width: 140px; height: 140px;}
  .profile-box .profile-content{width: 38%; padding: 0 20px}
  ul.profile-tab li{margin-right: 12px}
  ul.profile-tab li a{padding: 20px 20px 20px 70px; font-size: 14px; height: 70px}
  ul.profile-tab li a .icon {width: 30px;height: 30px; position: absolute; top: 20px; left: 20px;}

  ul.report-menu li{margin: 0 4px}
  ul.report-menu li a{padding: 0px 15px; font-size: 14px}
  .search-form-area .btn-filter{margin-left: 10px}

  ul.sub-cate-list li{width: 30.6%}
  ul.cake-list li{width: 49%; margin-bottom: 8px}
  ul.cake-list li:nth-of-type(2n+2){margin-right: 0px}
  ul.cake-list li:nth-of-type(3n+3){margin-right: auto;}
  ul.cake-list li .cake-box{height: 236px}

  .closing-cash-area{width: 75%}
  .product-detail-area .product-img{margin-bottom: 30px}

  .info-order-area ul.dine-list li{width: 30.6%}
  .past-order-table tbody tr td:nth-of-type(1):before {content: "Order No";}
  .past-order-table tbody tr td:nth-of-type(2):before {content: "Date and Time";}
  .past-order-table tbody tr td:nth-of-type(3):before {content: "Type";}
  .past-order-table tbody tr td:nth-of-type(4):before {content: "Amount";}
  .past-order-table tbody tr td:nth-of-type(5):before {content: "Vat";}
  .past-order-table tbody tr td:nth-of-type(6):before {content: "Delivery Charges";}
  .past-order-table tbody tr td:nth-of-type(7):before {content: "Status";}

  .pending-crm-table tbody tr td:nth-of-type(1):before {content: "Order No";}
  .pending-crm-table tbody tr td:nth-of-type(2):before {content: "Customer";}
  .pending-crm-table tbody tr td:nth-of-type(3):before {content: "Phone";}
  .pending-crm-table tbody tr td:nth-of-type(4):before {content: "Date";}
  .pending-crm-table tbody tr td:nth-of-type(5):before {content: "Time";}
  .pending-crm-table tbody tr td:nth-of-type(6):before {content: "Category";}
  .pending-crm-table tbody tr td:nth-of-type(7):before {content: "Vat";}
  .pending-crm-table tbody tr td:nth-of-type(8):before {content: "Total";}
  .pending-crm-table tbody tr td:nth-of-type(9):before {content: "Advance";}
  .pending-crm-table tbody tr td:nth-of-type(10):before {content: "Type";}
  .pending-crm-table tbody tr td:nth-of-type(11):before {content: "Action";}

  .dispatch-crm-table tbody tr td:nth-of-type(1):before {content: "Order No";}
  .dispatch-crm-table tbody tr td:nth-of-type(2):before {content: "Customer";}
  .dispatch-crm-table tbody tr td:nth-of-type(3):before {content: "Date";}
  .dispatch-crm-table tbody tr td:nth-of-type(4):before {content: "Time";}
  .dispatch-crm-table tbody tr td:nth-of-type(5):before {content: "Category";}
  .dispatch-crm-table tbody tr td:nth-of-type(6):before {content: "Vat";}
  .dispatch-crm-table tbody tr td:nth-of-type(7):before {content: "Total";}
  .dispatch-crm-table tbody tr td:nth-of-type(8):before {content: "Advance";}
  .dispatch-crm-table tbody tr td:nth-of-type(9):before {content: "Type";}
  .dispatch-crm-table tbody tr td:nth-of-type(10):before {content: "Delivery Man";}
  .dispatch-crm-table tbody tr td:nth-of-type(11):before {content: "Action";}

  .completed-crm-table tbody tr td:nth-of-type(1):before {content: "Order No";}
  .completed-crm-table tbody tr td:nth-of-type(2):before {content: "Customer";}
  .completed-crm-table tbody tr td:nth-of-type(3):before {content: "Date";}
  .completed-crm-table tbody tr td:nth-of-type(4):before {content: "Time";}
  .completed-crm-table tbody tr td:nth-of-type(5):before {content: "Category";}
  .completed-crm-table tbody tr td:nth-of-type(6):before {content: "Vat";}
  .completed-crm-table tbody tr td:nth-of-type(7):before {content: "Total";}
  .completed-crm-table tbody tr td:nth-of-type(8):before {content: "Advance";}
  .completed-crm-table tbody tr td:nth-of-type(9):before {content: "Type";}
  .completed-crm-table tbody tr td:nth-of-type(10):before {content: "Delivery Man";}
  .completed-crm-table tbody tr td:nth-of-type(11):before {content: "Action";}

  .cancelled-crm-table tbody tr td:nth-of-type(1):before {content: "Order No";}
  .cancelled-crm-table tbody tr td:nth-of-type(2):before {content: "Customer";}
  .cancelled-crm-table tbody tr td:nth-of-type(3):before {content: "Phone";}
  .cancelled-crm-table tbody tr td:nth-of-type(4):before {content: "Date";}
  .cancelled-crm-table tbody tr td:nth-of-type(5):before {content: "Total";}
  .cancelled-crm-table tbody tr td:nth-of-type(6):before {content: "Advance";}
  .cancelled-crm-table tbody tr td:nth-of-type(7):before {content: "Reason For Cancel";}
  .cancelled-crm-table tbody tr td:nth-of-type(8):before {content: "Action";}


  .running-order-table tbody tr td:nth-of-type(1):before {content: "Order No";}
  .running-order-table tbody tr td:nth-of-type(2):before {content: "Table No.";}
  .running-order-table tbody tr td:nth-of-type(3):before {content: "List of Items Ordered";}
  .running-order-table tbody tr td:nth-of-type(4):before {content: "Total";}
  .running-order-table tbody tr td:nth-of-type(5):before {content: "Sales Man";}
  .running-order-table tbody tr td:nth-of-type(6):before {content: "Details";}

  .dine-in-completed-order-table tbody tr td:nth-of-type(1):before {content: "Order No";}
  .dine-in-completed-order-table tbody tr td:nth-of-type(2):before {content: "Date";}
  .dine-in-completed-order-table tbody tr td:nth-of-type(3):before {content: "Products";}
  .dine-in-completed-order-table tbody tr td:nth-of-type(4):before {content: "Total";}
  .dine-in-completed-order-table tbody tr td:nth-of-type(5):before {content: "Comment";}
  .dine-in-completed-order-table tbody tr td:nth-of-type(6):before {content: "Sales Man";}
  .dine-in-completed-order-table tbody tr td:nth-of-type(7):before {content: "Status";}

  .menu-setup-table tbody tr td:nth-of-type(1):before {content: "ID";}
  .menu-setup-table tbody tr td:nth-of-type(2):before {content: "Dish  Name";}
  .menu-setup-table tbody tr td:nth-of-type(3):before {content: "Price";}
  .menu-setup-table tbody tr td:nth-of-type(4):before {content: "Action";}

  .staff-table tbody tr td:nth-of-type(1):before {content: "ID";}
  .staff-table tbody tr td:nth-of-type(2):before {content: "Staff Name";}
  .staff-table tbody tr td:nth-of-type(3):before {content: "Staff Role";}
  .staff-table tbody tr td:nth-of-type(4):before {content: "Current Location";}
  .staff-table tbody tr td:nth-of-type(5):before {content: "Email Address";}
  .staff-table tbody tr td:nth-of-type(6):before {content: "Phone";}
  .staff-table tbody tr td:nth-of-type(7):before {content: "Action";}
}

@media (max-width: 767px) {
  html { -webkit-text-size-adjust:none;}
  .container{ width:90%; margin:0 auto; padding:0;}

header .nav-area{padding: 10px 0; border-bottom: #2a110a 1px solid}
header .nav-area .menu{display: block; float: left;}
header .menu-box{display: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
header .menu-box.active{display: block;position: absolute; width: 100%; z-index: 999; background: #fff; padding: 10px 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
header .menu-box ul.nav-menu{min-height: auto}
header .menu-box ul.nav-menu li{width: 100%; margin-bottom: 5px; margin-right: 0px; float: none;}
header .menu-box ul.nav-menu li a{min-height: auto}

.page-title{margin: 20px 0 20px 0}

.dashboard-icon-main-area{width: 100%}
.dashboard-icon-main-area .main-icon-box{padding: 20px 20px 20px 100px; min-height: 100px; margin-bottom: 10px}
.dashboard-icon-main-area .main-icon-box .icon{width: 60px; height: 60px; top:20px; left: 20px}
.dashboard-icon-main-area .main-icon-box .icon img{width:100%}
.dashboard-icon-main-area .main-icon-box .cate-title{font-size: 20px; line-height: 30px; height: 60px}
ul.cate-list li{width: 48.2%; margin-right: 10px; margin-bottom: 10px}
ul.cate-list li:nth-of-type(2n+2){margin-right: 0px}
ul.cate-list li .cate-box{padding: 20px 0}
ul.cate-list li .cate-box .icon{width: 40px; height: 40px; margin: 0 auto 15px auto;}
ul.cate-list li .cate-box .icon img{width:100%}
ul.cate-list li .cate-box .name{font-size: 12px}

.profile-box{display: block;}
.profile-box .logo-area{display: block; width: 100%}
.profile-box .logo-area .logo{margin: 0 auto; width: 120px; height: 120px}
.profile-box .profile-content{display: block; border-top:#ebedec 1px solid; width: 100%; border-left: none; padding: 0 15px}

ul.profile-tab li{width: 100%; margin: 0 0 10px 0}
ul.profile-tab li a{padding: 20px 20px 20px 70px; font-size: 14px; height: 70px}
ul.profile-tab li a::after{content: none}
ul.profile-tab li a .icon {width: 30px;height: 30px; position: absolute; top: 20px; left: 20px;}

.table-style thead tr {position: absolute; top: -9999px; left: -9999px;}
.table-style tbody tr {border-top: #e9eef1 5px solid;}
.table-style tbody tr td {border: none; position: relative; line-height: 24px !important; display: inline-block; width: 100%; padding: 35px 0px 5px 0px !important; border-bottom: #e9eef1 1px solid;}
.table-style tbody tr td:before {position: absolute; top: 10px; left: 0px; color: #2a110a; width: 100%; white-space: nowrap; line-height: 20px; font-size: 16px; font-weight: 700;}
.table-style tbody td.action{width: 100%}
.table-style tbody td .btn-link-block{width: auto; padding: 0 15px}
.coupon-table tbody tr td:nth-of-type(1):before {content: "Name";}
.coupon-table tbody tr td:nth-of-type(2):before {content: "Code";}
.coupon-table tbody tr td:nth-of-type(3):before {content: "Type";}
.coupon-table tbody tr td:nth-of-type(4):before {content: "Rate";}
.coupon-table tbody tr td:nth-of-type(5):before {content: "Dine in";}
.coupon-table tbody tr td:nth-of-type(6):before {content: "Walk in";}
.coupon-table tbody tr td:nth-of-type(7):before {content: "CRM";}
.coupon-table tbody tr td:nth-of-type(8):before {content: "Action";}

.order-print-table tbody tr td:nth-of-type(1):before {content: "Order No";}
.order-print-table tbody tr td:nth-of-type(2):before {content: "Customer";}
.order-print-table tbody tr td:nth-of-type(3):before {content: "Order Date";}
.order-print-table tbody tr td:nth-of-type(4):before {content: "Delivery Date";}
.order-print-table tbody tr td:nth-of-type(5):before {content: "Time";}
.order-print-table tbody tr td:nth-of-type(6):before {content: "Order details";}
.order-print-table tbody tr td:nth-of-type(7):before {content: "Category";}
.order-print-table tbody tr td:nth-of-type(8):before {content: "Total";}
.order-print-table tbody tr td:nth-of-type(9):before {content: "Balance";}
.order-print-table tbody tr td:nth-of-type(10):before {content: "Type";}
.order-print-table tbody tr td:nth-of-type(11):before {content: "Action";}

.pending-order-table tbody tr td:nth-of-type(1):before {content: "Order No";}
.pending-order-table tbody tr td:nth-of-type(2):before {content: "Customer";}
.pending-order-table tbody tr td:nth-of-type(3):before {content: "Phone";}
.pending-order-table tbody tr td:nth-of-type(4):before {content: "Date";}
.pending-order-table tbody tr td:nth-of-type(5):before {content: "Time";}
.pending-order-table tbody tr td:nth-of-type(6):before {content: "Vat";}
.pending-order-table tbody tr td:nth-of-type(7):before {content: "Total";}
.pending-order-table tbody tr td:nth-of-type(8):before {content: "Type";}
.pending-order-table tbody tr td:nth-of-type(9):before {content: "Action";}

.cancelled-order-table tbody tr td:nth-of-type(1):before {content: "Order No";}
.cancelled-order-table tbody tr td:nth-of-type(2):before {content: "Customer";}
.cancelled-order-table tbody tr td:nth-of-type(3):before {content: "Phone";}
.cancelled-order-table tbody tr td:nth-of-type(4):before {content: "Date";}
.cancelled-order-table tbody tr td:nth-of-type(5):before {content: "Time";}
.cancelled-order-table tbody tr td:nth-of-type(6):before {content: "Vat";}
.cancelled-order-table tbody tr td:nth-of-type(7):before {content: "Total";}
.cancelled-order-table tbody tr td:nth-of-type(8):before {content: "Advance";}
.cancelled-order-table tbody tr td:nth-of-type(9):before {content: "Type";}
.cancelled-order-table tbody tr td:nth-of-type(10):before {content: "Action";}

.completed-order-table tbody tr td:nth-of-type(1):before {content: "Order No";}
.completed-order-table tbody tr td:nth-of-type(2):before {content: "Customer";}
.completed-order-table tbody tr td:nth-of-type(3):before {content: "Date";}
.completed-order-table tbody tr td:nth-of-type(4):before {content: "Time";}
.completed-order-table tbody tr td:nth-of-type(5):before {content: "Vat";}
.completed-order-table tbody tr td:nth-of-type(6):before {content: "Total";}
.completed-order-table tbody tr td:nth-of-type(7):before {content: "Type";}
.completed-order-table tbody tr td:nth-of-type(8):before {content: "Action";}

.cart-table tbody tr td:nth-of-type(1):before {content: "Item Details";}
.cart-table tbody tr td:nth-of-type(2):before {content: "Additional Options";}
.cart-table tbody tr td:nth-of-type(3):before {content: "Price (AED)";}
.cart-table tbody tr td:nth-of-type(4):before {content: "Qty";}
.cart-table tbody tr td:nth-of-type(5):before {content: "Delete";}
.cart-table tbody tr td:nth-of-type(6):before {content: "Sub Total";}
.cart-table tbody td.options{width: auto;}
.cart-table tbody td .form-control{width: 100%}
.cart-table tbody td:last-child{text-align: left;}
.cart-table tbody td .pro-info{padding: 0 0 0 100px; height: 80px}
.cart-table tbody td .pro-info .pro-icon{width: 80px; height: 80px}


.dine-cart-table tbody tr td:nth-of-type(1):before {content: "Item Details";}
.dine-cart-table tbody tr td:nth-of-type(2):before {content: "Delete";}
.dine-cart-table tbody tr td:nth-of-type(3):before {content: "Price (AED)";}
.dine-cart-table tbody tr td:nth-of-type(4):before {content: "Qty";}
.dine-cart-table tbody tr td:nth-of-type(5):before {content: "Sub Total";}
.dine-cart-table tbody td:last-child{text-align: left;}
.cate-search-area .cate-down{width: 100%; border-bottom: #cccccc 1px solid}
.cate-search-area .search-menu{width: 100%}
.cate-search-area .form-control{padding-left: 0px}
.product-area{padding: 20px 10px}
.product-area ul.list-product li{width: 50%; padding: 0 5px; margin: 0 0 20px 0}
.product-area ul.list-product li .pro-img{width: 126px; height: 126px}
.product-area ul.list-product li .name{line-height: 16px; font-size: 12px; height: 32px}
.info-order-area .btn-place-order{padding: 20px 15px}

ul.price-summery li{text-align: left;}
ul.price-summery li span{text-align: right; float: right;}
.btn-area .btn-yellow{width: 100%; margin: 0 0 10px 0 }

.login-page .main-div{display: block;}
ul.admin_menu{width: auto; height: 38px; position: absolute; left: 50%; top: 399px; -ms-transform: rotate(0deg); transform: rotate(0deg); z-index: 99; margin-left: -137px; margin-top: 0;}
ul.admin_menu li {float: left; width: auto; margin: 0 5px;}
ul.admin_menu li a {display: block; font-size: 13px; line-height: 36px; padding: 0 15px; }
.login-page .photo-area{display: block; width: 100%; height: 400px; border-right: none; border-bottom: #fec34e 1px solid}
.login-page .login-form-area{width: 100%}
.login-page .login-form-area .content-main-area{width: 100%; padding: 70px 30px 30px 30px; margin: 0px}
.login-page .login-form-area .content-main-area .logo {width: 140px; margin: 0 0 20px 0;}

ul.report-menu li{width: 100%; margin: 5px 0}
ul.report-menu li a::after{content: none;}
.search-form-area .btn-submit{width: 100%; margin: 0px}
.search-form-area .btn-filter{margin-left: 0px; width: 100%}


ul.sub-cate-list li{width: 46.5%; margin-right: 10px; margin-left:10px; margin-bottom: 15px}
ul.sub-cate-list li:nth-of-type(2n+2){margin-right: 0px}
ul.sub-cate-list li:nth-of-type(2n+1){margin-left: 0px}
ul.sub-cate-list li .cate-box{padding: 20px 0}
ul.sub-cate-list li .cate-box .icon{width: 40px; height: 40px; margin: 0 auto 15px auto;}
ul.sub-cate-list li .cate-box .icon img{width:100%}
ul.sub-cate-list li .cate-box .name{font-size: 12px}
ul.cake-list{margin-top: 30px}
ul.cake-list li{width: 49%; margin-bottom: 8px}
ul.cake-list li:nth-of-type(2n+2){margin-right: 0px}
ul.cake-list li:nth-of-type(3n+3){margin-right: auto;}
ul.cake-list li .cake-box{height: 240px}
.closing-cash-area{width: 100%}

.filter-area{padding: 0px 0px 20px 0}
.filter-area .form-group{margin-bottom: 10px}
.breadcrumb {display: none}
.product-detail-area{padding: 20px 0}
.product-detail-area .product-img{margin-bottom: 20px}
.product-detail-area .product-name, .product-detail-area .price{font-size: 20px; line-height: 30px}
.product-detail-area .additional-msg{padding: 15px}
.product-detail-area .option-area{width: 100%}
.product-detail-area .main-price{font-size: 26px; line-height: 26px; margin-top: 10px}
.product-detail-area input[type="radio"].css-radio + label.css-label1{padding-right: 40px; height: auto !important; line-height: 20px; padding-top: 10px; padding-bottom: 10px}
.product-detail-area input[type="radio"].css-radio + label.css-label1::before{width: 24px; height: 24px; top: 7px; right: 7px; background-size: 100%;}
.product-detail-area input[type="radio"].css-radio:checked + label.css-label1::before{width: 24px; height: 24px; top: 7px; right: 7px; background-size: 100%;}

.search-area .btn-new{margin-top: 10px; width: 100%}
.search-area{margin-bottom:20px; padding-bottom: 20px}
.crm-detail-area .address-list{padding: 15px; margin-bottom: 20px}
.crm-detail-area .address-list .link-area{padding-top: 12px}

.title-note{margin-bottom: 10px}
.crm-detail-area .note-table tbody td:first-child{width: 100%}
.modal.show .modal-dialog{margin: 0px;}
.modal-content{border-radius: 0px; border:none}
.popup-content{padding: 15px 20px 20px 20px}
.popup-content .close{top: 20px; right: 15px}
.popup-content .btn-save{margin: 0px; width: 100%}

.info-order-area ul.dine-list li{margin-bottom: 10px; margin-right: 0px; width: 100%}
.status_table_list .status-box{margin-bottom: 10px}
.seat-box{margin-bottom: 20px}
.seat-box a{padding: 15px 10px}
.location-dropdown{width: 100%}
.leftside-navtab{margin: 0px}
.note-table tbody tr td:nth-of-type(1):before {content: "Date";}
.note-table tbody tr td:nth-of-type(2):before {content: "Message";}
.note-table tbody tr td:nth-of-type(3):before {content: "Action";}

.past-order-table tbody tr td:nth-of-type(1):before {content: "Order No";}
.past-order-table tbody tr td:nth-of-type(2):before {content: "Date and Time";}
.past-order-table tbody tr td:nth-of-type(3):before {content: "Type";}
.past-order-table tbody tr td:nth-of-type(4):before {content: "Amount";}
.past-order-table tbody tr td:nth-of-type(5):before {content: "Vat";}
.past-order-table tbody tr td:nth-of-type(6):before {content: "Delivery Charges";}
.past-order-table tbody tr td:nth-of-type(7):before {content: "Status";}

.pending-crm-table tbody tr td:nth-of-type(1):before {content: "Order No";}
.pending-crm-table tbody tr td:nth-of-type(2):before {content: "Customer";}
.pending-crm-table tbody tr td:nth-of-type(3):before {content: "Phone";}
.pending-crm-table tbody tr td:nth-of-type(4):before {content: "Date";}
.pending-crm-table tbody tr td:nth-of-type(5):before {content: "Time";}
.pending-crm-table tbody tr td:nth-of-type(6):before {content: "Category";}
.pending-crm-table tbody tr td:nth-of-type(7):before {content: "Vat";}
.pending-crm-table tbody tr td:nth-of-type(8):before {content: "Total";}
.pending-crm-table tbody tr td:nth-of-type(9):before {content: "Advance";}
.pending-crm-table tbody tr td:nth-of-type(10):before {content: "Type";}
.pending-crm-table tbody tr td:nth-of-type(11):before {content: "Action";}

.dispatch-crm-table tbody tr td:nth-of-type(1):before {content: "Order No";}
.dispatch-crm-table tbody tr td:nth-of-type(2):before {content: "Customer";}
.dispatch-crm-table tbody tr td:nth-of-type(3):before {content: "Date";}
.dispatch-crm-table tbody tr td:nth-of-type(4):before {content: "Time";}
.dispatch-crm-table tbody tr td:nth-of-type(5):before {content: "Category";}
.dispatch-crm-table tbody tr td:nth-of-type(6):before {content: "Vat";}
.dispatch-crm-table tbody tr td:nth-of-type(7):before {content: "Total";}
.dispatch-crm-table tbody tr td:nth-of-type(8):before {content: "Advance";}
.dispatch-crm-table tbody tr td:nth-of-type(9):before {content: "Type";}
.dispatch-crm-table tbody tr td:nth-of-type(10):before {content: "Delivery Man";}
.dispatch-crm-table tbody tr td:nth-of-type(11):before {content: "Action";}

.completed-crm-table tbody tr td:nth-of-type(1):before {content: "Order No";}
.completed-crm-table tbody tr td:nth-of-type(2):before {content: "Customer";}
.completed-crm-table tbody tr td:nth-of-type(3):before {content: "Date";}
.completed-crm-table tbody tr td:nth-of-type(4):before {content: "Time";}
.completed-crm-table tbody tr td:nth-of-type(5):before {content: "Category";}
.completed-crm-table tbody tr td:nth-of-type(6):before {content: "Vat";}
.completed-crm-table tbody tr td:nth-of-type(7):before {content: "Total";}
.completed-crm-table tbody tr td:nth-of-type(8):before {content: "Advance";}
.completed-crm-table tbody tr td:nth-of-type(9):before {content: "Type";}
.completed-crm-table tbody tr td:nth-of-type(10):before {content: "Delivery Man";}
.completed-crm-table tbody tr td:nth-of-type(11):before {content: "Action";}

.cancelled-crm-table tbody tr td:nth-of-type(1):before {content: "Order No";}
.cancelled-crm-table tbody tr td:nth-of-type(2):before {content: "Customer";}
.cancelled-crm-table tbody tr td:nth-of-type(3):before {content: "Phone";}
.cancelled-crm-table tbody tr td:nth-of-type(4):before {content: "Date";}
.cancelled-crm-table tbody tr td:nth-of-type(5):before {content: "Total";}
.cancelled-crm-table tbody tr td:nth-of-type(6):before {content: "Advance";}
.cancelled-crm-table tbody tr td:nth-of-type(7):before {content: "Reason For Cancel";}
.cancelled-crm-table tbody tr td:nth-of-type(8):before {content: "Action";}


.running-order-table tbody tr td:nth-of-type(1):before {content: "Order No";}
.running-order-table tbody tr td:nth-of-type(2):before {content: "Table No.";}
.running-order-table tbody tr td:nth-of-type(3):before {content: "List of Items Ordered";}
.running-order-table tbody tr td:nth-of-type(4):before {content: "Total";}
.running-order-table tbody tr td:nth-of-type(5):before {content: "Sales Man";}
.running-order-table tbody tr td:nth-of-type(6):before {content: "Details";}

.dine-in-completed-order-table tbody tr td:nth-of-type(1):before {content: "Order No";}
.dine-in-completed-order-table tbody tr td:nth-of-type(2):before {content: "Date";}
.dine-in-completed-order-table tbody tr td:nth-of-type(3):before {content: "Products";}
.dine-in-completed-order-table tbody tr td:nth-of-type(4):before {content: "Total";}
.dine-in-completed-order-table tbody tr td:nth-of-type(5):before {content: "Comment";}
.dine-in-completed-order-table tbody tr td:nth-of-type(6):before {content: "Sales Man";}
.dine-in-completed-order-table tbody tr td:nth-of-type(7):before {content: "Status";}

.menu-setup-table tbody tr td:nth-of-type(1):before {content: "ID";}
.menu-setup-table tbody tr td:nth-of-type(2):before {content: "Dish  Name";}
.menu-setup-table tbody tr td:nth-of-type(3):before {content: "Price";}
.menu-setup-table tbody tr td:nth-of-type(4):before {content: "Action";}

.staff-table tbody tr td:nth-of-type(1):before {content: "ID";}
.staff-table tbody tr td:nth-of-type(2):before {content: "Staff Name";}
.staff-table tbody tr td:nth-of-type(3):before {content: "Staff Role";}
.staff-table tbody tr td:nth-of-type(4):before {content: "Current Location";}
.staff-table tbody tr td:nth-of-type(5):before {content: "Email Address";}
.staff-table tbody tr td:nth-of-type(6):before {content: "Phone";}
.staff-table tbody tr td:nth-of-type(7):before {content: "Action";}

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

  ul.cake-list{margin-top: 30px}
  ul.cake-list li{width: 49%; margin-bottom: 8px}
  ul.cake-list li:nth-of-type(2n+2){margin-right: 0px}
  ul.cake-list li:nth-of-type(3n+3){margin-right: auto;}
  ul.cake-list li .cake-box{height: 240px}

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

  ul.cake-list{margin-top: 30px}
  ul.cake-list li{width: 49%; margin-bottom: 8px}
  ul.cake-list li:nth-of-type(2n+2){margin-right: 0px}
  ul.cake-list li:nth-of-type(3n+3){margin-right: auto;}
  ul.cake-list li .cake-box{height: 210px}

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

  ul.cake-list{margin-top: 30px}
  ul.cake-list li{width: 49%; margin-bottom: 8px}
  ul.cake-list li:nth-of-type(2n+2){margin-right: 0px}
  ul.cake-list li:nth-of-type(3n+3){margin-right: auto;}
  ul.cake-list li .cake-box{height: 150px}

}