/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .sidenav {
    margin-left: -40px !important;
  }
  .header-title {
    font-size: 2.5rem !important;
    line-height: 46px !important;
    margin-top: 4rem !important;
  }
  .header-paragraph {
    font-size: 1.1rem !important;
    line-height: 21px !important;
    /* or 194% */
    letter-spacing: 0.03em;
  }
  .easy-use {
    font-size: 3rem !important;
    line-height: 52px !important;
  }
  .eu-paragraph {
    line-height: 32px !important;
  }
  .ticket-img {
    width: 200px !important;
  }

  ::ng-deep
    aw-wizard-navigation-bar.horizontal.large-filled-symbols
    ul.steps-indicator
    li
    > .current {
    display: block !important;
  }

  ::ng-deep
    aw-wizard-navigation-bar.horizontal.large-filled-symbols
    ul.steps-indicator
    li:not(.current) {
    display: none !important;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .container {
    max-width: 90% !important;
  }
  .container-dashboard-inner {
    padding: 0 1.5rem;
  }
  .grid-container {
    display: grid;
    grid-template-columns: 20% 1fr !important;
    height: 100vh;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .col-md-3 {
    flex: 0 0 25% !important;
  }
  .grid-container {
    display: grid;
    grid-template-rows: 8% 1fr 2%;
    grid-template-areas:
      "sidenav header"
      "sidenav main";
  }
  .header {
    grid-area: header;
  }

  .main {
    grid-area: main;
  }

  .footer {
    grid-area: footer;
  }
  .grid-container .sidenav .sidebar-wrapper {
    display: block;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}