@media (max-width: 2560px) {
    .stock_sec .products {
  grid-template-columns: repeat(3, 1fr);
}

.stock-products-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
}

.all_products .products {
    grid-template-columns: repeat(6, 1fr) !important;
}
.products {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.cards_4box {
    grid-template-columns: repeat(6, 1fr);
}
}

@media (max-width: 1920px) {
.all_products .products {
    grid-template-columns: repeat(5, 1fr) !important;
}
.products {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.cards_4box {
    grid-template-columns: repeat(5, 1fr);
}
}

@media (max-width: 1440px) {
    .stock_sec .products {
  grid-template-columns: repeat(2, 1fr);
}
.stock-products-grid {
    grid-template-columns: 1fr 1fr;
}
.all_products .products {
    grid-template-columns: repeat(4, 1fr) !important;
}
.products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cards_4box {
    grid-template-columns: repeat(4, 1fr);
}
}

@media (max-width: 1199.98px) {
    .all_products .filter-row .title {
        width: 100%;
        float: left;
    }

    .all_products .filter-row select,
    .all_products .filter-row .search-input,
    .all_products .btn {
        width: 47%;
        margin: 10px 20px 10px 0px;
    }

    .all_products .btn {
        margin-top: 10px;
    }

    .dataTables_wrapper table {
        width: 1199px;
    }

    a.download-btn {
        margin-top: 10px;
    }

    .products {
        grid-template-columns: repeat(3, 1fr);
    }

}

@media (max-width: 1160.98px) {

        .stock_sec .products {
  grid-template-columns: 1fr;
}

.stock-products-grid {
    grid-template-columns: 1fr;
}

    .products.list {
        grid-template-columns: 1fr;
    }

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

    .step {
        width: 220px;
    }

    .step::after {
        right: -65px;
        width: 130px;
    }

    .cards_4box {
    grid-template-columns: repeat(3, 1fr);
}

}

@media (max-width: 1079.98px) {
    .top-bar {
        display: inline-block;
        width: 100%;
    }

    .custom-check {
        justify-content: left;
    }

    .search {
        margin-top: 10px;
    }

    .all_products .products {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .box_filtter {
        display: inline-block;
        width: 100%;
    }

    .box_filtter .btn {
    height: 38px;
    padding: 0 14px;
    border-radius: 8px;
    border: none;
    font-size: 13px;
    display: inline-block;
    text-align: center;
    gap: 6px;
    cursor: pointer;
    margin-left: 0px;
    margin-top: 20px;
    width: 170px;
    font-weight: 400;
    line-height: 38px;
}
    
}


@media (max-width: 991.98px) {

    .box_filtter .select,
    .box_filtter .btn {
        margin: 10px;
    }

    select.statuses_select {
        width: 80%;
        margin: 10px 0px 0px;
    }

    .top-bar select.statuses_select {
        width: 180px;
    }

    .invoice_sidebar {
        width: 100%;
    }

    .step {
        width: 180px;
    }

    .step::after {
        display: none;
    }


    .all_products .filter-row select,
    .all_products .filter-row .search-input,
    .all_products .btn {
        width: 45%;
    }

    .invoice_prev .invoice {
        flex: none;
        width: 100%;
        display: inline-block;
    }

    .invoice_prev {
        display: inline-block;
        width: 100%;

    }

    .category-section-header-left {
        min-width: 100% !important;

    }

    .stock-products-grid {
    grid-template-columns: 1fr !important;
}

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

}

    @media (max-width: 767.98px) {
           .stock_sec .products {
  grid-template-columns: repeat(2, 1fr);
}

.stock-products-grid {
    grid-template-columns: 1fr 1fr;
}
        .welcome {
            display: inline-block;
        }

        .viewbtn {
            margin-top: 0px;
            display: inline-block;
        }

        .all_products .filter-row .title {
            width: 100%;
            float: left;
        }

        .all_products .filter-row select,
        .all_products .filter-row .search-input,
        .all_products .btn {
            width: 100%;
        }

        .table {
            overflow-x: auto;
        }

        .table table {
            width: 800px;
        }

        .toggle {
            left: -25px;
        }

        .createDraftInvoice .input {
            margin-bottom: 0px;
        }

        .createDraftInvoice .mt {
            margin-top: 15px;
        }

        .create_inventory .grid {
            gap: 15px;
        }

        .editinvoice1 input {
            margin-bottom: 0px;
        }

        .step-content input {
            margin-bottom: 0px;
        }

        .form-grid {
            grid-template-columns: 1fr !important;
        }

        .sidebar.collapsed .menu .dropdown.open>.dropdown-menu a,
        .sidebar.collapsed .menu .dropdown.active>.dropdown-menu a {
            font-size: 12px;
        }

        .sidebar.collapsed .logo img.m-logo,
        .sidebar.collapsed .logo img.mobile {
            display: none;
        }

        .sidebar.collapsed .logo img.d-logo,
        .sidebar.collapsed .logo img.dasktop {
            display: block;
        }

        .all_products .products {
            grid-template-columns: repeat(2, 1fr) !important;
        }

        .sidebar {
            overflow-y: auto;
        }

        .top-bar select.statuses_select {
            width: 200px;
        }

        .back_btn {
            background: #0E2E5E;
            color: #fff;
            padding: 0px 25px;
            border-radius: 6px;
            border: none;
            height: 44px;
            font-size: 15px;
            line-height: 44px;
            text-decoration: none;
            position: relative;
            right: auto;
            top: auto;
            margin-bottom: 31px;
        }

        .box_filtter {
            padding: 15px;
            gap: 0px;
        }
        .custom-check {
    margin-top: 20px;
}
    }

    @media (max-width: 640px) {

        .products {
            grid-template-columns: 1fr;
        }

        .step {
            width: 150px;
        }

    }

    @media (max-width: 575.98px) {
        .search {
            display: none;
        }

        .box_filtter .select {
            width: 100%;
            margin: 0px;
            margin-bottom: 10px;
        }

        .create_inventory .row {
            display: inline-block;
        }

        .create_inventory input,
        .create_inventory select,
        .create_inventory textarea {
            margin-bottom: 0px;
        }

        .viewbtn {
            padding: 0px 15px;
            height: 40px;
            font-size: 14px;
            line-height: 40px;
        }

        .products {
            gap: 10px;
            padding: 15px;
        }

        .box_filtter .leftside,
        .box_filtter .rightside {
            display: block;
        }

        .drawer {
            right: -470px;
        }

        #category-search-input {
            Display: none;
        }

        .top-bar select.statuses_select {
            width: 45%;
        }

        .create_inventory .add-btn {
            margin-top: 15px;
        }

        .report_card .item-right {
            text-align: left;
        }

        .step {
            width: 110px;
        }

        .step-circle {
            width: 40px;
            height: 40px;
        }

        .step-title {
            font-size: 12px;
        }

    }

    @media (max-width: 479.98px) {
        .all_products .products {
            grid-template-columns: repeat(1, 1fr) !important;
        }

        .top-bar select.statuses_select {
            width: 40%;
        }

        .content .bottom-controls {
            display: inline-block !important;
        }

        .editinvoice4 .btn {
            width: 100%;
            margin-right: 0px;
        }

        .heading {
            display: inline-block;
            margin: 10px 0px 20px;
            width: 100%;
        }

        .cards_4box {
    grid-template-columns: 1fr;
}

    }

    @media (max-width: 420.98px) {

        .all_products .filter-row select,
        .all_products .filter-row .search-input,
        .all_products .btn {
            width: 100%;
        }

        .invoice_prev .payment {
            display: flow;
        }

        .invoice_prev .row {
            padding: 6px 20px;
        }

        .top-bar select {
            margin: 10px 0px;
            width: 100%;
        }

        .stock_sec .products {
            grid-template-columns: 1fr;
        }

        .top-bar select#dtLength {
            width: 70px;
        }

        .top-bar {
            font-size: 13px;
        }

        select.statuses_select {
            width: 40%;
            margin: 10px 0px 0px;
        }

        .top-bar select.statuses_select {
            width: 60%;
        }

        .logo {
            width: 100%;
        }

        .scanner-box {
            padding: 0px 10px;
        }

        .instructions {
            padding: 0px 30px;
        }

        .create_inventory .custom-check span:last-child {
            float: left !important;
            width: calc(100% - 30px) !important;
        }

        .create_inventory .footer {
            display: inline-block;
            width: 100% !important;
        }

        .create_inventory .save {
            margin-bottom: 15px;
        }

        .queue-modal {
            min-width: 320px !important;
        }

        .queue-modal textarea {
            height: 16px !important;
        }

        .createDraftInvoice {
            padding: 10px;
        }

        .create_inventory .blue {
            background: #EFF6FF;
            border-radius: 10px;
            padding: 10px;
            margin-top: 0;
            border: #BEDBFF 1px solid;
        }

        .create_inventory .save,
        .create_inventory .discard {
            width: 100% !important;
        }

        .step {
    width: 80px;
}
    }