@media screen and (min-width: 993px) and (max-width: 1199px){
    .employe-list-card .search-area{flex-direction: column;}
    .membership_payment_type{display:flex;flex-wrap: wrap;}
    .contact-dashboard .card-body .row > * .payment-card{margin-bottom: 0;}
}
@media (max-width: 992px){
    .invoice-top{align-items: unset;}
    .invoice-top .invo-id-date{display: block;}
    .invoice-top .half-paid{margin-bottom: 40px;}
    .invoice-top .unpaid{margin-bottom: 20px;}
    .invoice-card{
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .employe-list-box{height: auto;max-height: 500px;margin-bottom: 20px;}
    .membarship-mb .form-select{ width: 100% !important;}
    .input-set{width: 86%;}
    .login-form .login-logo { width: 35%; }
    .register-card { padding: 30px 30px; }
    .authentication-form{padding: 30px 30px;}
    .event-tab{padding-left: 0;padding-right: 0;flex-wrap: nowrap;overflow-x: auto;overflow: hidden;overflow-x: auto;}
    .event-tab .nav-item .nav-link{white-space: nowrap;}
    .event-notes .form-switch{display: flex;flex-wrap: nowrap;white-space: nowrap;}
    .event-notes{align-items: baseline;}
    #exportBtn, #importButton {padding: .45rem 0.5rem;}
    .inpo-expo-btn{font-size: 13px;}
    .impo-expo{width: 12px;height: 12px;}
    .employe-profile{padding-top: 20px;}
    .membership_payment_type{display:flex;flex-wrap: wrap;}
    .card.emp-main-card .card-body.emp-main-body{padding: 0;}
    .form-select{padding: .45rem 1.9rem .45rem .9rem;}
    .emp-filter:nth-child(2){flex: 0.45;}
    .emp-filter{flex: 1;}
    .ticket-label{white-space: unset;word-break: break-word;}
    .emp-filter.filter-event{flex: 0.3;}
    .list-group-item{padding: .75rem 0.75rem;}
}
@media all and (max-width: 768px){
    
}
@media all and (max-width: 580px){
    .display-flex{display: block;}
    .emp-filter{margin-bottom: 10px;}
    .inpo-expo-btn{float: left;flex-wrap: wrap;justify-content: center;}
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
        text-align: left;
        margin-bottom: 10px;
    }
    li.paginate_button.next, li.paginate_button.previous{font-size: .875rem;}
    .dataTables_paginate ul{display: flex;}
    li.paginate_button{display: block;}
    /* .page-title-box{display: flex;} */
    /* .page-title-box .page-title-right{padding-top: 0px;} */
    .contact-nav{padding-left: 0;padding-right: 0;flex-wrap: nowrap;overflow-x: auto;overflow: hidden;overflow-x: auto;}
    .contact-nav .nav-item .nav-link{white-space: nowrap;}
    .employee-contact{margin-top: 25px;padding: 15px;}
    .profile-edit .employee-contact:first-child{margin-top: 20px;}
    td.display-flex{display: flex;}
    .m-b10{margin-bottom: 10px;}
    .m-t20{margin-top: 20px;}
    .invoice-top{align-items: unset;}
    .invoice-top .invo-id-date{display: block;}
    .invoice-top .half-paid{margin-bottom: 40px;}
    .employe-list-box{height: auto; max-height: 500px;margin-bottom: 0px;}
    .membership-info-body li label{min-width: 50%;}
    .membership-info-body li p{white-space: break-spaces;word-break: break-word;}
    .membarship-mb{padding-left: 0px;}
    .membarship-mb .form-select{ width: 100% !important;}
    .contact-nav .nav-item{font-size: 13px;}
    .header-sets .inpo-expo-btn{justify-content: left;}
    .header-sets .btn{margin-top: 10px;}
    .input-set{width: 88%;}
    .contact-dashboard .transactions-section .row > :nth-last-child(2) { margin-bottom: 20px !important; }
    .contact-dashboard .invoices-section .row > :nth-last-child(2) { margin-bottom: 20px; }
    .start-end-date{margin-top: 10px;}
    .authentication-form { padding: 30px 30px;}
    .register-card{padding: 30px 30px;}
    .login-form .login-logo { width: 55%; }
    .m-cf-70{margin-left: 0px;}
    .ticket-label{float: left;}
    .payment-instructions{margin-top: 20px;}
    .event-notes{flex-wrap: wrap;}
    ul.list-ticket-info li label{max-width: 130px;}
    .registrants-dt-table{margin-top: 0;}
    ul.edit-details-info li label{max-width: 90px;}
    .cancellation label{display: block;}
    #exportBtn, #importButton {padding: .45rem 0.9rem;margin-left: auto;margin-right: auto;}
    .inpo-expo-btn{font-size: 14px;}
    .impo-expo{width: 16px;height: 16px;}
    .dsc-price{display: flex;}
    .membership-check input{margin-top: .25rem;}
    .search-area .dropdown-menu.show{inset: unset !important;top: 100% !important;right: 0% !important;}
    .employee-contact .employees-main-heading{font-size: 18px;left: 10px;}
    .form-check .form-select{width: 100% !important;margin-top: 10px;}
    .membarship-mb{padding-left: 0;}
    .employe-profile{padding-top: 20px;}
    .invoice-info-body li label{max-width: 50%;min-width: 50%;}
    .pay-sel-btn{float: unset; text-align: center;display: flex;flex-direction: column;}
    .content-page{padding: 0;}
    .table-btn{
        /* justify-content: left; */
    }
    .sub-tab .dt-responsive{padding-bottom: 0;}
    .membership-info-body li:last-child p{white-space: nowrap;}
    #addTicketTypeAndSettingsDiv{padding: 0;}
    ul.edit-details-info li label{max-width: 26%;min-width: 26%;}
    .col-tic-amt{width: 50%;}
    .tab-content{padding: 15px 15px 10px 15px;}
    .contact-dashboard .trans-id-date{flex-direction: column;gap: 5px;}
    .contact-dashboard .transaction-top{align-items: baseline;}
    .card.contact-dashboard{margin-bottom: 0;}
    .event-details.d-grid a{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
    .profile-nav{padding: 0;}
    .roles-card .tab-content{padding: 0;}
    .contact-admin .employee-contact-body{padding: 0px 20px 0px 20px;}
    .contact-edit-pro .employee-contact-body{padding: 0px 20px 0px 20px;}
    .contact-credit .employee-contact-body{padding: 0px 20px 0px 20px;}
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{text-align: left;}
    .contact-credit.contact-invoice .employee-contact-body .tab-content{padding: 20px 0 0 0;}
    .content-page .content{ margin-bottom: 0px; }
    /* .employe-list-card.card:last-child {margin-bottom: 10px;} */
    .roles-card .employee-contact{margin-top: 25px;}
}
@media screen and (min-width: 351px) and (max-width: 390px){
    .input-set { width: 85% !important;  } 
    .card-container{height: 270px;}
}
@media all and (max-width: 360px){
    .employee-contact .employees-main-heading{position: unset;margin-top: 0;font-size: 16px;}
}
@media all and (max-width: 280px){
    div.dataTables_wrapper div.dataTables_filter input{
        width: 75%;
    }
    .employee-contact .employees-main-heading{position: unset;margin-top: 0;font-size: 16px;}
    .invoice-info-body li{flex-direction: column;}
    .invoice-info-body li label{max-width: 100%;min-width: 100%;font-size: 13px;}
    .employee-contact.invoice-card .invoice-info-body li p{font-size: 12px;}
    .invoice-transetions .transetion-status{font-size: 13px;}
    #invoice-table_wrapper table tbody .btn{font-size: 13px;white-space: normal;}
    .half-paid, .paused{font-size: 13px;white-space: normal;}
    .employe-tab-content{padding-left: 10p;padding-right: 10px;}
    .header-sets{flex-wrap: wrap;}
    .col-tic-amt{width: 70%;}
}
@media all and (max-width: 1400px){
    .minmize_cls{
        height: 8% !important;
    }
    .search-area .input-group-text{
        padding: 0.15rem 0.4rem;
    }
    .search-area .form-control{
        padding: 0.25rem 0.4rem;
    }
    .employe-list-card .search-area .filter{
        padding: 0px 8px;
        font-size: 20px;
    }
    .employe-list h5{font-size: 13px;}
    .dsc-price{font-size: 13px;}
    .cal_dis_field:focus-visible {
        outline: 0;
    }
    .cal_dis_field {
        margin-left: -3px;
        padding: 0;
    }
    .cal_dis_field {
        border: 0px;
        font-weight: 700;
        color: #4b4b5a;
        pointer-events: none;
        user-select: none;
        /* width: 70%; */
    }
    .employe-box .form-check.display-flex{
        white-space: nowrap;
    }
    .w-33{width: 33%;}
    .employe-box .form-check.display-flex .edit_cal_discount_radio {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .employe-box .membership_discount_expiry_date {
        padding: 0.15rem 0.3rem;
    }
    .cal_dis_field{
        margin-left: -3px;
        padding: 0;
    }
    .employe-box .form-check span {
        width: 100%;
        max-width: 70px;
        min-width: 70px;
        font-size: 13px;
        white-space: break-spaces;
    }
    .cal_dis_field:focus-visible {
        outline: 0;
    }
    .custom-input{
        font-size: 12px;
    }
    .employe-list .avatar{
        width: 30px;
        height: 30px;
    }
    .label-col {
        flex: 0 0 170px;
    }
}