/*@media (resolution: 1.10dppx) {
    .listWidth-33 .home_charges_items {
    width: 50%;
}
  .amenities_items {
    width:50%;
}
}*/
@media (resolution: 1.25dppx) {

  /*    .listWidth-33 .home_charges_items {
    width: 50%;
}
  .amenities_items {
    width:50%;
}*/
  .formBlock {
    margin-top: 35px;
  }

  .login_right_content img {
    width: 653px;
    height: 635px;
  }

  .login_right_content {
    padding: 0px 0;
  }

  .tab_navbar_track .nav-link {
    padding: 6px 20px;
    font-size: 16px;
  }

  .login_pages_block {
    padding: 50px 0 0;
  }
}

@media (resolution: 1.5dppx) {

  .form-label,
  .form-lable,
  label {
    margin-bottom: 0.2rem !important;
    font-size: 12px;
  }
}

@media (min-width: 1200px) {
  .reportBox .col-xl-2 {
    width: 33.333%;
    margin-bottom: 15px;
  }
}

@media (min-width: 1340px) {
  .paymentTranTable {
    width: 60%;
  }

  .paymentTranTable.full_width {
    width: 100% !important;
  }
}

@media (max-width: 1400px) {
  .room-about-info {
    grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
  }

  .card-info p {
    font-size: 13px;
  }

  .total-amount {
    font-size: 18px;
  }

  .with-dw-btn {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }

  .with-dw-btn .side-right {
    align-self: end;
  }

  .extra-status-row .col-md-3.billColExtra {
    width: 100% !important;
  }

  .extra-status-row .col-md-3.billCol {
    width: 33% !important;
  }

  .mtAutoXXl {
    margin-top: auto;
    margin-bottom: 30px;
  }

  /* .ceartBtn {
        position: absolute;
        right: 0;
        top: 0;
        margin-right: 0;

    } */

  .create_order {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }

  .main_content {
    padding: calc(90px + 46px) 42px 30px;
  }

  .activities_table_data tbody tr td:nth-child(3) {
    max-width: 230px;
    min-width: 230px;
    white-space: break-spaces;
  }

  .activities_table_data tbody tr td:nth-child(2) {
    max-width: 190px;
    min-width: 190px;
    white-space: break-spaces;
  }
}

@media (max-width: 1300px) {
  .tab_selectBox {
    display: block;
  }

  .side-menu-icon {
    display: flex;
    justify-content: end;
    margin-left: auto;
  }

  .tab_navbar_custom {
    position: fixed;
    flex-direction: column;
    height: 100vh;
    left: -100%;
    z-index: 9999;
    top: 0;
    border-radius: 0;
    width: 300px;
    gap: 15px;
    padding-top: 20px;
    transition: left 0.3s linear;
    background-color: #0f1943;
  }

  .tab_navbar_custom.active {
    left: 0;
  }

  .tab_navbar_track.tab_navbar_custom .nav-link {
    padding: 0 8px 0 16px;
    font-size: 16px;
    width: 100%;
    text-align: left;
    color: #fff;
  }

  .tab_navbar_track.tab_navbar_custom .nav-link.active {
    background: transparent;
    color: #ff4954;
    font-size: 16px;
    font-weight: 600;
    padding: 0 8px 0 16px !important;
  }
}

@media (min-width: 1400px) {
  .reportBox .col-xl-2 {
    flex: 0 0 auto;
    width: 20%;
  }
}

@media (min-width: 1500px) and (max-width: 1600px) {
  .tab_navbar_track .nav-link {
    padding: 6px 16px;
    font-size: 17px;
  }
}

@media (min-width: 1400px) and (max-width: 1500px) {
  .payment_box {
    padding: 16px;
  }

  .payment_des {
    font-size: 13px;
  }

  .tab_navbar_track .nav-link {
    padding: 6px 12px;
    font-size: 16px;
  }

  .extra-status-row .col-md-3.billColExtra {
    width: 100% !important;
  }

  .extra-status-row .col-md-3.billCol {
    width: 33% !important;
  }

  .mtAutoXXl {
    margin-top: auto;
    margin-bottom: 30px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {

  .payment_listing li {
    width: calc(25% - 20px);
  }




  tbody tr td {
    padding: 14px 6px 11px !important;
  }

  .right-search {
    flex: 0 0 126px;
  }

  .billColExtra .form-control {
    padding: 15px 30px 15px 13px;
    font-size: 14px;
  }

  .billColExtra .search_icon {
    right: 7px;
  }

  .home_charges_items {
    /* width: 33.33%; */
  }

  .mySwiper_thumbs .swiper-slide img {
    min-height: 74px !important;
    max-height: 74px !important;
  }

  .account-menu .rent_status {
    padding: 14px 12px;
    gap: 14px;
  }

  .account-menu .r-status-title {
    font-size: 14px;
  }

  .account-menu .r-sub-title {
    font-size: 19px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .account-menu .rent_status.unpaid-rent .r-status-icon {
    height: 48px;
    width: 48px;
  }

  .account-menu .rent_status.unpaid-rent .r-status-icon svg {
    height: 30px;
  }

  /* .add-row-block.add-accountsBlock .table-responsive {
    overflow-x: scroll !important;
  } */
  /* .add-accountsBlock table-responsive {
    overflow-x: scroll !important;
  } */
  .tab_navbar_track .nav-link.active {
    padding: 6px 20px;
    font-size: 14px;
  }

  .tab_navbar_track .nav-link {
    padding: 6px 10px;
    font-size: 14px;
  }

  .make-payment-info li {
    width: calc(50% - 13px);
  }

  .make-payment-info {
    gap: 25px;
  }

  .box-padding {
    padding: 20px 22px 30px;
  }

  .credit-imgBox {
    margin: 35px auto 14px;
  }

  .chart-custom-row .col-md-4 {
    width: 215px;
  }

  .col-md-3.billCol {
    width: 31%;
  }

  .col-md-3.billColExtra {
    width: 62%;
  }

  .account-menu .rent_status {
    padding: 12px 12px;
    gap: 14px;
    border-radius: 10px;
  }

  .account-menu .r-status-title {
    font-size: 13px;
  }

  .account-menu .r-sub-title {
    font-size: 17px;
  }

  .account-menu .r-status-icon {
    height: 34px;
    width: 34px;
  }

  .grow_card {
    padding: 14px;
  }

  .information_velue {
    font-size: 12px;
  }

  .total_text {
    font-size: 12px;
    font-weight: 500;
  }

  .total_velue {
    font-size: 15px;
  }

  .active-label::before {
    left: 7px;
  }

  .header-active-title {
    font-size: 16px;
  }

  .header-active-des {
    font-size: 14px;
  }

  .headpageTitle {
    padding-left: 30px;
  }

  .active-label {
    padding: 4px 18px;
    font-size: 12px;
    margin-right: 5px;
  }

  .nav_right_notification .dropdown button {
    margin-left: 10px;
  }

  .overview_label {
    font-size: 15px;
    margin-bottom: 12px;
  }

  .overview_status {
    gap: 16px;
  }

  /* 20-10-23 */
  /*li.amenities_items {
    width: 25%;
}*/
  /*.amenities_content {
    gap: 15px 0;
}*/
  .property_house figure img {
    min-height: 135px;
    max-height: 135px;
  }

  .property_tital {
    font-size: 16px;
    font-weight: 700;
  }

  .propery_price_track {
    font-size: 14px;
    border-radius: 4px;
  }

  .property_blockCharges {
    gap: 32px 17px;
  }

  .property_track_title {
    font-size: 10px;
    min-width: 95px;
    max-width: 95px;
  }

  .property_track_sub {
    font-size: 14px;
    padding: 1px 0 8px;
  }

  /* 20-10-23 */

  /* property-details start */
  .payment_method_block {
    padding: 20px 13px;
  }

  .payment_method_track .dastbord_title {
    font-size: 15px;
  }

  .payment_method_title {
    font-size: 15px;
  }

  .late_des {
    padding-left: 20px !important;
  }

  /* property-details end */

  /* 9-10-23 */
  .view_product .swiper-slide img {
    min-height: 260px;
    max-height: 260px;
  }

  .view_product .swiper-slide {
    min-height: 260px;
    max-height: 260px;
  }

  .mySwiper_thumbs .swiper-slide img {
    min-height: 64px !important;
    max-height: 64px !important;
  }

  /* 9-10-23 */
}

@media (min-width: 1200px) and (max-width: 1440px) {
  .col-lgFix {
    width: 33.33333333%;
}
  .block-border {
    padding: 20px 25px 25px;
  }

  .formBlock {
    margin-top: 35px;
  }

  .login_pages_block {
    position: relative;
    padding: 20px 0;
  }

  .login_right_content img {
    width: 510px;
    max-height: 508px;
  }

  .select_remendor_Block .form-group.custom_checkbox {
    margin-bottom: 5px;
  }

  .loginform {
    margin-top: 20px;
  }

  .Telant_login_title {
    padding-bottom: 20px;
  }

  /* product_page */
  .home_charges_items {
    width: 33%;
  }

  .mySwiper_thumbs .swiper-slide img {
    min-height: 84px !important;
    max-height: 84px !important;
  }

  .video_icon {
    top: 40%;
  }

  /* product_page */
  .Question_option ul {
    column-gap: 20px;
  }

  .ticket_dltType {
    font-size: 15px;
    flex: 0 0 129px;
  }

  .vendorProfileTab.nav-tabs .nav-link {
    font-size: 15px;
  }

  .students-score-icon {
    width: 35px;
    height: 35px;
  }

  .students-score {
    font-size: 24px;
  }

  .students-score-about {
    font-size: 13px;
    font-weight: 500;
  }
}

@media (min-width: 1199px) and (max-width: 1399px) {

  .payment_box {
    padding: 15px;
  }

  .payment_value {
    gap: 10px;
    margin-bottom: 10px;
  }

  .payment_icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    margin-bottom: 0;
  }

  .payment_listing {
    justify-content: flex-start;
  }

  /*    .listWidth-33 .home_charges_items {
    width: 50%;
}
  .amenities_items {
    width:50%;
}*/
  /* 27-09-23 */
  .user_part {
    max-width: 200px;
    min-width: 200px;
  }

  /* 27-09-23 */
  .item__wrapper {
    width: calc(20% - 20px);
  }

  .review__img {
    width: 100%;
  }

  .remove__img {
    right: -10px;
  }

  .image_box {
    padding: 0;
    justify-content: flex-start;
  }

  /* Dashboard */
  .Property_price {
    padding: 20px 10px;
  }

  .Property_price .dastbord_title {
    padding-bottom: 30px;
  }

  .overdue_block {
    padding: 1px 10px 4px;
  }

  .Property_price .user_part {
    width: 36%;
  }

  .user_name {
    font-size: 14px;
  }

  .Property_price .btn-primary {
    padding: 12px 10px;
    margin-top: 35px;
  }

  .payment_listing li {
    width: calc(34% - 20px);
  }

  /* Dashboard */

  /* .table-responsive tr td,
    .table-responsive tr th {
        white-space: nowrap;
    } */

  .filterCategoryLabel {
    justify-content: left;
    font-size: 18px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .ceartBtn {
    padding: 10px 18px;
    margin-right: 2px;
  }

  .create_order {
    gap: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .payment_value {
    margin-bottom: 15px;
    gap: 10px;
  }

  .payment_des {
    font-size: 13px;
  }

  .filter_btn_block .btn-primary,
  .filter_btn_block .btn-primary-border {
    padding: 13px 20px !important;
  }

  .chart-custom-row .col-md-4 {
    width: 180px;
  }

  .col-md-3.billCol {
    width: 50%;
  }

  .col-md-3.billColExtra {
    width: 50%;
  }

  .billCol label {
    font-size: 14px;
  }

  .header-active {
    display: none;
  }

  .header-active.header-active-mobile {
    display: block;
  }

  .active-label::before {
    left: 7px;
  }

  .header-active-title {
    font-size: 16px;
  }

  .header-active-des {
    font-size: 14px;
  }

  .headpageTitle {
    padding-left: 30px;
  }

  .active-label {
    padding: 4px 18px;
    font-size: 12px;
    margin-right: 5px;
  }

  .nav_right_notification .dropdown button {
    margin-left: 10px;
  }

  /* 20-10-23 */
  .amenities_items {
    /*    width: 33.33%;*/
  }

  .loacation_name {
    font-size: 15px;
  }

  .km {
    font-size: 15px;
  }

  /*.amenities_content {
    gap: 15px 0;
}*/
  .property_tital {
    font-size: 14px;
  }

  .map_block iframe {
    height: 300px;
  }

  /* 20-10-23 */

  /* ============= managment-fee-setting ================ */

  .managment_title {
    font-size: 15px;
  }

  .form-switch .form-check-label {
    font-size: 14px;
  }

  .managment-fee-setting-block {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .form_check_group .form-check-label {
    font-size: 15px;
  }

  .managment_type {
    font-size: 14px;
  }

  .more_btn {
    padding-top: 20px;
  }

  .tickets_block {
    padding: 20px 20px;
  }

  /* property-details start */
  .delivery_method_table th {
    padding: 16px 30px 16px 16px !important;
  }

  .delivery_method_table td {
    padding-left: 16px !important;
    padding-right: 30px !important;
  }

  .prepeyment_track {
    width: 100%;
  }

  .note {
    font-size: 11px;
  }

  .payment_method_track .dastbord_title {
    font-size: 14px;
  }

  .payment_method_title {
    font-size: 18px;
  }

  /* property-details end */

  /* 9-10-23 */
  .team_members_block .user_details {
    padding-left: 10px;
  }

  .team_members_block .user_part img {
    min-height: 35px;
  }

  .team_members_block .user_part {
    padding: 10px;
  }

  .team_members_block .user_name {
    font-size: 16px;
  }

  .team_members_block .user_apartments {
    font-size: 12px;
  }

  .home_charges_items {
    width: 33%;
  }

  /* 9-10-23 */

  /* 27-09-23 */
  .user_part {
    max-width: 200px;
    min-width: 200px;
  }

  /* 27-09-23 */
  .image_box {
    padding: 0;
    justify-content: flex-start;
  }

  .item__wrapper {
    width: calc(25% - 15px);
  }

  .review__img {
    width: 100%;
  }

  .remove__img {
    right: -10px;
  }

  /* Dashboard */

  .user_track {
    width: 100%;
    margin-bottom: 20px;
  }

  .user_track:last-child {
    margin-bottom: 0;
  }

  .upcoming_payments {
    gap: 20px;
    justify-content: start;
  }

  .Property_details {
    margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 15px 0;
  }

  .Property_price {
    padding: 20px;
  }

  .overdue_block {
    padding: 2px 15px 5px;
  }

  .Property_price .btn-primary {
    padding: 12px 10px;
    margin-top: 15px;
  }

  /* .Telant_login_title {
        padding-bottom: 25px;
    } */
  .formBlock {
    max-width: 380px;
    margin-top: 40px;
  }

  .login_InnerHeader .login_Job_Button {
    padding: 10px 20px;
  }

  .login_right_content img {
    height: 650px;
  }

  /* Dashboard */

  .ProCreationBlock1 .g-4,
  .gy-4 {
    --bs-gutter-y: 0rem;
  }

  /*  */
  /*  */
  .deshbord-search .form-control {
    width: 290px;
  }

  .headpageTitle {
    padding-left: 40px;
  }

  .nav_dash_wrpRight {
    gap: 35px;
  }

  /* .table-responsive tr td,
    .table-responsive tr th {
        white-space: nowrap;
    } */

  /* .offre_listing_section {
            flex-direction: column;
        } */
  .create_order {
    /* flex-direction: column; */
    align-items: center;
    margin-top: 10px;
  }

  .listingCategorySelect {
    gap: 14px;
  }

  .ceartBtn {
    margin-right: 0;
    margin-left: 10px;
    padding: 10px 9px;
  }

  .list-view table tbody tr {
    width: calc(100%);
    margin-bottom: 15px;
  }

  .filterCategoryLabel {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .payment_listing li {
    width: calc(33.33% - 20px);
  }

  .ticket_content_box {
    padding: 20px;
  }

  .attacImage_box {
    max-width: 131px;
    max-height: 101px;
  }

  .ticket_status_btns {
    gap: 15px;
  }

  .payment_listing {
    justify-content: flex-start;
  }

  .Question_option ul {
    align-items: normal;
    flex-direction: column;
    gap: 10px;
  }

  .students-score {
    font-size: 30px;
  }

  .students-score-about {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1199px) {
  .notification_dropdown_bx .dropdown-menu {
    max-width: 400px;
    min-width: 400px;
  }

  .paymrnt-account .block-border {
    padding: 22px !important;
  }

  .side_rightBox .form-control.arrow {
    width: 148px;
  }

  .Charge-Details li {
    flex: 0 0 25%;
  }

  .add-row-block.add-accountsBlock .table-responsive {
    overflow-x: scroll !important;
  }

  .btn-primary-border {
    padding: 10px 15px !important;
  }

  .btn-danger {
    padding: 10px 15px !important;
  }

  .btn-primary {
    padding: 10px 15px !important;
  }

  .bills-tabs-block #pills-tab {
    gap: 45px;
    margin-bottom: 35px !important;
  }

  .block-border {
    padding: 23px 25px 25px;
  }

  .box-padding {
    padding: 20px 22px 30px;
  }

  .bookingBx .side-right {
    align-self: end;
  }

  .bookingBx.block-header {
    flex-direction: column;
    align-items: unset;
  }

  .bookingBx .chart-custom-row .col-md-4 {
    width: 50%;
  }

  .searching-billing {
    flex-direction: column;
  }

  .right-search {
    flex: 0 0 auto;
    margin-bottom: 20px;
  }

  .account-menu .rent_status.unpaid-rent .r-status-icon {
    height: 44px;
    width: 44px;
  }

  .account-menu .rent_status {
    padding: 12px 6px;
    gap: 14px;
    border-radius: 10px;
  }

  .account-menu .r-status-title {
    font-size: 13px;
  }

  .account-menu .r-sub-title {
    font-size: 18px;
  }

  .account-menu .r-status-icon {
    height: 34px;
    width: 34px;
  }

  .owner_dashboard .payment_value {
    gap: 11px;
  }

  .owner_dashboard .pay_amount {
    margin-bottom: 2px;
    font-size: 18px;
  }

  .owner_dashboard .payment_des_text {
    font-size: 13px;
  }

  .payment_box {
    padding: 20px 14px;
  }

  .rent_status {
    padding: 16px;
    border-radius: 10px;
  }

  .r-status-title {
    font-size: 18px;
  }

  .r-status-icon {
    height: 48px;
    width: 48px;
  }

  .r-status-icon svg {
    height: 28px;
  }

  .account-menu .rent_status.unpaid-rent .r-status-icon svg {
    height: 28px;
  }

  .grow_card {
    border-radius: 10px;
    padding: 19px;
  }

  .total_velue {
    font-size: 20px;
  }

  .card_icon {
    height: 50px;
    width: 50px;
  }

  .card_icon svg {
    height: 32px;
  }

  .overview_status>* {
    flex: 1 0 calc(50% - 30px);
  }

  /* 27-09-23 */
  .commissions_date {
    padding: 0 30px;
  }

  /* 27-09-23 */

  .vendorProfileTab.nav-tabs .nav-link {
    font-size: 12px;
  }

  .mobile-title-show {
    display: block;
  }

  .reportBox .col-xl-2 {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 992px) {

  /* ========== Utilities Fee ============== */
  .electricity-block .accordion-button:not(.collapsed) {
    padding: 20px 20px 20px;
  }

  .accordion-button {
    font-size: 18px;
  }

  .input-group-box {
    padding: 20px 0px;
  }

  .btn-primary {
    font-size: 14px;
    font-weight: 500;
  }

  .btn-primary-border {
    font-size: 14px;
    font-weight: 500;
  }

  .user_info {
    /* display: none; */
  }

  .nav_right_notification .dropdown-menu.show .user_name {
    /* display: none; */
  }

  .is-folded .sideBar_bx {
    transform: scale(0);
  }

  .is-folded .side_nav:hover .sideBar_bx {
    transform: unset;
  }

  .offre_listing_section {
    flex-wrap: wrap-reverse;
    gap: 10px;
  }

  .is-folded .side_nav {
    width: 95px;
  }

  .is-folded .side_nav .side_nav_inner .sideNav_menu {
    overflow-x: hidden;
  }

  .is-folded .side_nav .dash_nav_item>a {
    padding: 20px 25px;
  }

  .is-folded .side_nav .side_nav_inner .sideNav_menu>li>a .title_dash_nav {
    display: none;
  }

  .is-folded .side_nav .side_nav_inner .sideNav_menu li .icon_holder {
    flex: 0 0 21px;
  }

  .is-folded .side_nav .side_nav_inner .sideNav_menu li .arrowIconSubmenu {
    opacity: 0;
  }

  .is-folded .side_nav .side_nav_inner .sideNav_menu li .subMenuSide {
    height: 0;
    overflow: hidden;
    transition: 0.35s ease;
  }

  /* .is-folded .side_nav:hover {
        width: 300px
    } */

  .is-folded .side_nav:hover .side_nav_inner .sideNav_menu>li>a .title_dash_nav {
    /* display: inline-block */
  }

  .is-folded .side_nav:hover .side_nav_inner .sideNav_menu li .arrowIconSubmenu {
    /* opacity: 1 */
  }

  .is-folded .side_nav:hover .side_nav_inner .sideNav_menu li .subMenuSide.show {
    height: auto;
    display: block;
  }

  /* .is-folded .side_nav:hover .side_nav_inner .sideNav_menu li .icon_holder {
        flex: 0 0 40px;
        text-align: center;
    } */

  .is-folded .dash_header .dash_logo {
    width: 80px;
  }

  .is-folded .dash_header .dash_logo .logo-titel {
    display: none;
  }

  .is-folded .dash_header .dash_logo .logo_fold {
    display: block;
    height: 60px;
    width: 60px;
  }

  .is-folded .dash_header .dash_logo .logo_fold svg {
    width: 45px;
  }

  .is-folded .page_container {
    padding-left: 105px;
  }
}

@media only screen and (max-width: 991.98px) {
  .headerRight-tab {
    justify-content: end !important;
  }

  .mt-24 {
    margin-top: 0;
  }

  .filter_btn_block {
    margin-top: 0;
  }

  .right_status_row {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

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

  .select-tanant-info {
    flex-direction: column;
  }

  .account-modal .modal-dialog {
    max-width: 680px;
  }

  .custom-tableAccordion .accordion-button {
    font-size: 16px;
    padding: 13px 14px;
  }

  .block-header.chart-custom-header {
    flex-direction: column;
    align-items: flex-end;
  }

  .chart-custom-header .side-left {
    width: 100%;
  }

  .chart-custom-row .col-md-4 {
    width: 33%;
    flex: 1;
  }

  .col-md-3.billCol {
    width: 50%;
  }

  .col-md-3.billColExtra {
    width: 50%;
  }

  .nav_dash_wrap.header-box {
    justify-content: space-between;
    padding-left: 50px;
  }

  .header-active-title {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
  }

  .header-active-des {
    color: #ffffff;
    font-size: 13px;
  }

  .team_members_block .user_part img {
    max-width: 45px;
    min-height: 45px;
    min-width: 45px;
    flex-shrink: 0;
    height: 45px;
  }

  .overview_status {
    gap: 16px;
  }

  .sameLine {
    flex-wrap: wrap;
  }

  /* .switch_block {      
        padding-left: 40px;
    } */
  /* .switch_block  .form-check.form-switch {        
        min-width: 120px;
    } */
  /* ========== Utilities Fee ============== */
  .accordion-button {
    font-size: 18px;
    padding: 20px;
  }

  .more_btn {
    padding-top: 23px;
    display: inline-block;
  }

  .input-group-box {
    padding: 25px 0px 25px;
  }

  /* ============= managment-fee-setting ================ */
  .tickets_block {
    padding: 20px 20px;
  }

  .managment_title {
    font-size: 16px;
  }

  .form-switch .form-check-label {
    font-size: 14px;
  }

  .managment-fee-setting-block {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .managment_type {
    font-size: 14px;
  }

  .commission-setting-box {
    margin: 18px 25px 18px;
  }

  .btn-primary {
    font-size: 14px;
    font-weight: 600;
  }

  .rantal_table_block thead tr th {
    padding-left: 8px;
  }

  tbody tr td {
    padding-left: 8px !important;
  }

  .avatar-upload {
    margin-bottom: 30px;
  }

  .input_table_box .input-group {
    width: 180px;
  }

  .service_managementBox {
    margin-top: 30px;
  }

  .order_moblie02 {
    order: 2;
  }

  /* 27-09-23 */
  .user_part {
    max-width: 200px;
    min-width: 200px;
  }

  .ticket_status_btns {
    gap: 10px;
  }

  .what_like_text {
    font-size: 15px;
    padding-bottom: 21px;
  }

  .commissions_date {
    padding: 0 30px;
  }

  .scheduled_inspections {
    padding: 0;
  }

  .heading_block {
    margin-top: 20px;
  }

  .Property_price .dastbord_title {
    padding-bottom: 0px;
  }

  .overdue_block span {
    font-size: 12px;
  }

  /* 27-09-23 */

  .otp-link {
    margin-bottom: 20px;
    display: block;
  }

  .Login_Telanat_Button {
    margin-top: 0;
  }

  .formBlock {
    max-width: 100%;
  }

  .LoginForgotDis {
    font-size: 15px;
  }

  .login_page_wrapper .logo-titel {
    display: block;
    font-size: 25px;
  }

  .verification-code input[type="text"] {
    width: 60px;
    height: 60px;
  }

  .arrowIconSubmenu {
    top: 12px;
  }

  .user_info {
    display: block;
  }

  .user_title,
  .user_admin {
    display: none;
  }

  .nav_right_notification .dropdown-menu {
    left: 0 !important;
    top: 20px !important;
  }

  .nav_right_notification .dropdown {
    min-width: initial;
  }

  .nav_right_notification .dropdown button {
    margin-left: 10px;
  }

  .nav_right_notification img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 0;
  }

  .main_content {
    padding: calc(90px + 20px) 42px 30px;
  }

  .dashboard_payment_wrapper {
    padding: 0px 0 30px;
  }

  .nav_dash_wrpLeft.for_desktop {
    display: none;
  }

  .nav_dash_wrpLeft.for_mobile {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
  }

  .nav_dash_wrpLeft.for_mobile .headpageTitle {
    padding-left: 0;
  }

  .nav_dash_wrpLeft.for_mobile .headpageTitle svg path {
    fill: #0f1943;
  }

  .nav_dash_wrpLeft.for_mobile .dashboard_des {
    color: #7c7c7c;
  }

  .sharing .form-check .form-check-input {
    width: 20px;
    height: 20px;
    background-size: 13px;
    margin-right: 12px;
    flex: 0 0 20px;
  }

  .sharing .form-check-input:checked[type="checkbox"] {
    background-size: 13px;
  }

  .sharing .form-check {
    padding: 13px 12px;
  }

  .image_box {
    padding: 0;
    justify-content: flex-start;
  }

  .item__wrapper {
    width: calc(25% - 15px);
  }

  .review__img {
    width: 100%;
  }

  .remove__img {
    right: -10px;
  }

  /* Dashboard */
  .notifiDasIcon svg path {
    fill: #fff;
  }

  .dash_header {
    z-index: 1023;
  }

  .side_nav {
    top: 85px;
  }

  .nav_dash_wrap {
    background-color: #0f1943;
  }

  .expanded-btn i {
    color: #f6f8ff;
  }

  .headpageTitle svg path {
    fill: #fff;
  }

  .dashboard_title {
    color: #f8f9f9;
  }

  .ticket_garden_box .dashboard_title {
    color: #25326b;
    font-size: 17px;
  }

  .ticket_id_box {
    flex-wrap: wrap;
  }

  .dashboard_des,
  .user_title,
  .user_admin {
    color: #ffffff;
  }

  .nav_right_notification .dropdown-toggle:before {
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
  }

  .is-folded .dash_nav_item a.active,
  .is-folded .dash_nav_item a {
    height: unset;
    width: unset;
    padding: 10px 20px !important;
  }

  .user_block {
    gap: 10px 11px;
    justify-content: start;
  }

  .user_track {
    width: 100%;
  }

  .Property_details {
    margin-bottom: 40px;
    gap: 20px 0;
    flex-wrap: wrap;
  }

  .dashboard_heading_block {
    padding-left: 20px;
  }

  .Property_price {
    padding: 20px;
  }

  .Property_price .user_part {
    width: 33%;
  }

  .overdue_block {
    padding: 3px 14px 7px;
  }

  .user_info {
    color: #0f1943;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 10px;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    gap: 10px;
  }

  .user_info img {
    width: 40px;
    height: 40px;
    flex: 0 0 30px;
  }

  /* Dashboard */
  .payment_listing li {
    width: calc(33.33% - 20px);
  }

  .vendor_product_images {
    max-width: 100%;
  }

  .showing_order {
    order: 1;
    margin: 0 auto 0 0;
  }

  .deshbord-search .form-control {
    background: #fafbfc;
    /* border: 1px solid #FAFBFC; */
    border-radius: 0;
    width: 100%;
    margin-bottom: 10px;
  }

  .deshbord-search.open .form-control:focus,
  .deshbord-search.open .form-control:active {
    background: #eaeaea;
  }

  .headpageTitle {
    font-size: 18px;
    margin: 10px 0 6px 0px;
    /* display: none; */
  }

  .logo-titel {
    display: none;
  }

  .deshbord-search {
    width: 75%;
    display: none;
  }

  .dekstop-search-btn-none {
    display: block;
  }

  .nav_dash_wrpLeft {
    /* justify-content: flex-end; */
    margin-right: 20px;
  }

  /*    .closeChatleft .dashBoard_overLay {
    opacity: 1;
}*/

  .expanded-btn.onlymobileView {
    display: block;
  }

  .Learn-Program-accodiaon .accordion-button {
    font-size: 17px;
    font-weight: 700;
  }

  .expanded-btn.onlyDesktopView {
    display: none;
  }

  .nav_dash_wrpRight {
    width: auto;
  }

  .mr-15 {
    margin-right: 0;
  }

  .side_nav {
    left: -345px;
  }

  .page_container {
    padding-left: 0px;
  }

  .is-folded .side_nav {
    left: 0;
  }

  .dash_nav_item a {
    padding: 10px 15px;
    font-size: 16px;
    line-height: 16px;
  }

  li.dash_nav_item {
    margin: 5px 0;
  }

  .side_nav .side_nav_inner .sideNav_menu {
    padding: 0 15px;
    padding-top: 15px;
  }

  .dash_nav_item a .icon_holder svg {
    width: 20px;
  }

  .dash_header .dash_logo {
    width: 95px;
    background: transparent;
    /* border-bottom: 1px solid rgba(190, 209, 235, .3); */
    margin-left: 10px;
  }

  .nav_dash_wrap {
    justify-content: flex-end;
    align-items: center;
  }

  .dashIconFold {
    margin-right: 0;
    margin-left: 0;
  }

  /* .nav_dash_wrpRight {
        margin-left: auto;
    } */

  .dash_userProfile {
    display: none;
  }

  .is-folded .dashBoard_overLay {
    visibility: visible;
    opacity: 1;
  }

  .closeChatleft .dashBoard_chatoverLay {
    visibility: visible;
    opacity: 1;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .btn-space-top .mt-24 {
    margin-top: 26px;
  }

  /* 20-10-23 */
  .loacation_name,
  .km {
    font-size: 15px;
  }

  /*.amenities_items {
    width: 33%;
}
.amenities_content {
    gap: 15px 0;
}*/
  .property_card_list {
    display: block;
  }

  .property_house figure {
    width: 100%;
  }

  .property_house {
    margin-bottom: 10px;
    width: 100%;
  }

  .property_house figure img {
    width: 100%;
  }

  /* 20-10-23 */

  /* property-details start */
  .prepeyment_track {
    width: 100%;
  }

  /* property-details end */

  /* 9-10-23 */
  .team_members_block .user_details {
    padding-left: 10px;
  }

  .team_members_block .user_name {
    font-size: 18px;
  }

  .team_members_block .user_apartments {
    font-size: 14px;
  }

  /* 9-10-23 */

  .loginform {
    margin-top: 30px;
  }

  /* login page */

  .login_InnerHeader .login_Job_Button {
    padding: 10px 25px;
  }

  .formBlock {
    max-width: 100%;
    margin-top: 30px;
  }

  .login_right_content img {
    width: 100%;
    height: 550px;
  }

  .Telant_login_title {
    /* padding-bottom: 25px; */
    font-size: 24px;
  }

  .login_pages_block {
    padding: 20px 0 0 0;
  }

  /* login page  end*/

  .ProCreationBlock1 .g-4,
  .gy-4 {
    --bs-gutter-y: 0rem;
  }

  .DashBackBtnBox .btn-primary {
    width: 135px;
  }

  /*  */
  .offer_check_content {
    gap: 15px;
  }

  .dash_header {
    height: 85px;
  }

  .offre_listing_section {
    padding-top: 0;
  }

  .ceartBtn {
    top: 20px;
  }

  /* .table-responsive tr td,
    .table-responsive tr th {
        white-space: nowrap;
    } */

  .offre_listing_section {
    flex-direction: column;
  }

  .create_order {
    /* flex-direction: column; */
    margin-top: 10px;
    gap: 15px;
    align-items: center;
  }

  .ceartBtn {
    margin-right: 0;
  }

  .filterCategoryLabel {
    justify-content: left;
    font-size: 18px;
    padding-right: 10px;
    padding-left: 15px;
  }

  .list-view table tbody tr {
    width: calc(100%);
    margin-bottom: 15px;
  }

  .deshbord-search.open {
    top: 85px;
  }

  .vendorProfileTab.nav-tabs .nav-link {
    font-size: 16px;
  }

  .deshbord-search {
    width: 70%;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .col-md-3.billColExtra {
    width: 100%;
  }

  /* 20-10-23 */
  .loacation_name,
  .km {
    font-size: 15px;
  }

  /*.amenities_items {
    width: 33%;
}
.amenities_content {
    gap: 15px 0;
}*/
  .propery_details_popup_block .modal-dialog {
    --bs-modal-width: 500px;
  }

  /* 20-10-23 */

  /* ========== Utilities Fee ============== */
  .form-check-input-box {
    display: block;
  }

  .form-check {
    margin-bottom: 10px;
  }

  .input-group-box {
    padding: 20px 0px 25px;
  }

  /* ============= managment-fee-setting ================ */
  .more_btn {
    padding-top: 0px;
  }

  .form_input_group .form-group {
    display: block;
  }

  .form_input_group .form-label {
    margin-bottom: 10px;
  }

  /* 9-10-23 */
  .team_members_block .user_apartments {
    font-size: 14px;
  }

  .team_members_block .user_name {
    font-size: 17px;
  }

  .view_product .swiper-slide {
    min-height: 300px;
    max-height: 310px;
  }

  .view_product .swiper-slide img {
    min-height: 300px;
    max-height: 300px;
  }

  .swiper_track .view_product .swiper-slide video {
    height: calc(300px - 0px);
    border-radius: 0 0 6px 6px;
  }

  .mySwiper_thumbs .swiper-slide img {
    min-height: 74px !important;
    max-height: 74px !important;
  }

  .video_icon {
    top: 31%;
  }

  .generate_booking .btn-primary {
    width: unset !important;
  }

  /* 9-10-23 */
  .Login_Telanat_Button {
    margin-top: 20px;
  }

  .DashBackBtnBox .btn-primary {
    width: 120px;
  }

  /* .table-responsive tr td,
    .table-responsive tr th {
        white-space: nowrap;
    } */

  .offre_listing_section {
    flex-direction: column;
  }

  .create_order {
    /* flex-direction: column; */
    width: 100%;
    margin-top: 10px;
    align-items: center;
  }

  .ceartBtn {
    margin-right: 0;
  }

  .filterCategoryLabel {
    justify-content: left;
    padding-right: 1px;
    padding-left: 15px;
  }

  .blackFridayImg img {
    width: 90px;
    height: 90px;
  }

  .listingCategorySelect {
    align-items: center;
    margin-top: 5px;
  }

  .list-view table tbody tr {
    width: calc(100%);
    margin-bottom: 15px;
  }

  .vendorProfileTab.nav-tabs .nav-link {
    font-size: 12px;
  }

  .deshbord-search {
    width: 90%;
  }

  .deshbord-search .form-control {
    min-height: 40.4px;
    height: 40px;
    width: 100%;
    border-radius: 10px;
  }

  .subject-search-icon::before {
    top: 10px;
  }
}

@media (max-width: 767.98px) {
  .payment_value {
    justify-content: start;
  }

  .room-about-info {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }

  .card-info div {
    width: calc(100% - 95px);
    white-space: normal;
  }

  .Payment-vouchers {
    grid-template-columns: minmax(200px, 250px) auto;
  }

  .account-modal .modal-dialog {
    max-width: 500px;
  }

  .late_fee_rule_modal .modal-body {
    padding: 20px 18px;
  }

  .modal-buttonBox {
    margin-bottom: 15px;
  }

  .balance-value {
    font-size: 38px;
  }

  .search-export.brack-mobile {
    flex-direction: column !important;
    gap: 15px;
    align-items: flex-start;
  }

  .filter_by .form-check {
    padding: 0 !important;
    margin-bottom: 0 !important;
  }

  .search-export.brack-mobile .side-right {
    margin-left: auto;
  }

  .add-row-block.add-accountsBlock .table-responsive {
    overflow-x: scroll;
  }

  .btn-group.left-group {
    gap: 10px;
  }

  .add-row-block {
    padding-right: 20px;
  }

  .close-tab-btn {
    right: -30px;
  }

  .btn-group.left-group>* {
    text-align: center;
    font-size: 14px;
  }

  .account-menu .rent_status {
    margin-bottom: 0;
  }

  .block-border {
    padding: 20px 16px 30px;
  }

  .block-header-text {
    font-size: 20px;
  }

  .grow_card.due_card {
    margin-bottom: 0;
  }

  .grow_card {
    height: auto;
  }

  .checkList_Block .checkList_btn {
    gap: 10px;
    flex-wrap: wrap;
  }

  .header-active {
    display: none;
  }

  .header-active.header-active-mobile {
    display: block;
  }

  .header-active-title {
    font-size: 14px;
    font-weight: 500;
    color: #25326b;
  }

  .header-active-des {
    color: #25326b;
    font-weight: 500;
  }

  .rent_status {
    margin-bottom: 20px;
  }

  .grow_card {
    margin-bottom: 20px;
  }

  .grow_box {
    margin-bottom: 20px;
  }

  .grow_box.balance_box {
    margin-bottom: 0;
  }

  .total_velue {
    font-size: 20px;
  }

  .total_text {
    font-size: 14px;
  }

  .card_icon {
    height: 40px;
    width: 40px;
  }

  .card_icon svg {
    height: 50px;
  }

  .bgColor {
    padding: 10px;
  }

  .paymentStep .form-group {
    margin-bottom: 10px;
  }

  .paymentStep .form-group.sameLine {
    margin-bottom: 20px;
  }

  .dashProfMainBox .paymentStep .row {
    --bs-gutter-y: 0rem;
  }

  .form_action_btn .btn-primary-border {
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
    margin-top: 8px;
  }

  .home_details_block.lineRow {
    flex-direction: column-reverse;
  }

  .termsConditionsLinks,
  .copyrightText {
    text-align: center;
  }

  .footerSocialLinks {
    margin: 5px auto;
  }

  select.page_select {
    min-width: 60px;
    flex: 0 0 60px;
    padding: 0px 5px;
  }

  .add_from_wrapper .form-group {
    margin-bottom: 0;
  }

  .pagination {
    justify-content: center;
  }

  /* 23-10-23 */
  .properties_popup_details {
    padding-top: 20px;
  }

  /* 23-10-23 */

  .add_mang_btn .add_listingBtns_mobile {
    flex-wrap: wrap !important;
  }

  .home_title {
    font-size: 20px;
  }

  .map_block iframe {
    height: 300px;
  }

  .property_card_list {
    margin-bottom: 0;
  }

  .property_card_list {
    flex-wrap: nowrap;
  }

  .property_tital {
    font-size: 20px;
    font-weight: 600;
  }

  #pills-summary .generate_booking {
    padding-top: 0;
  }

  .pageTopTitle {
    margin-bottom: 0;
  }

  .home_charges_items {
    margin-bottom: 12px;
  }

  /* 27-09-23 */
  .overdue_block {
    margin-top: 8px;
  }

  /* .add_listingBtns {
        flex-wrap: wrap;
    } */
  .add_mang_btn .add_listingBtns {
    flex-wrap: nowrap;
  }

  .ticket_content_box {
    padding: 19px;
  }

  .ticket_border_title {
    padding: 19px;
    margin-top: 20px;
  }

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

  .attac_box {
    gap: 15px;
  }

  .attacImage_box {
    max-width: 110px;
    max-height: 95px;
  }

  .created_status_icon {
    width: 50px;
    height: 50px;
  }

  .created_status_icon svg {
    width: 27px;
    height: 27px;
  }

  .ticket_update_btn {
    padding: 10px 12px;
    font-size: 12px;
  }

  .ticket_detailsBox li {
    gap: 7px;
    flex-direction: column;
  }

  .vendors_name {
    width: 45px;
    height: 45px;
    font-size: 15px;
  }

  .ticket_typeTitle {
    font-size: 15px;
  }

  .contact_assigneDesc {
    font-size: 12px;
  }

  .ticket_border_title h3 {
    font-size: 16px;
  }

  .contact_assignedBox {
    gap: 15px;
  }

  .ticket_dotText {
    display: none;
  }

  .ticket_dltType {
    flex: auto;
  }

  /* .table>tbody {
        vertical-align: inherit;
        display: grid;
        gap: 10px 20px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    } */
  .shadow-effect {
    display: flex;
    flex-direction: column;
    border: 1px solid #e2e8ff !important;
    margin-bottom: 10px;
    border-radius: 10px;
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 1;
    padding: 15px;
    gap: 10px;
  }

  /* tbody tr td{
      border: none !important;
    }
    .active_block {
      display: block;
    }
    tbody tr td:last-child, tbody tr td:first-child{
      border: none !important; 
      text-align: left !important;
    } */
  .upcoming_payments .date_block {
    justify-content: flex-start;
  }

  .price_block {
    display: block;
    text-align: start !important;
    padding-left: 50px;
  }

  .Property_price tr.shadow-effect {
    padding: 15px;
    gap: 6px;
  }

  .Property_price .commissions_date {
    display: block;
  }

  /* .table-responsive tr td, .table-responsive tr th{
      white-space: wrap;
      padding: 0 !important;
    } */
  .scheduled_inspections {
    padding: 0;
    border-top: none;
  }

  .heading_block {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .Property_price .btn-primary {
    margin-top: 10px;
  }

  .commissions_date {
    padding: 0;
  }

  /* .table-border-spacing {
      border-spacing: 0 !important;
      border-collapse: unset;
      margin-bottom: 0;
    } */
  .date_title {
    white-space: wrap;
    padding-left: 50px;
    display: inline-block;
  }

  .date_block {
    justify-content: flex-start;
    padding-left: 50px;
  }

  .date_block .date_title {
    padding-left: 0;
  }

  .heading_block .btn-primary {
    width: 90px;
    flex: 0 0 90px;
    padding: 5px 10px;
  }

  .heading_block .btn-primary {
    width: 90px;
    flex: 0 0 90px;
    font-size: 14px;
  }

  .dastbord_title {
    font-size: 22px;
  }

  .table-responsive tr td.active_btn {
    padding-left: 50px !important;
  }

  .Property_price .dastbord_title {
    padding-bottom: 20px;
  }

  /* .table-responsive{
      overflow: hidden;
    } */
  .Property_price {
    padding: 0;
    border: none;
  }

  .active_block {
    max-width: 90px;
    min-width: 90px;
  }

  .user_part img {
    border-radius: 100px;
    max-width: 40px;
    width: 100%;
    min-height: 40px;
    height: 100%;
    object-fit: cover;
  }

  .Property_price {
    padding: 0;
    border: none;
  }

  /* 27-09-23 */

  .tickets_block {
    padding: 20px 10px;
  }

  /* .Login_Telanat_Button {
        margin-top: 20px;
    } */
  .loginform {
    margin-top: 30px;
  }

  .filter_block {
    padding: 10px 10px;
  }

  .ticket_detil_box {
    padding: 20px 20px;
  }

  .Recurring {
    margin-top: 0;
  }

  .form_btn {
    margin-top: 15px;
  }

  .form_btn .btn-primary {
    margin-top: 0;
  }

  .image_box {
    padding: 0;
  }

  .item__wrapper {
    width: calc(33.33% - 15px);
  }

  .review__img {
    width: 100%;
  }

  .remove__img {
    right: -10px;
  }

  /* login page  */
  .nav_dash_wrpLeft {
    display: none;
  }

  .Property_price .user_part {
    width: auto;
  }

  .dashProfMainBox .row {
    --bs-gutter-y: 1.5rem;
  }
.row.permissions-row-gap {
    --bs-gutter-y: 0;
}
.permissions-row-gap .form-check-label {
    font-size: 15px;
}
  .pay_amount {
    font-size: 16px;
  }

  .payment_listing li {
    width: calc(50% - 20px);
  }

  .Telant_login_title {
    /* padding-bottom: 20px; */
    font-size: 24px;
  }

  .formBlock {
    max-width: 100%;
    margin-top: 40px;
  }

  .login_InnerHeader .login_Job_Button {
    padding: 10px 25px;
  }

  .login_right_content img {
    width: 100%;
    height: 100%;
  }

  .login_right_content {
    padding: 20px 0;
    margin-top: 30px;
  }

  .login_right_Box::before {
    display: none;
  }

  .login_right_content img {
    display: none;
  }

  /* .Telant_login_title {
    padding-bottom: 30px;
} */
  .login_pages_block {
    padding: 20px 0 0 0;
  }

  /* login page end */

  .ProCreationBlock3 .DashboardAddBtn {
    margin: 10px 0;
  }

  .ProCreationBlock4 .CurrentlyCheckDash {
    padding-bottom: 20px;
  }

  .JobCategAddBtn {
    margin-top: 0;
    padding-bottom: 15px;
  }

  .DashAccordionBox .accordion-button {
    font-size: 18px;
  }

  .DashAccordionBox .DashCateWrite {
    font-size: 14px;
  }

  .dashSkillTitle {
    font-size: 14px;
    padding: 10px 0;
  }

  .btn-secondary {
    font-size: 14px;
  }

  .costumeCheckWrite {
    gap: 14px;
    padding-bottom: 30px;
  }

  .DashAccordionBox .accordion-body {
    padding: 10px 20px;
  }

  .DashCategoryBlock .custom_radio_block {
    padding-bottom: 10px;
  }

  .DashboardAddBtn {
    margin-top: -10px;
  }

  .profileCheckAdd {
    margin-bottom: 20px;
  }

  .ProCreationBlock1 .g-4,
  .gy-4 {
    --bs-gutter-y: 0rem;
  }

  .ProCreationBlock1 .input_block {
    margin-top: 10px;
  }

  /*  */
  /*  */
  .ceartBtn {
    padding: 10px 13px;
  }

  .offre_listing_section {
    padding-top: 0;
  }

  .ceartBtn {
    top: 20px;
  }

  .topbtn_space {
    text-align: center;
  }

  .Question_option .form-check-label {
    font-size: 16px;
  }

  .Question_option .form-check-input {
    height: 16px;
    width: 16px;
  }

  .Question h4 {
    font-size: 16px;
  }

  .Question_option {
    padding: 10px 0px 0 0px;
  }

  .Questioncard {
    padding: 15px;
  }

  .Question_option ul {
    align-items: normal;
    flex-direction: column;
    gap: 10px;
  }

  /*chat*/
  .chatleft.chatleft-show {
    transform: translateY(0);
  }

  .chatleft {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #fff;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 270px;
    flex: 0 1 270px;
    max-width: 270px;
    transition: all 0.5s ease;
    max-width: 270px;
    transform: translatex(-100%);
  }

  .chatleft_scroll {
    max-height: 100%;
  }

  .chatleft ul>li>a {
    padding: 10px;
  }

  .chatMobtoggle {
    margin-left: auto;
    width: 35px;
    height: 35px;
    fill: #98bdb2;
  }

  .chatUser {
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    -ms-flex: 0 0 37px;
  }

  .chatright {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 100%;
  }

  /*chat*/
  .FSinput {
    width: 130px;
    margin-left: 0px;
  }

  .filterSortBx {
    column-gap: 10px;
  }

  .deshbord-inn-heading {
    font-weight: 700;
    font-size: 18px;
  }

  .subscriPlanDTLList li {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .container-shadow {
    padding: 15px;
  }

  .faqAccordion .accordion-button {
    padding: 12px;
  }

  .Account-Summary {
    margin-top: 20px;
    font-size: 15px;
  }

  .Topic-Learned-box {
    flex-direction: column;
    gap: 15px;
  }

  .Topic-Learned-heading {
    padding: 15px 18px;
  }

  .Week’s-Activity-time p {
    font-size: 15px;
  }

  .Topic-Attempted-heading {
    padding: 15px 18px;
  }

  .Topic-Learned ul li {
    font-size: 15px;
  }

  .Topics-Attempted ul li {
    font-size: 15px;
  }

  .dash_header .dash_logo {
    width: 84px;
  }

  .logo-titel {
    display: none;
  }

  .dash_header {
    height: 70px;
  }

  .nav_dash_wrap {
    padding: 5px 15px;
  }

  .dash_header .dash_logo {
    padding-left: 15px;
    margin-left: 0px;
  }

  .user_dropdown>a.userActionBtn {
    margin-right: 0;
    font-size: 15px;
  }

  .logUserNme {
    display: none;
  }

  .nav_right_langugae {
    margin-right: 15px;
  }

  .rightMenuBtn {
    margin-right: 15px;
  }

  .main_content {
    padding: calc(70px + 20px) 15px 15px;
  }

  .side_nav {
    top: 70px;
  }

  .students-score {
    font-size: 28px;
  }

  .students-score-about {
    font-size: 16px;
  }

  .students-score-icon {
    width: 40px;
    height: 40px;
  }

  .deshbord-sub-heading {
    font-size: 20px;
    margin-bottom: 14px;
  }
}

@media (max-width: 575.98px) {


  .notification_dropdown_bx .dropdown-menu {
    max-width: 320px;
    min-width: 320px;
  }

  .social_title_track {
    padding-top: 10px;
    font-size: 14px;
  }

  .social_media_box {
    padding: 15px;
  }

  .social_media_box svg {
    width: 30px;
    height: 32px;
  }

  .Payment-vouchers {
    grid-template-columns: 1fr;
  }

  .Payment-vouchers .form-group,
  .Payment-vouchers .mt-24,
  .Payment-vouchers .mtAutoXXl {
    margin: 0;
  }

  .bookingBx .filter_search_input {
    width: 100%;
  }

  .bookingBx .btn-danger {
    width: 100%;
    margin-bottom: 10px;
  }

  .bookingBx .btn-primary.chart-search {
    width: 100%;
    margin-bottom: 10px;
  }

  .paymrnt-account .s-inner-btn {
    flex-direction: column;
    align-items: start !important;
  }

  .paymrnt-account .filter_search_input .form-control {
    height: 44px;
  }

  .paymrnt-account .s-inner-btn input+a {
    line-height: normal;
  }

  .side_rightBox .form-control.arrow {
    width: 133px;
  }

  .side_rightBox {
    gap: 8px;
  }

  .search-inputBlock .form-control {
    height: 45px;
    padding: 12px 20px 12px 20px;
    font-size: 15px;
  }

  .Charge-Details li {
    flex: 0 0 50%;
  }

  .balance_outerBox {
    gap: 20px;
  }

  .extra-status-row .col-md-3.billCol {
    width: 100% !important;
  }

  .credit-card-info {
    padding: 20px 15px;
  }

  .credit-imgBox {
    margin: 20px auto 14px;
  }

  .box-padding {
    padding: 20px 15px;
  }

  .bill-price {
    font-size: 18px;
  }

  .bills-itemsBlock .account-table tr th {
    padding: 15px 18px !important;
  }

  .make-payment-info li {
    width: 100%;
  }

  .make-payment-info {
    gap: 15px;
  }

  .block-header-text {
    font-size: 17px;
  }

  .record-credit-rightBox {
    margin-bottom: 30px;
    flex-direction: column;
  }

  .bills-tabs-block .nav-link {
    font-size: 15px;
  }

  .bills-tabs-block #pills-tab {
    gap: 35px;
    margin-bottom: 25px !important;
  }

  .late_fee_rule_modal.account-modal .close_btn svg {
    width: 35px;
    height: 35px;
  }

  .late_fee_rule_modal .form-group {
    margin-bottom: 18px;
  }

  .save-btn {
    max-width: 100%;
  }

  .balance-value {
    font-size: 32px;
  }

  .modal-title {
    font-size: 18px;
    padding-bottom: 10px;
  }

  .late_fee_rule_modal .modal-header {
    height: 60px;
  }

  .btn-group.left-group {
    flex-wrap: wrap;
  }

  .modal-buttonBox {
    margin-bottom: 0px;
  }

  .s-inner-btn {
    flex-direction: column;
    align-items: flex-end;
    gap: 15px;
  }

  .search-export.brack-mobile .side-left {
    width: auto;
  }

  .double-button .filter_search_input {
    display: flex;
    gap: 9px;
    margin-right: 0;
  }

  .s-inner-btn input+a {
    position: unset;
    width: 110px;
    font-size: 14px;
    margin-right: 0;
  }

  .brack-mobile .side-right .btn {
    font-size: 14px;
    margin-right: 0;
  }

  .s-inner-btn .side-left input {
    padding-right: 14px;
  }

  .header-list li {
    font-size: 18px;
    font-weight: 600;
  }

  .dropImglabel {
    font-size: 15px !important;
  }

  .btn-group.left-group>* {
    flex: 1 1 100%;
    text-align: center;
    font-size: 14px;
  }

  .chart-custom-row .col-md-4 {
    width: 100%;
    flex: 1 1 100%;
  }

  .search-export {
    margin-top: 22px;
  }

  .search-export .side-right {
    margin-left: auto;
    margin-top: 15px;
  }

  .col-md-3.billCol {
    width: 100%;
  }

  .right-search .mt-24 {
    margin-top: 15px;
  }

  .col-md-3.billColExtra {
    width: 100%;
  }

  .search-export {
    flex-wrap: wrap;
    gap: 15px;
  }

  .search-export .side-left {
    width: 100%;
  }

  .search-export .side-right {
    margin-left: auto;
  }

  .search-export .filter_search_input {
    width: 100%;
  }

  .owner_dashboard .payment_listing {
    gap: 18px;
  }

  .total_velue {
    font-size: 16px;
  }

  .total_text {
    font-size: 13px;
    font-weight: 500;
  }

  .parking_table table tr td {
    padding: 12px;
    font-size: 10px;
  }

  .parking_table {
    border-radius: 10px;
  }

  th.bg-colorRow {
    font-size: 12px;
  }

  .booking_table tbody tr td {
    font-size: 12px;
  }

  .booking_status_list {
    font-size: 12px;
  }

  .header-active-title {
    width: 270px;
  }

  .active-label {
    padding: 3px 15px;
    margin-right: 5px;
  }

  .active-label::before {
    width: 5px;
    height: 5px;
    left: 5px;
  }

  .overview_label {
    font-size: 17px;
    margin-bottom: 11px;
  }

  .information_velue {
    font-size: 14px;
  }

  .overview_status>* {
    flex: 1 0 100%;
  }

  #progressbar li:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  #progressbar li:after {
    height: 2px;
    top: 14px;
  }

  #progressbar li {
    font-size: 11px;
  }

  .form-switch .form-check-input {
    margin: 0;
  }

  .show_page_block {
    justify-content: left;
    flex-wrap: wrap;
    gap: 7px;
  }

  .add_listingBtns {
    display: flex;
    justify-content: center;
    margin: 0 0 0 auto;
    flex-wrap: wrap;
    width: 100%;
  }

  .add_listingBtns .btn-primary {
    flex: 0 0 auto;
    width: auto;
  }

  .add_listingBtns>* {
    flex: 0 0 auto;
  }

  /*23-10-23  */
  .late_fee_rule_modal .modal-body {
    padding: 30px 10px;
  }

  .late_fee_rule_modal.account-modal .modal-body {
    padding: 30px 15px;
  }

  .propery_details_popup_block .view_product .swiper-slide img {
    min-height: 200px;
    max-height: 200px;
  }

  .propery_details_popup_block .view_product .swiper-slide {
    min-height: 200px;
    max-height: 200px;
  }

  /*23-10-23  */
  /* 20-10-23 */
  .property_blockCharges li {
    width: 100%;
  }

  .loacation_name {
    flex: 0 0 220px;
  }

  .loacation_name,
  .km {
    font-size: 15px;
  }

  .amenities_items {
    /* width: 100%; */
  }

  .amenities_content {
    /* gap: 15px 0; */
  }

  .property_house figure img {
    width: 100%;
  }

  .property_house figure {
    width: 100%;
  }

  .property_card_list {
    flex-wrap: wrap;
  }

  .property_house {
    width: 100%;
  }

  /* 20-10-23 */

  .document_tbl table td {
    white-space: nowrap;
  }

  .details_heading h2 {
    font-size: 16px;
  }

  .tab_wrraper table label {
    padding-bottom: 5px;
    width: auto;
  }

  .tab_wrraper table.labelWidth label {
    min-width: auto;
  }

  /* ========== Utilities Fee ============== */
  .form-check-input-box {
    display: block;
  }

  .form-check {
    margin-bottom: 10px;
  }

  .input-group-box {
    padding: 20px 0px 25px;
  }

  .electricity-block .accordion-button::after {
    height: 30px;
    width: 30px;
  }

  .accordion-button {
    font-size: 16px;
    padding: 15px;
  }

  /* ============= managment-fee-setting ================ */
  .form-check.form-switch {
    padding-left: 0;
  }

  .form_check_group .form-check-label {
    font-size: 13px;
  }

  .form_check_group .input-group-text {
    font-size: 14px;
  }

  .managment_type {
    font-size: 13px;
  }

  .commission-service {
    font-size: 15px;
  }

  .commission-setting-box {
    margin: 15px 15px 15px;
    padding-bottom: 12px;
  }

  .form_input_group {
    padding: 0px 15px 10px 15px;
  }

  .form_input_group .form-group {
    margin-bottom: 12px;
    display: block;
  }

  .form_input_group .form-label {
    margin-bottom: 10px;
  }

  .managment_type {
    padding: 13px 13px 13px 13px;
  }

  .form-select-box {
    padding: 0px 15px 15px;
  }

  .more_btn {
    padding-top: 0px;
  }

  .input_button {
    flex-wrap: wrap;
  }

  .form_check_group {
    padding: 15px;
  }

  .managment_title {
    font-size: 15px;
  }

  .delivery_method_table th {
    padding: 16px 30px 16px 16px !important;
  }

  .delivery_method_table td {
    padding-left: 8px !important;
    padding-right: 10px !important;
  }

  .prepeyment_track {
    width: 100%;
  }

  .payment_method_track {
    flex-wrap: wrap;
    gap: 10px 0px;
  }

  .payment_method_block {
    padding: 20px 14px;
  }

  .payment_method_title {
    font-size: 18px;
  }

  .payment_method_track .dastbord_title {
    font-size: 14px;
  }

  .delivery_method_table {
    padding: 10px 7px;
  }

  .roles_block {
    margin-bottom: 0px;
  }

  /* 9-10-23 */
  .income_track {
    white-space: nowrap;
  }

  .income-statement-table th {
    white-space: normal;
  }

  .income_title {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .view_product .swiper-slide img {
    min-height: 200px;
    max-height: 200px;
  }

  .swiper_track .view_product .swiper-slide video {
    height: calc(200px - 0px);
  }

  .view_product .swiper-slide {
    min-height: 200px;
    max-height: 200px;
  }

  .mySwiper_thumbs .swiper-slide img {
    min-height: 74px !important;
    max-height: 74px !important;
  }

  .mySwiper_thumbs .swiper-slide {
    min-height: 74px !important;
    max-height: 74px !important;
  }

  .video_icon {
    top: 40%;
  }

  .video_icon svg {
    width: 30px;
    height: 30px;
  }

  .home_charges_items {
    width: 100%;
  }

  .team_members {
    padding-top: 20px;
  }

  .team_members_block .user_part {
    padding: 10px;
    border-radius: 7px;
  }

  .team_members_block .user_part img {
    max-width: 50px;
    min-height: 50px;
  }

  .team_members_block .user_details {
    padding-left: 10px;
  }

  .team_members_block .user_name {
    font-size: 17px;
  }

  .team_members_block .user_apartments {
    font-size: 14px;
  }

  /* .team_members_block .user_name {
    font-size: 16px;
} */
  /* 9-10-23 */

  .dash_nav_item a .title_dash_nav {
    font-size: 15px;
  }

  .ticket_garden_id {
    padding-left: 60px;
  }

  .btn-outline-primary {
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 10px 22px;
  }

  .item__wrapper {
    width: calc(50% - 15px);
  }

  .tickets_right {
    gap: 10px;
    margin-top: 20px;
  }

  .filter_icon_track {
    height: 40px;
  }

  .filter_search_input .form-control {
    height: 50px;
  }

  .nav_right_notification img {
    border-radius: 100px;
    width: 40px;
    height: 40px;
  }

  .user_title {
    font-size: 14px;
  }

  .user_admin {
    font-size: 12px;
  }

  .nav_right_notification .dropdown-toggle:before {
    right: -26px;
  }

  .nav_right_notification .notifiDasIcon {
    height: 50px;
    width: 50px;
    margin-left: 0;
  }

  .nav_right_notification .dropdown-menu .dropdown-item {
    padding: 5px 8px;
  }

  .nav_right_notification .dropdown-menu {
    left: 0 !important;
    top: 18px !important;
  }

  .notifiDasIcon span {
    width: 5px;
    height: 5px;
    top: 13px;
    left: 15px;
  }

  .nav_right_notification .dropdown button {
    margin-left: 10px;
  }

  .user_track {
    flex-wrap: wrap;
    gap: 20px 0;
    margin-bottom: 20px;
  }

  /* .select_month {
        margin-top: 20px;
    } */
  .heading_block {
    flex-wrap: wrap;
  }

  .Property_price .btn-primary {
    padding: 10px 10px;
    /* margin-top: 0px; */
  }

  .payment_listing li {
    width: 100%;
  }

  .step_bar ul li:last-child span {
    text-align: right;
  }

  .left_space_text {
    margin-left: 0;
  }

  .step_bar ul li span {
    font-size: 13px;
  }

  .step_bar .current::after {
    height: 4px;
    top: 16px;
  }

  .step_bar .fill::after {
    height: 4px;
    top: 15px;
  }

  .step_bar ul::before {
    height: 4px;
    top: 16px;
  }

  .step_bar ul li a img {
    width: 20px;
    height: 20px;
  }

  .step_bar ul li a {
    width: 35px;
    height: 35px;
  }

  .profile_Upload_Id {
    flex-wrap: wrap;
    margin-bottom: 25px;
    gap: 10px;
  }

  .ProCreationBlock3 .DashboardAddBtn,
  .ProCreationBlock4 .DashboardAddBtn {
    margin: 5px 0 15px;
  }

  .DashBackBtnBox .btn-primary {
    font-size: 15px;
    width: 125px;
  }

  .upload_label_title {
    gap: 8px;
    font-size: 13px;
  }

  .upload_label_title i {
    font-size: 16px;
  }

  .DashboardBoxFrame {
    padding: 15px;
  }

  .DashboardProfile .avatar-upload .avatar-preview {
    width: 80px;
    height: 80px;
  }

  .DashboardProfile .forn-label {
    font-size: 14px;
    padding-bottom: 5px;
  }

  .DashboardProfile .form-group {
    margin-bottom: 20px;
  }

  .btn-secondary {
    padding: 10px 22px;
    font-size: 15px;
  }

  .btn-primary {
    padding: 10px 15px;
    font-size: 15px;
  }

  .DashboardPassChange .accordion-button {
    font-size: 18px;
  }

  .DashboardPassChange .accordion-body {
    padding: 30px 10px;
  }

  /*  */
  .mobile-title-none {
    display: none;
  }

  .Export_listing_top {
    margin-bottom: 0;
  }

  .modal-xxl {
    max-width: 100%;
  }

  .offer_check_content {
    gap: 10px;
    flex-wrap: wrap;
  }

  .btn-secondary,
  .btn-primary {
    width: 100%;
    text-align: center;
    /* margin-top: 20px; */
  }

  .costumeCheckWrite .btn-secondary {
    width: auto;
  }

  .vendor-popup-block {
    padding: 10px;
  }

  .modal-header {
    padding-bottom: 0;
  }

  .showingTitle {
    font-size: 12px;
  }

  .listingCategorySelect {
    gap: 7px;
  }

  .ceartBtn {
    margin-right: 0;
  }

  .listingCategoryInput .form-select {
    font-size: 13px;
  }

  .create_order {
    align-items: stretch;
  }

  /* .ceartBtn {
        right: 0;
        top: 10px;
        position: absolute;
        margin-right: 0;
    } */
  /* .table-responsive tr td,
    .table-responsive tr th {
        white-space: nowrap;
    }
     */
  .offre_listing_section {
    flex-direction: column;
    padding-top: 20px;
  }

  .create_order {
    flex-direction: column;
    margin-top: 10px;
    width: 100%;
  }

  .filterCategoryLabel {
    padding-right: 10px;
    padding-left: 15px;
    justify-content: left;
  }

  .blackFridayImg img {
    width: 86px;
    height: 86px;
  }

  .fridaySaleTitle {
    font-size: 15px;
  }

  .platformdes {
    font-size: 13px;
  }

  .list-view table tbody tr {
    width: calc(100%);
    margin-bottom: 15px;
  }

  .nav_dash_wrpLeft {
    justify-content: flex-end;
    margin-right: 13px;
  }

  .deshbord-search .form-control {
    border-radius: 0;
    box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.05);
  }

  .dash_header .dash_logo .logo_fold {
    display: block;
    height: 60px;
    width: 45px;
  }

  .side_nav {
    width: 275px;
  }

  .deshbord-search {
    width: 75%;
    display: none;
  }

  .dekstop-search-btn-none {
    display: block;
  }
}

@media (max-width: 395.98px) {
  #progressbar li {
    font-size: 10px;
  }

  .custom_select_block .btn-secondary {
    width: 100%;
  }
}

/* @media (min-height: 900px) {
    .main_wrapper{
        overflow: hidden;
    }
} */