.main-wrapper {
  /* =============================================================== RESPONSIVE =================================================================*/ }
  .main-wrapper .UnderHeader {
    position: fixed;
    width: 100vw;
    height: 83px;
    display: flex;
    flex-direction: row;
    align-content: space-between;
    background-color: rgba(255, 255, 255, .5);
    background-image: linear-gradient(90deg, rgba(50, 105, 205, .8), rgba(55, 190, 205, .8));
    pointer-events: none;
    backdrop-filter: blur(8px);
    z-index: 120;
    left: 0; }
    .main-wrapper .UnderHeader a {
      pointer-events: visible; }
    .main-wrapper .UnderHeader .outer-breadcrumb-container {
      position: absolute;
      left: 10vw;
      top: 32px;
      display: block;
      color: #fff;
      display: table; }
      .main-wrapper .UnderHeader .outer-breadcrumb-container p {
        font-size: 14px;
        font-weight: 400; }
    .main-wrapper .UnderHeader .inner-filters-container {
      display: flex;
      flex-direction: row;
      position: absolute;
      right: 150px;
      color: #fff;
      top: 15px; }

@media (max-width: 1500px) {
  .main-wrapper {
    padding-top: 143px !important; }
    .main-wrapper .UnderHeader .inner-filters-container .inner-dropdown {
      top: 0; } }

@media (max-width: 1350px) {
  .main-wrapper .UnderHeader .outer-breadcrumb-container {
    left: 10px; } }

@media (max-width: 1150px) {
  .main-wrapper .UnderHeader .outer-breadcrumb-container {
    display: none; } }

@media (max-width: 960px) {
  .main-wrapper {
    padding-top: 14vh !important; }
    .main-wrapper .UnderHeader {
      top: 12vh; } }

@media (max-width: 840px) {
  .main-wrapper .UnderHeader {
    position: relative;
    background-color: transparent;
    backdrop-filter: none;
    background-image: linear-gradient(90deg, rgba(50, 105, 205, 0), rgba(55, 190, 205, 0));
    top: -30px; }
    .main-wrapper .UnderHeader .inner-breadcrumb-container {
      display: none; }
    .main-wrapper .UnderHeader .inner-filters-container {
      flex-direction: row;
      left: 0;
      top: 13px; }
      .main-wrapper .UnderHeader .inner-filters-container .inner-dropdown:first-of-type {
        position: absolute;
        margin-top: 10px;
        height: auto;
        top: 60px !important;
        z-index: 10; }
      .main-wrapper .UnderHeader .inner-filters-container .inner-dropdown {
        position: absolute;
        margin-top: 10px;
        top: 0 !important;
        height: auto;
        z-index: 5;
        width: calc(100vw - 60px); }
        .main-wrapper .UnderHeader .inner-filters-container .inner-dropdown.calendar {
          z-index: 3; } }