@media (max-width: 768px) {
      .header-inner {
        flex-direction: column;
        text-align: center;
      }
      .header-logo {
        width: 100%;
      }
      .header-contact {
        text-align: center;
        align-items: center;
      }
      .header-phone {
        justify-content: center;
      }
      .hero-inner {
        flex-direction: column;
        text-align: center;
      }
      .catalog-grid, .benefits-grid {
        grid-template-columns: 1fr;
      }
      .footer-inner {
        grid-template-columns: 1fr;
      }
      .search-column-left {
        padding-top: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      .search-column-right {
        /* padding: 0 !important; */
        padding-top: 30px;
        padding-left: 0;
      }
      .tab-panel.active {
        padding-top: 40px !important;
        padding: 0 !important;
      }
      .search-param-row {
        flex-direction: row;
        padding-bottom: 6px;
        align-items: flex-start;
        gap: 8px;
      }
        .search-param-row label {
        flex-basis: 80px !important;
        flex-shrink: 0;
        font-size: 15px;
        color: var(--muted);
        border-bottom: 1px solid var(--border);
        padding-bottom: 4px;
        line-height: 1.2;
        min-width: 40%;
        height: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
       .search-param-row select {
        flex: 1;
        min-width: 0;
        width: auto;
        /* height: auto; */
        padding: 6px 8px !important;
        font-size: 13px;
        height: 52px;
       }
       .search-width-input {
        height: 52px !important;
        font-size: 13px !important;
        padding: 6px 8px !important;
       }
      .search-btn {
        margin-top: 8px !important;
      }
      .category-tabs {
        gap: 0 !important;
        margin:0;
      }
      .category-tab {
        text-align: center !important;
        padding: 20px;
      }
    }