@media screen and (max-width:1699px) {
    .responsiveTable .wastage {
        width: 100%;
        overflow-x: auto;
    }

        .responsiveTable .wastage table {
            width: 1600px !important;
        }

    .responsiveTable .inventory {
        width: 100%;
        overflow-x: auto;
    }

        .responsiveTable .inventory table {
            width: 1600px !important;
        }
}

@media screen and (max-width:1629px) {
    .searchFilter span {
        margin-right: 5px;
        width: calc(50% - 5px);
        margin-bottom: 5px;
    }

        .searchFilter span:nth-child(even) {
            margin-right: 0; /*! margin-left:5px; */
        }

    .searchFilter .btn {
        width: auto;
        margin: 0 5px 5px 0 !important;
    }

    .searchFilter .selectField {
        width: calc(50% - 5px);
    }

    .searchFilter .date {
        width: calc(50% - 5px);
    }

    .responsiveTable .ingredient {
        width: 100%;
        overflow-x: auto;
    }

        .responsiveTable .ingredient table {
            width: 1400px;
        }
}

@media screen and (max-width:1399px) {
    .responsiveTable .tableScroller {
        width: 100%;
        overflow-x: auto;
    }

        .responsiveTable .tableScroller table {
            width: 1400px;
        }

    .accordionContent ul li {
        width: calc(50% - 22px);
    }

    .tabView ul li {
        width: calc(33.3333% - 20px);
    }

    .tabView.kitchen ul li {
        width: calc(33.3333% - 24px);
    }
}

@media screen and (max-width:1279px) {
    .dashboardCol4 li {
        width: calc(50% - 22px);
    }

    .formFields .formCol4 {
        width: calc(50% - 20px);
    }

    .formFields .formCol2 {
        width: calc(100% - 20px);
    }

    .kitchenStatus ul li {
        width: calc(20% - 12px);
    }
}

@media screen and (max-width:1199px) {
    .responsiveTable .tableScroller {
        width: 100%;
        overflow-x: hidden;
    }

        .responsiveTable .tableScroller table {
            width: 100%;
        }

    .responsiveTable .ingredient {
        width: 100%;
        overflow-x: hidden;
    }

        .responsiveTable .ingredient table {
            width: 100%;
        }

    .responsiveTable .wastage {
        width: 100%;
        overflow-x: hidden;
    }

        .responsiveTable .wastage table {
            width: 100% !important;
        }

    .responsiveTable {
        margin-top: 0;
    }

        .responsiveTable .container {
            padding-bottom: 0;
        }

        .responsiveTable table {
            margin: 0;
            border-radius: 5px;
        }

            .responsiveTable table thead {
                border: none;
                clip: rect(0 0 0 0);
                height: 1px;
                margin: -1px;
                overflow: hidden;
                padding: 0;
                position: absolute;
                width: 1px;
            }

            .responsiveTable table tr {
                display: block;
                border-bottom: none;
                border-radius: 5px;
                margin: 10px 0 20px 0;
                background: #fefad7;
            }

            .responsiveTable table tbody tr td {
                border-top: none;
                display: block;
                text-align: right !important;
                padding: 5px 10px;
                border-bottom: none;
            }

            .responsiveTable table td::before {
                content: attr(data-label);
                float: left;
                font-weight: 600;
                color: #015351;
            }

            .responsiveTable table tbody tr td:last-child {
                paddding-bottom: 0;
            }

            .responsiveTable table tbody tr:last-child td {
                border-bottom: none;
            }

            .responsiveTable table .checkBoxStyle {
                text-align: right !important;
                display: inline-block;
                padding-bottom: 10px;
                margin: 15px 15px 0 0;
            }

        .responsiveTable .viewAll {
            position: relative;
            right: 0;
            top: 0;
            text-align: right;
            display: block;
        }

        .responsiveTable input[type="text"]:disabled {
            border: 1px solid #f7b035;
        }

        .responsiveTable table thead tr th.noPadding,
        .responsiveTable table tbody tr td.noPadding {
            padding: 5px 10px;
        }

    .userAccess {
        margin-top: 0;
    }

        .userAccess .container {
            padding-bottom: 0;
        }

    .user-access-table {
        width: 100%;
        overflow: auto;
        border-radius: 5px;
    }

        .user-access-table table {
            width: 100%;
        }

            .user-access-table table thead {
                border: none;
                clip: rect(0 0 0 0);
                height: 1px;
                margin: -1px;
                overflow: hidden;
                padding: 0;
                position: absolute;
                width: 1px;
            }

            .user-access-table table tr {
                display: block;
                border-bottom: none;
                border-radius: 5px;
                margin: 10px 0 20px 0;
                background: #fdf0d8;
            }

            .user-access-table table tbody tr td {
                border-top: none;
                display: block;
                text-align: left !important;
                padding: 7.5px 10px;
                background: none;
                white-space: normal;
            }

            .user-access-table table td::before {
                content: attr(data-label);
                font-weight: 600;
                color: #015351;
            }

            .user-access-table table tbody tr td:last-child {
                paddding-bottom: 0;
            }

            .user-access-table table tbody tr:last-child td {
                border-bottom: none;
            }

        .user-access-table tbody th {
            background: #f15a22 !important;
            color: #ffffff !important;
            text-align: left !important;
            padding: 10px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            position: relative;
            background: #ffffff;
            font-size: 14px;
            line-height: 18px;
            width: calc(100% - 20px);
            height: auto;
            margin-top: 0;
            display: block;
        }

    .clone {
        position: relative;
        top: 0;
        left: 0;
        pointer-events: none;
        display: none !important;
    }

        .clone th, .clone td {
            visibility: visible;
        }

        .clone td, .clone th {
            border-color: transparent;
        }

        .clone tbody th {
            visibility: visible;
            background: #f7b035;
        }

        .clone .fixed-side {
            border-bottom: 1px solid #fdf0d8;
            visibility: hidden;
        }

        .clone tbody .fixed-side {
            color: #232323;
            font-size: 14px;
            line-height: 18px;
            font-weight: 600;
        }

        .clone thead {
            background: transparent;
        }

        .clone tr {
            background: #fdf0d8;
        }

    .pagination {
        margin: 0 0 10px 0;
    }

        .pagination .page {
            display: block;
            text-align: center;
            width: 100%;
        }

        .pagination .pageNum {
            display: block;
            text-align: center;
            width: 100%;
            margin: 15px 0;
        }

        .pagination ul li span {
            margin: 0;
        }

        .pagination ul li a {
            margin: 0;
        }

    .grandTotal {
        width: calc(100% - 20px);
        float: none;
        margin: 5px 10px;
    }

        .grandTotal .cost {
            text-align: right;
        }

    .backBtn.add {
        margin-top: 0;
    }

    .acceptBtn {
        margin-bottom: 10px;
        padding: 10px;
    }

    .kitchenStatus ul li {
        width: calc(25% - 12px);
    }
}

@media screen and (max-width:1099px) {
    .tabView ul li {
        width: calc(50% - 20px);
    }

    .tabView.kitchen ul li {
        width: calc(50% - 24px);
    }
}

@media screen and (max-width:999px) {
    .dashboardCol2 {
        width: 100%;
    }

        .dashboardCol2 li {
            width: calc(100% - 2px);
            margin: 0 0 20px 0;
        }

    .searchFilter span {
        margin-right: 0;
        width: 100%;
        margin-bottom: 5px;
    }

        .searchFilter span:nth-child(even) {
            margin-left: 0;
        }

    .searchFilter .selectField {
        width: 100%;
    }

    .searchFilter .date {
        width: 100%;
    }

    .searchFilter .btn {
        width: auto;
        margin-right: 5px;
    }
}

@media screen and (max-width:800px) {
    .header {
        padding: 10.5px 15px;
        width: calc(100% - 30px);
        position: relative;
        z-index: 0;
    }

    .page-wrapper .footer {
        position: relative;
    }

    .page-wrapper .footer {
        padding: 15px;
        width: calc(100% - 30px);
    }

    .commonPage {
        padding: 25px 15px;
        width: calc(100% - 30px);
    }

    .formFields {
        width: 100%;
        font-size: 14px;
        line-height: 18px;
    }

        .formFields .fieldName {
            width: 100%;
        }

        .formFields .formCol4 {
            width: 100%;
            margin: 0 0 10px 0;
        }

        .formFields .formCol2 {
            width: 100%;
            margin: 0 0 10px 0;
        }

        .formFields .formCol {
            width: 100%;
            margin: 0 0 10px 0;
        }

    .radioGrp li {
        display: block;
        margin: 10px 0;
    }

    .tabView ul li {
        width: calc(33.3333% - 20px);
    }

    .tabView.kitchen ul li {
        width: calc(33.3333% - 24px);
    }
}

@media screen and (max-width:749px) {
    .tabView ul li {
        width: calc(50% - 20px);
    }

    .tabView.kitchen ul li {
        width: calc(50% - 24px);
    }

    .kitchenStatus ul li {
        width: calc(33.3333% - 12px);
    }
}

@media screen and (max-width:699px) {
    .dashboardCol4 {
        width: 100%;
    }

        .dashboardCol4 li {
            width: calc(100% - 2px);
            margin: 0 0 20px 0;
        }

    .accordionContent ul {
        width: 100%;
    }

        .accordionContent ul li {
            width: calc(100% - 2px);
            margin-right: 0;
        }

    .rightBtn {
        position: relative;
        display: block;
        top: 0;
        margin-top: 15px;
    }
}

@media screen and (max-width:549px) {
    .tabView ul li {
        width: calc(100% - 20px);
    }

    .tabView.kitchen ul li {
        width: calc(100% - 24px);
    }

    .kitchenStatus ul li {
        width: calc(50% - 12px);
    }
}

@media screen and (max-height:600px) {
    .LOGIN .wrapper {
        height: auto;
        padding-top: 20px;
    }

    .LOGIN .footer {
        position: relative;
        padding: 15px 0;
    }
}

/*FOR PRINT ONLY*/
@media print {
    * {
        color-adjust: exact;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        margin: 0;
        padding: 0;
    }
}