@media (max-width: 767px) {

  #main-menu {
    height: auto;
    width: 100%;
    top: auto;
  }

  .main-menu-contact-wrapper {
    margin-bottom: 12px;
  }

  #navigator-logo-link {
    opacity: 1;
  }

  .h1, h1 {
    font-size: 36px;
  }

  .h4, h4 {
    font-size: 24px;
  }

  .nezabudkino.page.title > span {
    font-size: 20px;
  }

  #navigator-wrapper {
    position: fixed;
    height: auto;
    width: 100%;
    left: 0;
    top: 0;
    display: table;
  }

  #bottom-navi-wrapper {
    font-size: 15px;
  }

  .nezabudkino.header-wrapper {
  }

  .nezabudkino.header-box > .line,
  .nezabudkino.header-box > .pointer {
    display: none;
    opacity: 0 !important;
  }

  .navigator-container {
    display: table-row;
  }

  .navigator-layer {
    display: table-cell;
    width: auto;
    vertical-align: middle;
  }

  .navigator-layer.menu {
    width: 0.1%;
  }

  .navigator-area.bottom {
    padding: 0;
    text-align: right;
  }

  .navigator-area.top {
    padding: 12px 12px 6px 12px;
  }

  .navigator-area {
    display: block;
  }

  .page-bottom-navi {
    padding: 0 18px;
  }

  .page-bottom-navi-left {
    margin-left: 12px;
  }

  .page-bottom-navi-right {
    margin-right: 12px;
  }

  div[class*="col-sm-"] .about-usage-column {
    text-align: left;
  }

  .project-card-wrapper {
    width: 100%;
    padding: 0;
    margin-bottom: 48px;
  }

  .project-navi {
    border-top: 1px solid #eee;
    padding-top: 24px;
  }

  .price-box {
    width: 100%;
    padding: 0;
    margin-bottom: 48px;
  }

  .price-box-wrapper {
    animation-name: none;
  }

  .nezabudkino-phone-city {
    display: block;
  }

  .nezabudkino-phone-number {
    display: block;
    margin-left: 0;
  }

}