@media only screen and (max-width: 767px) {
    .text-wrap {
       width: -webkit-fill-available !important;
    }
    .actions-btn {
      gap: 15px;
    }
  .actions-btn  .view-btn{
        padding: 5px 16px;
        font-size: 12px;
        margin-top: 0;
    }
    .reject1-btn{
        padding: 5px 16px;
        font-size: 12px;
        }
    .approve-btn {
       font-size: 12px;
        padding: 5px 16px;
    }
    .breadcrumb-item a {
        font-size: 12px;
    }
    .top-section h3 {
        margin-bottom: 1rem;
    }
    .frm-hdr h4 {
        font-size: 17px;
        line-height: 40px;
    }
    .bill-details h4 {
         font-size: 17px;

    }
    .error {
       font-size: 12px;
    }

    .booking-form .form-control {
   font-size: 12px;
    }
    table.dataTable tbody tr:last-child {
        background-color: transparent;
    }
    .dark-btn {
       margin-right: 0px;
        padding: 8px 20px;
        font-size: 12px;

    }
    .top-section h3 {
      font-size: 18px;
        line-height: 25px;
      }
    .footer-contact ul li img {
        min-width: 17px;
        object-fit: none;
    }
    .footer-contact ul li a {
       font-size: 13px;
       }
    .footer-links li a {
       font-size: 13px;
       line-height: 22px;
      }
    div.dataTables_wrapper div.dataTables_filter {
        width: 100% !important;
       }
    div.dataTables_wrapper div.dataTables_length {

        text-align: left !important;
    }
    .top-section .purple-btn {
        padding: 8px 20px;
        font-size: 12px;
    }
    .bottom-btn {
        padding: 0px 16px;
        gap: 20px;
    }
    .login-section .submit-btn {
        line-height: 14px;
        font-size: 14px;
        padding: 11px;
    }
    .techno-logo img {
        min-width: 110px;
    }

    .booking-form {
       padding: 20px;

    }
    .top-section {
        gap: 10px;
    }

    .modal-header {
        padding: 2rem 1rem;
        margin-bottom: 30px;
    }

    .purple-btn {
        margin: 0px;

    }

    .modal-body {
        padding: 0rem 1rem 2rem 1rem;
    }

    .login-section .form-control {
        font-size: 13px;
    }

    .techno-logo {
        max-width: 120px;
    }

    .stepup {
        font-size: 15px;
        max-width: 60px;
    }
    .logo-sec {
        gap: 12px;
    }

    .body-section h1 {
        font-size: 39px;
        font-weight: 700;
        line-height: 55px;
        max-width: 95%;
    }

    .thm-btn {
        padding: 12px 30px;
        font-size: 15px;

    }

    .content-sec {
        gap: 30px;
        margin-bottom: 50px;
    }

    .footer-links {
        place-items: baseline;
        margin: 20px 0px;
    }

    .footer-contact ul {
        justify-self: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .text-wrap {
        width: -webkit-fill-available !important;
     }
    .login-heading h2 {
        font-size: 25px;
      }
    .booking-table-sec table.dataTable tbody td {
        padding: 20px 12px !important;
   }

    .footer-contact ul li img {
        min-width: 17px;
        object-fit: none;
    }
    .booking-form .form-control {
      font-size: 11px;

    }
    .booking-form .form-select {
     font-size: 12px;
    }
    .body-section h1 {
        font-size: 38px;
        font-weight: 700;
        line-height: 55px;
        color: #1A1A1A;
        max-width: 100%;
    }

    .body-section {
        min-height: 63vh;
        align-content: center;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .text-wrap {
        width: -webkit-fill-available !important;
     }
    .inner-body-section {
       min-height: 72vh;
    }
    .booking-table-sec {
        min-height: 64vh;
    }
    .body-section {
        min-height: 75vh;
        align-content: center;
    }
}

@media only screen and (min-width: 1800px) {
    .body-section {
        min-height: 70vh;
    }
}

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

    .bottom-btn .submit-btn {
        font-size: 12px;
             padding: 8px 20px;
         }

    .dark-btn {
       padding: 8px 20px;
        font-size: 12px;

    }
    table.dataTable>tbody>tr.child ul.dtr-details {
        display: block !important;

    }
    .table thead th {
        line-height: 20px;

    }
    .stellarnav.light li a {
        text-align: left;
    }

    .stellarnav.light.right .menu-toggle {
        font-size: 0;
    }

    .stellarnav.mobile.right>ul {
        right: 0;
        z-index: 99;
    }

    .stellarnav.mobile.right .location-btn-mobile.third,
    .stellarnav.mobile.right .call-btn-mobile.third {
        display: none;
    }

    .stellarnav.mobile.right .close-menu.third {
        text-align: right;
        width: 100%;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }
}

@media only screen and (min-width: 1500px) {
    .booking-table-sec {
       min-height: 60vh;
    }


}


/* @media only screen and (min-width: 1200px) {
    .booking-table-sec  .table-responsive {
        overflow-x: unset;

    }

      table.dataTable.no-footer {
         table-layout: fixed;
      }

} */


@media only screen and (min-width: 1200px) {
    .inner-body-section {
        min-height: 70vh;
    }
}

@media only screen and (max-width: 1200px) {
    table.dataTable>tbody>tr.child ul.dtr-details {
        display: block !important;
    }
    .view-btn {
        padding: 6px 18px;
        font-size: 12px;
        margin-top: 5px;
    }
}

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

    .stellarnav.light li a {
      font-size: 15px;
    }
    .nav-link {
       padding: .5rem 0.5rem;
  }
  .booking-table-sec table.dataTable tbody td {
     padding: 20px 12px !important;
}
}

@media only screen and (max-width: 850px) {}

@media only screen and (max-width: 660px) {}