@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;
    }
  
    .right-button{
        margin-bottom: 10px;
    }
}
@media (max-width:993px) {
    .hide-on-mobile {
      display: none;
    }
}
@media (max-width: 993px) {
    .margin-top {
        margin-top: 20px;
    }
  }
@media (min-width: 992px) {
    /* Apply width only if the .form-group itself is visible */
    .filter-wrapper .form-group {
        width: 167px;
    }

    /* 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:993px) {
  .hide-on-mobile {
    display: none;
  }
   .ipad-only-w-100 {
        width: 100% !important;
    }
  
}
@media (max-width: 600px) {
    .search-button-size {
        width: 100%;
        margin-top: 10px;
    }
}

@media (max-width: 767.98px) {
    .offcanvas.offcanvas-end {
        width: 100% !important;
        max-width: 100vw !important;
    }
}
@media (min-width: 768px) {
    .offcanvas.offcanvas-end {
        width: 80% !important;
        max-width: 80vw !important;
    }
}