@media (max-width: 1650px) {
  #mobile-menu-items.visible {
    position: absolute !important;
  }
  #container {
    padding: 150px 370px 0 370px !important;
  }
  #container #breadcrump-nav {
    top: 70px !important;
    position: absolute !important;
  }
  .header {
    background-size: 600px !important;
  }
  #curtain-left,
  #curtain-right {
    width: 400px !important;
  }
  #curtain-left nav,
  #curtain-right nav {
    left: 25px !important;
  }
  #curtain-left .kopec1,
  #curtain-right .kopec1 {
    margin-bottom: -60%;
  }
  #curtain-left .kopec2,
  #curtain-right .kopec2 {
    margin-bottom: -30%;
  }
  #curtain-left .kopec2 #dum,
  #curtain-right .kopec2 #dum {
    right: 20% !important;
    background-size: 90% !important;
  }
  #curtain-left .kopec3,
  #curtain-right .kopec3 {
    margin-bottom: -10%;
  }
}
@media (max-width: 1100px) {
  #mobile-menu {
    display: block !important;
  }
  .header {
    top: 40px !important;
  }
  #container {
    padding: 190px 200px 0 200px !important;
  }
  #sidebar {
    top: 3px !important;
    right: 5px !important;
    height: 35px !important;
    z-index: 45 !important;
    overflow: hidden;
  }
  #sidebar h1,
  #sidebar label {
    display: none;
  }
  #curtain-left,
  #curtain-right {
    width: 243px !important;
  }
  #curtain-left nav,
  #curtain-right nav {
    display: none;
  }
  #curtain-left .kopec-left,
  #curtain-left .kopec-right,
  #curtain-right .kopec-left,
  #curtain-right .kopec-right {
    background-size: 250% !important;
  }
  #curtain-left .kopec1,
  #curtain-right .kopec1 {
    margin-bottom: -100%;
  }
  #curtain-left .kopec2,
  #curtain-right .kopec2 {
    margin-bottom: -60%;
  }
  #curtain-left .kopec2 #dum,
  #curtain-right .kopec2 #dum {
    right: 5% !important;
    bottom: 250px !important;
    background-size: 60% !important;
  }
  #curtain-left .kopec3,
  #curtain-right .kopec3 {
    margin-bottom: -30%;
  }
  #curtain-left .maska-stin #balon,
  #curtain-right .maska-stin #balon {
    background-size: 80% !important;
    top: 70px !important;
  }
}
@media (max-width: 800px) {
  #mobile-menu {
    display: block !important;
  }
  .header {
    background-size: 510px !important;
    z-index: 32;
    position: absolute !important;
    background-color: transparent;
    box-shadow: none;
  }
  #container {
    padding: 190px 20px 20px 20px !important;
  }
  #container #breadcrump-nav {
    margin-top: 40px;
    position: absolute !important;
  }
  #container #entry-content {
    position: relative;
    z-index: 31;
    background: rgba(0,0,0,0.7);
    color: white;
  }
  #curtain-left {
    width: 100% !important;
    left: 0 !important;
  }
  #curtain-left nav {
    bottom: 350px !important;
    transition: 0.4s;
    z-index: 40 !important;
    background: none !important;
  }
  #curtain-left nav.active {
    left: 10px !important;
  }
  #curtain-left .kopec-left,
  #curtain-left .kopec-right {
    background-size: 100% !important;
  }
  #curtain-left .kopec1 {
    margin-bottom: -70% !important;
  }
  #curtain-left .kopec2 {
    margin-bottom: -50% !important;
  }
  #curtain-left .kopec3 {
    margin-bottom: -40% !important;
  }
  #curtain-left .maska-stin {
    background: none !important;
  }
  #curtain-left .maska-stin #balon {
    background-size: 60% !important;
  }
  #curtain-left .maska-stin .panak_left {
    display: none !important;
  }
  #curtain-right {
    display: none;
  }
}
@media (min-width: 1100px) {
  .menu-margin {
    margin-top: 0px !important;
  }
  .header {
    display: block !important;
  }
  #mobile-menu-items {
    top: -5000px !important;
  }
  #breadcrump-nav {
    margin-top: 10px !important;
  }
  #curtain-left .kopec-left,
  #curtain-left .kopec-right,
  #curtain-right .kopec-left,
  #curtain-right .kopec-right {
    background-size: auto 100% !important;
  }
}
