@media (min-width: 0px) and (max-width: 767px) {
  .content {
    width: 100% !important;
  }
  .content .left {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
  }
  .content .right {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
  }

  #mainmenu {
    display: none !important;
  }
  .menu.home {
    display: none !important;
  }
  .menu.lng {
    display: none !important;
  }

  .facebook {
    width: 100% !important;
    background-color: inherit !important;
  }

  .head {
    min-width: 100% !important;
  }
  .head .inner {
    width: 100% !important;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .headpics {
    min-width: inherit !important;
  }
  .headpics .picsblock {
    width: 100% !important;
    height: 100% !important;
  }
  .headpics .picsblock .block {
    width: 100% !important;
    height: 100% !important;
  }
  .headpics .picsblock .block img {
    width: 100% !important;
    height: auto !important;
  }

  .opening {
    min-width: inherit !important;
    height: auto !important;
  }
  .opening .inner {
    width: 100% !important;
    height: auto !important;
  }
  .opening .inner ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px !important;
  }
  .opening .inner ul li {
    flex: 0 0 33.3333%;
    margin: 0px !important;
    padding: 0px 0px 20px 0px !important;
  }

  .icons {
    display: flex;
    flex-wrap: wrap !important;
  }
  .iconmenu {
    flex: 0 0 33.3333% !important;
    width: auto !important;
  }

  .address {
    height: auto !important;
  }

  .menupopup {
    width: 96% !important;
    margin: 0px !important;
    left: 2% !important;
    height: auto !important;
    background-size: cover !important;
    background-position: center bottom !important;
    background: url('img/menu_popup_bg_mobile.png') no-repeat center 70px !important;
  }
  .menupopup:before {
    width: 100%;
    height: calc(90% - 70px);
    background-color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: '';
  }
  .menupopup h2 {
    position: relative;
  }
  .menupopup .picture {
    position: relative !important;
    width: 100% !important;
    left: 0% !important;
    bottom: 0px !important;
    padding: 15px 15px 15px 15px !important;
    box-sizing: border-box;
  }
  .menupopup .picture img {
    width: 100% !important;
    height: auto !important;
  }
  .menupopup .txt {
    width: 90% !important;
    position: relative;
  }
  .menupopup .xbtn {
    bottom: 5px !important;
  }

  .program_popup {
    width: 100% !important;
    left: 0px !important;
    margin: 0px !important;
  }
  .program_popup img {
    max-width: 100% !important;
    height: auto;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .unvisible-sm {
    display: none !important;
  }
  .visible-sm {
    display: inherit !important;
  }

  .content {
    width: 95% !important;
  }
  .content .left {
    width: 30% !important;
  }
  .content .right {
    width: calc(70% - 15px) !important;
    text-align: center !important;
  }

  #mainmenu {
    display: none !important;
  }
  .menu.home {
    display: none !important;
  }
  .menu.lng {
    display: none !important;
  }

  .facebook {
    width: 100% !important;
    background-color: inherit !important;
  }

  .head {
    min-width: 100% !important;
  }
  .head .inner {
    width: 100% !important;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .headpics {
    min-width: inherit !important;
  }
  .headpics .picsblock {
    width: 100% !important;
    height: 100% !important;
  }
  .headpics .picsblock .block {
    width: 100% !important;
    height: 100% !important;
  }
  .headpics .picsblock .block img {
    width: 100% !important;
    height: auto !important;
  }

  .opening {
    min-width: inherit !important;
    height: auto !important;
  }
  .opening .inner {
    width: 100% !important;
    height: auto !important;
  }
  .opening .inner ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px !important;
  }
  .opening .inner ul li {
    flex: 0 0 14.285%;
    margin: 0px !important;
    padding: 0px 0px 20px 0px !important;
  }

  .icons {
    display: flex;
    flex-wrap: wrap !important;
  }
  .iconmenu {
    flex: 0 0 14.285% !important;
    width: auto !important;
  }

  .address {
    height: auto !important;
  }
}


@media (min-width: 1001px) {
  .mobile-menu-toggle {
    display: none !important;
  }
  .mobile-menu-overlayer {
    display: none !important;
  }
}