@media (max-width: 1000px) {
  body {
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
    width: 100vw;
    background: none;
  }

  /*header*/
  #header {
    position: sticky;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 15px 0;
    gap: 20px;
  }
  #header #logo {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }
  #header #logo h1 {
    padding: 0;
    margin: 0;
  }
  #header #logo .h1 {
    background: transparent;
    padding: 0;
    margin: 0 10px;
  }
  #header .contacts {
    position: static;
    display: flex;
    align-items:center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  #header .contacts p:last-child {
    margin: 0;
  }
  #header nav {
    position: static;
    display: flex;
    order: 1;
  }
  #header nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #header nav li {
    margin: auto 10px;
  }
  /*header*/

  #page {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%;
    margin: 0;
  }

  /*sidebar*/
  #sidebar {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
    margin: 10px 0;
    order: 1;
  }
  #sidebar nav img {
    margin: 0 10px;
  }
  #sidebar section {
    margin: 0;
  }
  /*sidebar*/

  /*inner-page*/
  #inner-page .article,  #inner-page .article .red {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  #inner-page .fl-l {
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    align-items: center;
    width: auto;
  }
  #inner-page .fl-l ul {
    text-align: start;
  }
  #inner-page div {
    text-align: center;
  }
  #inner-page p {
    text-align: start;
    width: 100%;
  }
  #inner-page .discounts  {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #inner-page .discounts ul  {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
  }
  #inner-page .discounts li,  #inner-page .discounts a {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
  }
  #inner-page h3 {
    margin: 0;
  }
  #inner-page, #inner-page .article  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #inner-page .article li p {
    display: flex;
    justify-content: center; 
  }
  .content {
    width: 100% !important;
  }
  #inner-page .sort-nav {
    display: flex;
    justify-content: center;
    align-items:center;
    height: auto;
  }
  #inner-page .sort-nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items:center;
    margin: 0;
  }
  #inner-page .sort-nav li {
    padding: 5px;
    display: flex;
    align-items: center;
  }
  #inner-page .works ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px 0;
    margin: 0;
  }
  #inner-page .works li {
    margin: 0 10px;
  }
  #inner-page .our-contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  #inner-page .our-contacts ul {
    padding: 0;
  }
  #inner-page .our-contacts li {
    display: flex;
    flex-direction: column;
    padding: 0;
    background: none;
  }
  
  .ymaps-2-1-79-map {
    margin: 0 auto!important;
    width: auto;
    max-width: 100vw;
  }

  /*inner-page*/

  /*footer*/
  #footer {
    position: sticky;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px 0;
    order: 2;
  }
  #footer nav {
    position: static;
    display: flex;
    flex-wrap: wrap;
    align-items:center;
  }
  #footer nav ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  #footer div {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  #footer img {
    padding: 10px; 
  }
  #footer a {
      padding: 0;
  }
  /*footer*/
}