@media (min-width: 576px) and (max-width: 767px)  {
  .u-hidden-sm {
    display: none !important;
  }
}
@media (max-width: 575px)  {
  .u-hidden-xs {
    display: none !important;
  }
}
@media (min-width: 1400px)  {
  .u-sheet {
    width: var(--theme-sheet-width-xxl) !important;
  }
}
@media (min-width: 1200px)  {
  .u-xl-mode .u-sheet {
    width: var(--theme-sheet-width-xl) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px)  {
  .u-sheet {
    width: var(--theme-sheet-width-lg) !important;
  }
}
@media (min-width: 768px) and (max-width: 991px)  {
  .u-sheet {
    width: var(--theme-sheet-width-md) !important;
  }
}
@media (min-width: 576px) and (max-width: 767px)  {
  .u-sheet {
    width: var(--theme-sheet-width-sm) !important;
  }
}
@media (max-width: 575px)  {
  .u-sheet {
    width: var(--theme-sheet-width-xs) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px)  {
  .u-valign-middle-lg {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 991px)  {
  .u-valign-middle-md {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 576px) and (max-width: 767px)  {
  .u-valign-middle-sm {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 992px) and (max-width: 1199px)  {
  .u-valign-middle-lg {
    justify-content: center;
  }
}
@media (min-width: 768px) and (max-width: 991px)  {
  .u-valign-middle-md {
    justify-content: center;
  }
}
@media (min-width: 576px) and (max-width: 767px)  {
  .u-valign-middle-sm {
    justify-content: center;
  }
}
@media (max-width: 767px)  {
  :not(.u-sheet) > [class*="u-gutter-"]:not(.u-gutter-0).u-expanded-width {
    overflow: hidden;
  }
}
@media (min-width: 576px) and (max-width: 767px)  {
  .u-layout-wrap:not(.u-layout-custom-sm) .u-layout-row > * {
    min-width: 100%;
  }
  .u-layout-wrap:not(.u-layout-custom-sm) .u-layout {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-layout-wrap:not(.u-layout-custom-sm) .u-layout .u-layout-cell {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}
@media (max-width: 575px)  {
  .u-layout-wrap:not(.u-layout-custom-xs) .u-layout-row > * {
    min-width: 100%;
  }
  .u-layout-wrap:not(.u-layout-custom-xs) .u-layout {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-layout-wrap:not(.u-layout-custom-xs) .u-layout .u-layout-cell {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991px)  {
  
  .u-menu:not([data-responsive-from]) .menu-collapse {
    display: block;
  }
  
  .u-menu:not([data-responsive-from]) .u-nav-container-collapse {
    display: flex;
  }
  
  .u-menu:not([data-responsive-from]) .u-nav-container {
    display: none;
  }
}
@media (min-width: 1200px)  {
  .u-xl-mode .u-align-left-xl {
    text-align: left;
  }
}
@media (min-width: 992px) and (max-width: 1199px)  {
  .u-align-left-lg {
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 991px)  {
  .u-align-left-md {
    text-align: left;
  }
}
@media (min-width: 576px) and (max-width: 767px)  {
  .u-align-left-sm {
    text-align: left;
  }
}
@media (min-width: 1200px)  {
  .u-xl-mode .u-align-center-xl {
    text-align: center;
  }
}
@media (min-width: 992px) and (max-width: 1199px)  {
  .u-align-center-lg {
    text-align: center;
  }
}
@media (min-width: 576px) and (max-width: 767px)  {
  .u-align-center-sm {
    text-align: center;
  }
}
@media (max-width: 575px)  {
  .u-align-center-xs {
    text-align: center;
  }
}