/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media (max-width: 1440px) {
  .package-page-table .see-main-btn a.btn.see-btn {
    white-space: nowrap;
  }
}

@media (max-width: 1300px) {
  .review-avg-inner h3 {
    font-size: 14px;
  }
  .package-page-table .table-top,
  .profile-main-top {
    align-items: self-start;
    row-gap: 10px;
    flex-direction: row;
  }
}

@media (max-width: 1199px) {
  .package-page-table .table-right {
    align-items: self-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 12px;
  }
  .acf-tab-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100%;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
  }

  .acf-tab-group li {
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
 .graph-row .row {
    row-gap: 20px;
}
  .header-right-corner .see-main-btn {
    display: none;
  }
  .deshboard-head-right {
    display: flex;
    align-items: center;
    column-gap: 10px;
  }
  .edit-package-sec {
    margin-top: 170px;
    padding: 0px 15px;
  }
  .tab-content {
    margin-top: 160px;
    margin-bottom: 110px;
  }
  .review-avg-main .row {
    row-gap: 20px;
  }
  .header-deshboard {
    position: sticky;
    background-color: #fff;
  }
  .logo_toggler {
    display: flex;
  }
  .header-logo-close-icon .navbar-toggler {
    display: block;
  }
  .header-logo-close-icon {
    display: flex;
  }
  .sidebar-menus-main.show {
    left: 0px;
    opacity: 1;
    visibility: visible;
  }
  .sidebar-menus-main {
    position: fixed;
    left: -100%;
    z-index: 999;
    top: 0;
    bottom: 0;
    max-width: 100%;
    min-width: auto;
    opacity: 0;
    visibility: hidden;
    padding: 20px;
    background-color: #1d35573d;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
  .main-view {
    padding: 20px 8px 90px 8px;
  }
  .header-deshboard {
    padding: 10px 20px;
    top: 0;
    position: fixed;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px #00000024;
  }

  .profile-main-top,
  .table-top {
    flex-direction: row;
  }
  .package-managment.table-top {
    flex-direction: column;
    align-items: self-start;
    row-gap: 10px;
  }

  .user-data small {
    white-space: nowrap;
  }
  span.user-data {
    margin-right: 10px;
  }
  .main-sectionfh {
    margin-right: 0px;
  }
  .booking-desh-data .table-top {
    flex-direction: column;
    row-gap: 10px;
    align-items: baseline;
  }
}
@media (max-width: 767px) {
  .image-upload .table-top {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
}
  .package-managment.table-top .table-right {
    justify-content: left;
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .pms-account-navigation ul {
    flex-direction: row !important;
  }
  .edit-package-sec {
    margin-top: 120px;
    margin-bottom: 100px;
  }
  .tab-content {
    margin-top: 110px;
  }
  .header-deshboard {
    row-gap: 0px;
  }
  .right-menu-bar {
    flex-direction: column;
    align-items: flex-start;
  }
  .deshboard-box-main .row,
  .activity-main .row,
  .review-avg-main .row {
    row-gap: 20px;
  }

  .review-main-top {
    align-items: flex-start;
    row-gap: 10px;
    flex-direction: column;
  }

  .header-deshboard .right-menu-bar .header-right-corner {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 111;
    right: 0;
    background-color: #fff;
    padding: 10px 20px;
    box-shadow: 0 0 10px #00000024;
    justify-content: space-between;
  }
  .document-data-pdf {
    width: 100%;
  }
}

@media (max-width: 576px) {
  #travel_documentUploadForm .select-main {
    width: 100%;
}
#travel_documentUploadForm .btn.see-btn.green {
    width: 100%;
}
  .agent-reply-review h3 {
    font-size: 16px;
    line-height: 22px;
  }
  .table-top,
  .profile-main-top {
    padding: 15px;
  }
  .btn.green-btn,
  .btn.see-btn.red {
    width: 100%;
  }
  .agent-head {
    text-align: center;
  }
  .see-main-btn form {
    width: 100%;
  }
  .profile-main-img img {
    height: 50px;
    width: 50px;
  }
  .profile-main-bottom h3 {
    font-size: 18px;
  }
  .profile-main-bottom p {
    font-size: 14px;
    margin-top: 4px;
  }
  .table-bottom .table thead th {
    padding: 10px;
  }
  .profile-main-top,
  .table-top {
    align-items: flex-start;
    row-gap: 14px;
    flex-direction: column;
  }
  .past-invoice .see-main-btn,
  .profile-main-top .see-main-btn {
    flex-direction: column;
    row-gap: 10px;
  }
  .activity-top,
  .activity-top-right {
    align-items: flex-start;
    flex-direction: column;
    row-gap: 10px;
  }
  .activity-top-right .see-btn {
    width: 100%;
  }
  .activity-top-right {
    flex-direction: column-reverse;
    width: 100%;
  }
  span.user-data {
    row-gap: 10px;
    flex-direction: column;
  }
  .activity-top h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .document-data-pdf-inner {
    flex-direction: column;
    row-gap: 10px;
    align-items: self-start;
  }
  .review-main-top-right {
    align-items: flex-start;
    row-gap: 10px;
    flex-direction: column;
    width: 100%;
  }
  .review-main-head {
    align-items: flex-start;
    flex-direction: column;
    row-gap: 10px;
  }
  .rating-main {
    padding: 0px;
    margin: 0px;
  }
  .review-main-data-text {
    margin-top: 10px;
  }
  .review-main-data-text span,
  .review-main-data-text p {
    max-width: 100%;
  }
  .invoice-managment-top,
  .document-data-top {
    align-items: self-start;
    flex-direction: column;
    row-gap: 10px;
  }
  .past-invoice-data {
    align-items: self-start;
    flex-direction: column;
    row-gap: 20px;
  }
  .dashboard-heading p {
    font-size: 16px;
    line-height: 20px;
  }
  .dashboard-heading h1,
  .dashboard-heading h2 {
    font-size: 22px;
    line-height: 29px;
  }
  .subscription-bottom .table tbody td {
    padding: 10px;
  }
  .subscription-bottom .table tbody td {
    font-size: 14px;
  }
  .subscription-top {
    padding: 20px;
  }
  .table-bottom .table tbody th,
  .table-bottom .table tbody td {
    padding: 10px;
  }
  .data-desh-heading {
    font-size: 18px;
    line-height: 24px;
  }
  .table-right {
    align-items: flex-start;
    flex-direction: column;
    row-gap: 10px;
    width: 100%;
  }
  .table-right .form-input .myDate,
  .select-main,
  .table-right .form-input {
    width: 100%;
  }
  .select2-container {
    width: 100% !important;
  }

  .inner-search,
  .yellow-btn {
    width: 100%;
  }

  .see-main-btn,
  .see-main-btn a.btn.see-btn {
    width: 100%;
  }
}