.product-mobile-more,
.product-mobile-details-row {
    display: none;
}

#products_table tr.product-row {
    background-color: #fff;
}

#products_table tr.product-row:nth-of-type(4n+1) {
    background-color: #f2fcff;
}

@media screen and (max-width: 1230px) {
.left_menu_bar ul li a {
    padding: 10px 30px;
}
.bottom_left {
    width: 45%;
    margin-right: 3%;
}
.bottom_right {
    width: 52%;
}
.left_menu_bar {
    width: 21%;
}
.right_content_bar {
    width: 79%;
    margin-left: 21%;
}
.right_btn ul li {
    margin-left: 20px;
}
.profit_box .price {
    font-size: 27px;
}
.create_list ul li a .fa {
    font-size: 30px !important;
}
.right_bar {
    width: 45%;
}
.customer_details_table tr span {
    width: 50%;
}
.customer_details_table th, .customer_details_table td {
    padding: 2px 10px;
}
}
@media (max-width: 1200px) {
    .hero-content {
        width: 350px;
        z-index: 1;
        margin: 10px 10px 40px;
        text-align: center;
    }
}
@media screen and (max-width: 1150px) {
    .grid-stats{
        grid-template-columns: repeat(1, 1fr);
    }
.customer_details_table tr span {
    width: 60%;
}
}
@media screen and (max-width: 1024px) {
    .warranty-status-card.not-active {
        height: auto;
    }

    .warranty-status-card .status-description {
        width: 400px;
        margin: 0 120px;
    }
.bottom_left {
    width: 100%;
    margin-right: 0;
}
.profit_box {
    text-align: center;
}
.widget.profit_wrap ul li {
    width: 40%;
    margin: 0% 5%;
}
.bottom_right {
    width: 100%;
}
.customer_details_table tr span {
    text-align: center;
}
.customer_details_table th, .customer_details_table td {
    padding: 2px 0px;
    text-align: center;
}
}
@media (max-width: 900px) {

    .header-customers,
    .hero {
        padding: 20px;
    }

    .hero {

        text-align: center;
    }

    .hero-content h1 {
        font-size: 38px;
    }

    .hero-image {
        margin-top: 20px;
    }


    .product-details-card .details-section {
        border-right: 1px solid #eee;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .warranty-status-card {
        flex-direction: column;


    }

    .warranty-status-card .status-indicator {
        padding: 20px;
    }

    .warranty-status-card .status-description {
        padding: 20px;
        text-align: center;
    }

    .warranty-status-card .activate-button {
        margin: 0 auto;
    }

    .warranty-status-card .card-image {
        width: 100%;
        right: 0;
        margin-top: 20px;
    }

    .warranty-status-card.activated .time-block {
        width: 80%;
        margin-bottom: 10px;
    }

    .warranty-status-card.activated .expires-date {
        justify-content: center;
    }


    .feature-item {
        margin-bottom: 30px;
    }

    .feature-item:last-child {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 850px){
.left_menu_bar ul li a {
    padding: 10px 20px;
}
.left_btn.p-details {
    width: 28%;
}
.right_bar {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.btn.remove {
    margin-top: 6px;
    float: left;
}
.pagination {
    margin: 40px 0 0;
}
.cal_input_wrap{
    width: 100%;
}
}
@media screen and (max-width: 768px){
    p.expires-label {
        background: aliceblue;
        padding: 5px;
        border-radius: 14px;
        margin-top: 10px;
        box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    }
    .features {
        flex-direction: column;
        padding: 20px;
    }

    .product-details-card {
        flex-direction: column;
        margin: -50px 20px 20px 20px;
        padding: 15px;
    }

    .product-details-card .details-section {
        border-right: none;
        border-bottom: 1px solid #eee;
    }

    .warranty-status-card .status-description {
        margin: 0 20px;
    }

    .warranty-status-card .status-text {
        font-size: 32px;
    }

    .warranty-status-card.activated p,
    .warranty-status-card.not-active p {
        font-size: 18px;
        /* font-weight: 700; */
    }

    .warranty-status-card .activate-button {
        font-size: 15px;
    }

    .hero-overlay {
        display: block;
    }

    .hero-content p {
        font-size: 16px;
        color: white;
    }

    .warranty-status-card.activated .time-remaining h3 {
        color: white;
        text-shadow: #000000 1px 1px 0, 4px 2px 4px rgba(0, 0, 0, 0.29);
    }

    .warranty-status-card.activated .expires-date {
        color: green;
        font-size: 18px;
        background: #e7dede;
        border: 1px solid #b5b5b5;
        border-radius: 0 20px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    .left_menu_bar {
        
        position: fixed;
        height: 100%;
        left: 0;
        z-index: 99999;
        width: 0;
        overflow: auto;

    }
    .menu-close .left_menu_bar{
        width: 100%;

    }
    .left_menu_bar .menu_icon{
        display: block;
    }
    .right_content_bar {
        width: 100%;
        margin-left: 0;
    }

    #products_table {
        table-layout: fixed;
    }

    #products_table th:nth-child(3),
    #products_table th:nth-child(4),
    #products_table th:nth-child(5),
    #products_table th:nth-child(6),
    #products_table th:nth-child(7),
    #products_table .product-row td:nth-child(3),
    #products_table .product-row td:nth-child(4),
    #products_table .product-row td:nth-child(5),
    #products_table .product-row td:nth-child(6),
    #products_table .product-row td:nth-child(7) {
        display: none;
    }

    #products_table th,
    #products_table td {
        font-size: 12px;
        line-height: 18px;
        padding: 7px 5px !important;
        word-break: break-word;
        vertical-align: middle;
    }

    #products_table th:nth-child(1),
    #products_table .product-row td:nth-child(1) {
        width: 34px;
        text-align: center;
    }

    #products_table th:nth-child(2),
    #products_table .product-row td:nth-child(2) {
        width: 30%;
    }

    #products_table th:nth-child(8),
    #products_table .product-row td:nth-child(8) {
        width: 18%;
    }

    #products_table th:nth-child(9),
    #products_table .product-row td:nth-child(9) {
        width: 19%;
    }

    #products_table th:nth-child(10),
    #products_table .product-row td:nth-child(10) {
        width: 25%;
    }

    #products_table .p_name {
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 2px;
    }

    #products_table small {
        display: block;
        font-size: 11px;
        line-height: 15px;
    }

    #products_table .action_cell > div {
        gap: 8px !important;
        justify-content: center;
        flex-wrap: wrap;
    }

    #products_table .action_cell a {
        font-size: 16px !important;
        line-height: 1;
    }

    .product-mobile-more {
        display: inline-block;
        width: 66px;
        margin-top: 6px;
        padding: 5px 8px;
        border: 1px solid #0b9eca;
        border-radius: 4px;
        background: #fff;
        color: #0a7c9e;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer;
    }

    .product-mobile-more[aria-expanded="true"] {
        background: #0b9eca;
        color: #fff;
    }

    #products_table .product-mobile-details-row {
        display: none;
    }

    #products_table .product-mobile-details-row.is-open {
        display: table-row;
    }

    #products_table .product-mobile-details-row td {
        padding: 0 !important;
        background: #f2fcff;
        border-top: 0;
    }

    .product-mobile-details {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        padding: 0;
        border: 0;
        background: #f2fcff;
    }

    .product-mobile-details div {
        min-width: 0;
        min-height: 54px;
        padding: 8px 10px;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        text-align: center;
    }

    .product-mobile-details div:nth-child(even) {
        border-right: 0;
    }

    .product-mobile-details div:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        border-right: 0;
        border-bottom: 0;
    }

    .product-mobile-details div:nth-last-child(2):nth-child(odd),
    .product-mobile-details div:nth-last-child(1):nth-child(even) {
        border-bottom: 0;
    }

    .product-mobile-details span,
    .product-mobile-details strong {
        display: block;
        width: auto !important;
        float: none !important;
        text-align: center;
    }

    .product-mobile-details span {
        margin-bottom: 4px;
        color: #0a7c9e;
        font-size: 11px;
        font-weight: 700;
        line-height: 14px;
    }

    .product-mobile-details strong {
        color: #111;
        font-size: 13px;
        line-height: 18px;
        font-weight: 700;
        word-break: break-word;
    }
}
@media screen and (max-width: 610px){
    .product_popup {
        padding: 12px;
        box-sizing: border-box;
    }

    .product_popup .small_popup.pop.guide {
        width: auto !important;
        max-width: none;
        left: 12px;
        right: 12px;
        top: 42px;
        margin-left: 0 !important;
        margin-bottom: 20px;
        padding: 0;
        border-top: 6px solid #0b9eca;
        box-sizing: border-box;
        max-height: calc(100vh - 64px);
        overflow-y: auto;
        overflow-x: hidden;
        
    }
    .add-p{
        height: 820px;
    }
    .p-name{
        height: 280px;
    }

    .product_popup .popup_content {
        padding: 24px 14px 16px;
        box-sizing: border-box;
    }

    .product_popup .close_button.close-popup {
        position: absolute;
        top: 10px;
        right: 12px;
        z-index: 2;
        color: #0000ff;
        font-size: 18px;
        line-height: 1;
        margin: 0;
        padding: 0;
        background: transparent;
    }

    #add-product-form {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    #add-product-form .popup_title h2 {
        margin: 6px 0 20px !important;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0;
    }

    #add-product-form .form_grid_2 {
        grid-template-columns: 1fr;
        gap: 0;
    }

    #add-product-form .field_row {
        margin-bottom: 14px;
    }

    #add-product-form .form_label {
        margin-bottom: 6px;
        color: #334155;
        font-size: 13px;
        line-height: 18px;
    }

    #add-product-form .input_box.product,
    #add-product-form select.input_box.product,
    #add-product-form input.input_box.product,
    #add-product-form .select2-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    #add-product-form .input_box.product,
    #add-product-form .select2-container .select2-selection--single {
        height: 42px !important;
        border-color: #d6dce1 !important;
        border-radius: 4px !important;
    }

    #add-product-form .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px;
        padding-left: 12px;
        padding-right: 30px;
    }

    #custom_size_fields {
        margin-top: 0 !important;
        margin-bottom: 14px !important;
    }

    #custom_size_fields > div {
        gap: 8px !important;
    }

    #add-product-form .submit_button_wrap {
        margin-top: 18px !important;
    }

    #add-product-form .btn.aud_submit.adproduct {
        height: 44px !important;
        border-radius: 4px !important;
        font-size: 15px !important;
    }

    .small_popup.pop.guide.active_wr {
        width: 80% !important;
        margin-left: -220px;
    }
    .glass-card{
        min-width: 80%;
    }
    .grid-stats {
        grid-template-columns: repeat(3, 1fr);
    }
    .header-customers .logo img {
        height: 40px;
    }

    .header-customers .website-link {
        font-size: 12px;
    }

    .hero-content h1 {
        font-size: 30px;
    }

    .hero-content p {
        font-size: 16px;
    }

    .product-details-card p {
        font-size: 14px;
    }


    .warranty-status-card .status-text {
        font-size: 32px;
    }

    .warranty-status-card .activate-button {
        font-size: 16px;
        padding: 12px 20px;
    }

    /* .warranty-status-card.activated .expires-date {
        font-size: 18px;
    } */

    .feature-item h3 {
        font-size: 16px;
    }

    .feature-item p {
        font-size: 12px;
    }

    .footer-customers {
        font-size: 12px;
        padding: 15px;
    }
.widget.profit_wrap ul li {
    width: 50%;
    margin: 0%;
}
.pop {
    width: auto;
    left: 50%;
    /* margin-left: 0; */
}
.small_popup.pop.guide.p-name {
    margin-left: -22%;
}
#close_button {
    left: 91%;
    top: 0px;
}
.popup_content_wrap {
    padding: 0 30px;
}
.customer_details_table th, .customer_details_table td {
    width: 10%;
}
}
@media screen and (max-width: 520px) {
    .manual_search{
        margin-right: 0;
    }
    .left_btn.p-details {
        width: 32%;
    }
    #open-scanner-btn{
        margin-left: 0;
    }
    input.search_box.product_details{
        min-width: 100px !important;
        max-width: 130px;
    }
}
@media screen and (max-width: 500px) {
    .small_popup.pop.guide.active_wr {
        margin-left: -190px;
    }
    .small_popup.pop.guide.p-name {
        margin-left: -31%;
    }
.login_wrap {
    width: 90%;
	padding: 12px 30px 25px;
    left: 5%;
    margin-left: 0;
}
.input_wrap {
    padding: 18px 40px;
}
input.input_box {
    float: left;
}
.create_list {
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.customer_related_link {
    width: 82%;
}
.top_right {
    float: right;
    width: auto;
}
.top_right ul li {
    margin-left: 0;
    margin-right: 0px;
}
.top_profile_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top_left {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 0;
    padding-right: 10px;
    line-height: 28px;
}
.top_right {
    flex: 0 0 auto;
}
.top_right ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.top_right ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 0;
}
.top_right ul li a.userimg{
    width: auto;
    min-width: 30px;
    padding: 5px 0;
    text-indent: 0;
}
.top_right .header-user-name {
    display: none;
}
.top_right ul li img{
    display: block;
    margin-right: 0px;
}
.top_right ul li .topSubMenu {
    right: 0;
}
.right_btn {
    width: 100%;
}
.right_btn ul li {
    margin-left: 0;
    margin-right: 25px;
}
#close_button {
    width: 7%;
}
.pform .input_button {
    width: 100%;
}
.customer_details_table th, .customer_details_table td {
    width: 18%;
}
.footer_left,
.footer_right{
    float: left;
    width: 100%;
    text-align: center;
}
}
@media (max-width: 490px) {
    .logo {
        width: 50%;
    }
    .warranty-status-card.activated{
        height: 640px;
    }
    .warranty-status-card .status-description {
        width: 350px;
        margin: 0 auto;
    }

    .product-details-card {
        margin: -15px 20px 20px 20px;
    }

    .warranty-status-card.activated .time-block {
        padding: 12px;
        font-size: 12px;
    }
}
@media screen and (max-width: 450px){
    .header-customers .website-link {
        font-size: 11px;
    }
.customer_details_table th, .customer_details_table td {
    width: 14%;
}
.bottom_content {
    padding: 20px 12px 100px;
}
}
@media screen and (max-width: 400px){
    .small_popup.pop.guide.active_wr {
        margin-left: -155px;
    }
    .left_btn{
        width: 60%;
    }
    .left_btn.p-details {
        width: 38%;
    }
input.input_box {
    width: 88%;
}
.login_wrap {
    padding: 12px 20px 25px;
}
.btn.login_btn {
    padding: 14px 0;
}
.input_wrap {
    padding: 16px 28px;
	margin-bottom: 10px;
}
.input_wrap .fa {
    font-size: 18px;
    line-height: 16px;
}
.widget.profit_wrap ul li {
    width: 100%;
	border:0;
}
.popup_content_wrap {
    padding: 0 12px;
}
#close_button {
    width: 8%;
    left: 88%;
}
.right_bar .search_box {
    width: 72%;
}
.customer_details_table .arrow {
    width: 100%;

}
.invoice_no_wrap.customer_info ul li {
    width: 40%;
}
}
@media (max-width: 370px) {
    
    .warranty-status-card .status-description {
        padding: 20px 0;
    }

    .warranty-status-card p {
        font-size: 11px;
    }

    .warranty-status-card .activate-button {
        font-size: 12px;
        padding: 12px;
    }
}
@media screen and (max-width: 330px){
    input.search_box.product_details {
        min-width: 80px !important;
        max-width: 100px;
    }
input.input_box {
    width: 85%;
}
.invoice_no_wrap.customer_info ul li {
    width: 40%;
}

}