@media only screen and (max-width: 1200px) {
    .offcanvas-size-30 {
        width: 100% !important;
    }
    .offcanvas-size-50 {
        width: 100% !important;
    }
    .offcanvas-size-85 {
        width: 100% !important;
    }
    /* .search-button-size{
        width: 100%;
    } */
    .right-button{
        margin-bottom: 10px;
    }
}
@media (max-width:993px) {
    .hide-on-mobile {
      display: none;
    }
}
@media (max-width: 993px) {
    .margin-top {
        margin-top: 20px;
    }
  }
@media (max-width: 600px) {
    .search-button-size {
        width: 100%;
        margin-top: 10px;
    }
}
@media (max-width:993px) {
  .hide-on-mobile {
    display: none;
  }
   .ipad-only-w-100 {
        width: 100% !important;
    }
  
}

@media (min-width: 992px) {
    /* Apply width only if the .form-group itself is visible */
    .filter-wrapper .form-group {
        width: 161px;
    }

    /* If any child of .form-group is hidden with display: none, hide the whole form-group */
    .filter-wrapper .form-group * {
        display: block; /* Ensure children are block-level */
    }

    .filter-wrapper .form-group:has(> [style*="display: none" i]),
    .filter-wrapper .form-group:has(> .d-none),
    .filter-wrapper .form-group:has(> [hidden]) {
        display: none !important;
    }
}
@media (max-width: 991.98px) {
    .filter-wrapper .form-group * {
        display: block;
    }

    .filter-wrapper .form-group:has(> [style*="display: none" i]),
    .filter-wrapper .form-group:has(> .d-none),
    .filter-wrapper .form-group:has(> [hidden]) {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    div.dt-container div.dt-length, div.dt-container div.dt-search, div.dt-container div.dt-info, div.dt-container div.dt-paging {
        text-align: center;
        margin-bottom: 10px !important;
    }
     .flex-fill-md-off {
        flex: 0 0 auto !important; /* disables flex-fill */
    }

}
@media (min-width: 992px) {
    .custom-width-lg {
        width: 200px !important;
    }
}

  @media (max-width: 991.98px) {
        .travel-tab-scroll {
            white-space: nowrap;
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch;
        }
    }