@media only screen and (max-width: 767px) {
  .sidebar {
    max-width: 100% !important;
    padding: 20px 20px 10px !important;
  }

  header h1 {
    font-size: 30px;
  }

  header .header__profile--info .main-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 40px;
  }

  header .main-container a {
    position: static;
    font-size: 16px;
  }

  .main {
    max-width: 100%;
  }

  header .header__content {
    padding: 0;
  }

  header .header__content .header__container {
    justify-content: space-between;
    padding-right: 20px;
  }

  header .header__content .header__container nav.main-mobile span {
    background-color: black !important;
  }

  header .header__content .header__container nav.main-mobile .active span {
    background-color: white !important;
  }

  header .header__content .header__container nav.main-mobile .show-mobile-menu {
    z-index: 2 !important;
    text-align: left !important;
  }

  header
    .header__content
    .header__container
    nav.main-mobile
    .show-mobile-menu
    a {
    color: white;
  }

  header .header__content .header__container img {
    max-height: 200px;
  }

  header .search__bar input.orig,
  header .search__bar input.autocomplete {
    font-size: 16px !important;
    height: 40px;
  }

  header .search__bar input.autocomplete {
    margin-top: -40px;
  }

  header .promobox {
    align-items: center;
    height: 40px;
  }

  section.main {
    margin-left: 0;
    width: 100%;
    padding: 0 30px;
  }

  section.main .logo__display {
    padding: 30px 0;
  }

  section.main .post-card--card {
    display: flex;
    flex-direction: column;
    max-height: 1000px !important;
    margin-top: 40px;
  }

  section.main .post-card--image {
    width: 100%;
    padding: 0;
  }

  section.main .post-card--content {
    width: 100%;
    padding: 0;
    max-height: 200px;
  }

  .single-post-container .breadcrumbs {
    overflow-y: auto;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    margin-top: 70px;
    padding-left: 10px;
  }

  .single-post-container .breadcrumbs::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
  }

  .single-post-container .breadcrumbs span[property="itemListElement"] {
    display: block;
    white-space: nowrap;
  }

  .single-post-container h1 {
    font-size: 1.6rem !important;
  }

  .single-post-container .content--single-row {
    flex-direction: column !important;
  }

  .single-post-container .content--single-row .data__category {
    width: 100% !important;
  }

  .single-post-container .content--single-row .category__label {
    display: none;
  }

  .single-post-container .content--single-row .category__tag {
    padding-left: 0 !important;
  }

  .single-post-container .content--single-row .data__last-modified {
    text-align: start !important;
    width: 100% !important;
  }

  #blog-post {
    margin: 40px 0 0 !important;
  }

  #blog-post .post-container .post-body {
    width: 90% !important;
    padding: 0 20px !important;
  }

  #blog-post .post-container {
    background-color: white;
    position: relative;
  }
}
