@media screen and (max-width: 1025px) {

    /* Table Responsive */
    #responsiveTable tbody { display: flex; flex-wrap: wrap; gap: 10px; height: 100%; }
    #responsiveTable tr { height: 100%; display: block; width: 49%; margin-bottom: 15px; border-radius: 8px; overflow: hidden; box-shadow: 0px 1.13px 2.25px 0px #0000000d; }
    #responsiveTable td { height: 100%; display: block; padding: 12px 15px; text-align: left; border-radius: 0 !important; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-top: none; border-bottom: none; }
    #responsiveTable td::before { content: attr(data-label); font-weight: bold; margin-right: 15px; text-align: left; color: #555; display: inline-block; width: max-content; }
    #responsiveTable tr td:first-child { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; border-bottom-left-radius: 0 !important; }
    #responsiveTable tr td:last-child { border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; border-top-right-radius: 0 !important; }

    /* newsletter */
  #newsletters-table tbody { display: flex; flex-wrap: wrap; gap: 10px; height: 100%; }
  #newsletters-table tr { height: 100%; display: block; width: 49%; margin-bottom: 15px; border-radius: 8px; overflow: hidden; box-shadow: 0px 1.13px 2.25px 0px #0000000d; }
  #newsletters-table td { height: 100%; display: block; padding: 12px 15px; text-align: left; border-radius: 0 !important; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-top: none; border-bottom: none; }
  #newsletters-table td::before { content: attr(data-label); font-weight: bold; margin-right: 15px; text-align: left; color: #555; display: inline-block; width: max-content; }
  #newsletters-table tr td:first-child { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; border-bottom-left-radius: 0 !important; }
  #newsletters-table tr td:last-child { border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; border-top-right-radius: 0 !important; }

   .dataTables_info, .dataTables_paginate { text-align: center !important; float: none !important; }
    #responsiveTable td[data-label="EMAIL ADDRESS"] {  display: flex;  flex-direction: column;}
    #newsletters-table td[data-label="EMAIL ADDRESS"] {  display: flex;    flex-direction: column;}
}


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

@media (max-width: 1680px) {
    .customer-calender #calendar .width-1-slot { width: 149px;}
}

@media (max-width: 1520px) {
    .customer-calender #calendar .width-1-slot { width: 144px;}

    #responsiveTable td {  padding: 13px;}
    #newsletters-table td {   padding: 13px;}
    .status::after {  top: 63px; left: 4px;}
    #past-bookings-tbody .status::after { top: 49px; left: 4px;}
    #responsiveTable td {font-size: 14px;}
    #newsletters-table td { font-size: 14px;}

}

@media (max-width: 1440px) {
    .width-1-slot { width: 142px;}
    .reservation>h4 {  margin: 20px 0 0 10px;}
    .reservation>ul {  margin: 0px 0 20px 10px;}
    .customer-calender #calendar tr>td:first-child {  padding: 5px 20px 5px 0;}
    .customer-calender #calendar .width-1-slot {width: 145px;}
    #responsiveTable td {padding: 10px;}
    #newsletters-table td { padding: 10px;}
    .status::after { top: 63px;  left: 0px;}
    #past-bookings-tbody .status::after {  top: 47px; left: -2px;}
    .profile-images { height: 160px;  width: 160px;   object-fit: cover; border-radius: 10px;}
}

@media(max-width:1366px) {
    .cart-section .padding-block {  padding-block: 9em;}
    .service-subcategory {   gap: 11px;}
    /* #responsiveTable td { padding: 15px;} */
    .business-home-sec .fs-24 { font-size: 18px;}
    .business-home-sec .fs-14 {  font-size: 13px;}
    #responsiveTable td {  padding: 9px;}
    #newsletters-table td {  padding: 9px;}
    .status::after { top: 56px;    left: -3px;}
    #past-bookings-tbody .status::after {  top: 42px;   left: -6px;}
    .wallet-history-table td { padding: 11px;}
    .purple-btn { padding: 8px 5px;}
}

@media(max-width:1280px) {
    .status::after {
        top: 24px;
        left: 121px;
    }

    #responsiveTable td {
        padding: 14px;
    }
     #newsletters-table td {
        padding: 14px;
    }
    #past-bookings-tbody .status::after {
        top: 21px;
        left: 119px;
    }

    #responsiveTable td {
        padding: 9px 24px;
    }
     #newsletters-table td {
        padding: 9px 24px;
    }

    .card.white-box.friends-cards img.customer_profile {
        width: 198px;
        height: 170px;
        border-radius: 50%;
        object-fit: cover;
    }

    .blue-button {
        padding: 10px 55px;
    }
}

@media(max-width:1025px) {
    td.w-400px {
        width: 100%;
    }
}

@media(max-width:991px) {

    .fixed-web-header {
        width: 100vw;
    }

    /* Sidebar header adjustments for mobile */
    body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header.admin-sidebar-changes,
    body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header.admin-sidebar-changes {
        margin-left: 1px !important;
    }

    body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header.admin-sidebar-changes,
    body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header.admin-sidebar-changes {
        margin-left: 1px !important;
    }

    body .admin-padding #kt_app_main {
        margin-inline: 2em;
        margin-top: 2em;
    }

    [data-kt-app-sidebar-fixed=true] .app-wrapper.admin-padding {
        margin-left: unset;
    }

    div#kt_app_sidebar_mobile_toggle {
        background: #FFF;
        color: #FFF;
        z-index: 999;
        margin-left: 6em;
    }

    body:has(#kt_app_sidebar_mobile_toggle) ul.header-icon {
        margin-left: 4em;
    }

    div#kt_app_sidebar_mobile_toggle.active {
        margin-left: 14.3em;
        background-color: #ffffff;
        color: #FFF;
    }

    div#kt_app_sidebar_mobile_toggle.active menu.menu-column {
        margin-top: 3em;
    }

    .padding-block {
        padding-top: 11em;
        padding-bottom: 2em;
    }

    .navbar-header {
        position: absolute;
        right: 40px;
        top: 50px;
        background-color: rgb(255, 255, 255);
        padding: 20px;
        border-radius: 10px;
        z-index: 1;
        border: 1px solid lightgrey;
        display: flex;

    }

    #responsiveTable td::before {

        margin-right: 11px;

    }

    #responsiveTable td::before {

        font-size: 11px;

    }
    /* new */
    #newsletters-table td::before {

        margin-right: 11px;

    }

    #newsletters-table td::before {

        font-size: 11px;

    }
    .service-availibility-calendar .modal-body {
    padding: 14px 7px;
}

div#weekDaysContainer {
    border-radius: 8px;
    border: 1.127px solid #F0F0F0;
    background: #FFF;
    padding: 14px 0px;
}



}

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

@media(max-width:767px) {
      .padding-block {
        padding-top: 11em;
        padding-bottom: 2em;
    }

    .profile-images {
        height: 160px;
        width: 200px;
    }

    #responsiveTable tr {
        height: 100%;
        display: block;
        width: 100%;
        margin-bottom: 15px;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0px 1.13px 2.25px 0px #0000000d;
    }
    /* new */
       #newsletters-table tr {
        height: 100%;
        display: block;
        width: 100%;
        margin-bottom: 15px;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0px 1.13px 2.25px 0px #0000000d;
    }

    .add-btn {
        padding: 9px 18px;
        font-size: 13px;
    }

    .search_box .search_input,
    .date_picker {
        min-width: 315px;
    }
    h4 {
    font-size: 25px;
    font-weight: 600;
}
}

@media(max-width:600px) {
    .chart-container-booking {
        position: relative;
        width: 159px;
        height: 312px;
    }

    .padding-block {
        padding-top: 14em;
        padding-bottom: 2em;
    }

    .customer-calender .fc-col-header-cell {

        padding: 4px;

    }

    #responsiveTable tr {
        display: block;
        width: 100%;
    }
  #newsletters-table tr {
        display: block;
        width: 100%;
    }
    .servicesTableBody p {
        width: unset;
    }
.crop-uploaded-images .btn-div {
    position: absolute;
    left: 12em;
    width: 200px;
}
.modal.card-details .modal-content {
    margin-inline: 1rem;
}

}


@media(max-width:480px) {

    .date-picker-container .w-200px {
        width: 350px;
    }

    .customer-calender .fc-col-header-cell {
        padding: 0px;
    }

    .profile-images {
        height: 140px;
        width: 140px;
    }


    h5 {
        font-size: 23px;
    }

.service-title {
    font-size: 26px;

}

h4 {
    font-size: 29px;
    font-weight: 600;
}

.crop-uploaded-images .btn-div {
    position: absolute;
    left: 11em;
    width: 220px;
}
    .crop-uploaded-images .btn-div {
        position: absolute;
        left: 11em;
        width: 171px;
    }
}

@media(max-width:414px){
       .service-search .search_box .search_input, .date_picker {
        min-width: 329px;
    }

    .service-title {
        font-size: 26px;

    }

    h4 {
        font-size: 29px;
        font-weight: 600;
    }

    .family-tabs h4 {
        font-size: 32px;
    }

    .frst-footer-sec .fs-15 {
        font-size: 13px;
    }

    .notification-bg .card-header.profile-img img {
        margin-top: 1em;
        margin-block: 0em;
    }

    h6 {
        font-size: 20px;
        font-weight: 500;
    }

        .padding-block {
        padding-top: 15em;
        padding-bottom: 2em;
    }
    .crop-uploaded-images .btn-div {
        position: absolute;
        left: 10em;
        width: 164px;
    }
}

@media(max-width:375px) {


    .business-booking-table .date_picker .date-picker-container .down-arrow {
        position: absolute;
        left: 306px;
    }

    .date_picker .date-picker-container .down-arrow {
        position: absolute;
        left: 261px;
    }

}

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