@media (max-width: 1365px) {
  .table-design table {
    min-width: 1312px;
  }
}

@media (max-width: 1290px) {

  .table-sidebar {
    overflow-x: auto;
    display: block;
  }

  .table-sidebar table {
    min-width: 1120px;
    border-collapse: collapse;
  }

  .filter-bar select {
    min-width: 10px;
  }

}

@media (max-width: 1024px) {

  h2,
  .fs-20 {
    font-size: 18px;
    line-height: 22px;
  }

  .pt-24 {
    padding-top: 20px !important;
  }

  .p-24,
  .all-wheelsets-slider .wheelsets-header {
    padding: 20px;
  }

  .pbl-24 {
    padding: 0px 20px;
  }

  .btn-border-blue {
    padding: 10px 12px;
  }

  .form-input-style label {
    margin-bottom: 6px;
  }

  .side-bar-style {
    width: 560px;
    margin: 20px;
    padding: 20px;
  }

  .side-bar-style .offcanvas-body {
    padding-top: 35px !important;
  }

  .side-bar-style .offcanvas-header {
    padding-bottom: 20px !important;
  }

  .two-form-row {
    padding-top: 18px;
    margin-top: 18px;
  }

  .w-295 {
    width: 245px;
  }

  .rank-select.form-input-style {
    width: 310px;
  }

  .mt-40 {
    margin-top: 26px;
  }

  .form-section {
    margin-top: 24px;
    margin-bottom: 10px;
  }

  .signup-page .auth-fluid-box {
    max-width: 350px;
  }

  .welcome-signup {
    margin-left: 350px;
  }
}

/* Tyrehotels ==== End */

@media (max-width: 992px) {
  .admin-info .responsive-logo {
    display: none;
  }

  .admin-info .responsive-logo {
    display: block;
  }

  .admin-info .dashboard-menu .navbar-nav li a span,
  .admin-info .toggle-btn,
  .admin-info .dasktop-logo,
  .admin-info .logout-icon a span {
    display: none;
  }

  .admin-info .logo-row a.navbar-brand {
    margin-right: 0px !important;
  }

  .admin-info .logo-row {
    justify-content: center !important;
  }

  .admin-info .admin-dashboard {
    min-width: 80px;
    width: 80px;
  }

  .admin-info .dashboard-content {
    margin-left: 80px;
  }

  .details-tabs {
    display: block;
  }

  .all-wheelsets-slider,
  .tab-table-width,
  .all-wheelsets-slider.slidebartoggle {
    width: 100%;
  }

  .tabs-style .nav-tabs .nav-link {
    color: #ABAFB1;
    font-size: 14px;
    line-height: 16px;
  }

  .p-24,
  .all-wheelsets-slider .wheelsets-header {
    padding: 18px;
  }

  .all-wheelsets-slider .name,
  .all-wheelsets-slider .phone,
  .all-wheelsets-slider .search-style,
  .all-wheelsets-slider .code,
  .all-wheelsets-slider .list {
    display: block !important;
  }

  .tyre-card .tyre-title {
    margin-bottom: 6px;
  }

  .btn-blue {
    font-size: 15px;
    padding: 12px;
  }

  .search-style::before {
    top: 45%;
  }

  #offcanvasRightLabel {
    font-size: 18px;
    line-height: 20px;
  }

}

@media (max-width: 768px) {
  .welcome-signup {
    margin-left: 0;
  }

  .signup-page .auth-fluid-box {
    max-width: 100%;
    position: relative;
  }

  .signup-page .auth-fluid {
    flex-direction: column;
  }

  .logo-brand {
    text-align: center;
  }


  .signup-page .logo-brand,
  .signup-page .signup-step-headline {
    margin-bottom: 54px;
  }

  .signup-step-headline h2,
  .signup-step-headline p {
    text-align: center !important;
  }
}