@media (max-width:1200px){

    .intro {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .intro__logo {
        order: -1;
        margin-bottom: 40px;
    }

    .btn-tel {
        margin-bottom: 40px;
      }

      .story__img {
        margin-bottom: 45px;
      }

/* menu section */


.col-left {
  flex: 0 1 30%;
  min-width: unset;
  margin-right: 20px;
}

/* Our offer section */

.we-offer {
  padding-top: 60px;
  padding-bottom: 60px;
}

.we-offer__wrapper {
  flex-direction: column;
  row-gap: 40px;
}

/* //end Our offer section */

}


@media (max-width:960px){

  .menu__title {
    font-size: 26px;
  }

  .menu__text {
    font-size: 16px;
  }

  header {
    /* position: relative; */

  }

  .hide {
    display: none;
  }

  .header-hide::after{
    content: '';
    position: fixed;
    height: 100vh;
    top: 0;left: 0;right: 0;bottom: 0;
    background: rgba(150, 150, 150, 0.7);
    z-index: 50;
    /* display: none; */
  }
  /* навигация */
/* 
  .nav-container {
    position: fixed;
  } */

  .nav__list {
    display: none;
  }

  .nav__burger {
      display: inline-block;
      /* position: fixed; */
      z-index: 500;
    }

    .fix {
      position: fixed;
    }

    .nav__social {
      margin-left: auto;
    }

  .nav-list__hide {   
    display: flex;
    position: fixed;   
    flex-direction: column;
    font-size: 32px;
    line-height: 2;

    left: 0;top: 50px;
    width: 90vh;
    margin: 0 auto;
    padding: 50px 85px 100px;

    background: var(--main-fon);
    z-index: 100;
    /* display: none;     */
  }
  
  /* .nav__list {   
    display: flex;
    position: absolute;   
    flex-direction: column;
    font-size: 32px;
    line-height: 2;
    padding: 15px;
    display: none;
  } */

  /* .nav__list::after {
    position: absolute;
  } */


    /* расписание */
  .work__list {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    flex: 1 0 100%;
  }

  .work__item {
    padding-left: 0;
  }

  .work__icon {
    width: 45px;
    height: 45px;
  }

  .story__wrapper {
    flex-direction: column;
  }

  .story__item {
    /* flex: 1 1 55%; */
    width: 100%;
  }

  .story__text {
    padding-left: 0;
  }

  .menu__wrapper {
    flex-direction: column;
  }

  .col-left {
    flex: unset;
    min-width: unset;
    margin-right: 0;
  }

  .off__list {
    flex-direction: column;
    align-items: center;
  }

  .off__item {
    width: 100%;
    min-width: 420px;
    flex: 1 0 100%;
    margin-top: 30px;
  }

  /* section Popular Dishes */

  .dish__list {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .dish__item {
    flex: 0 0 47%;
  }

  .popdish__img {
    width: 100%;
    object-fit: cover;
  }

  /*  Our offer section  960px*/

  .we-offer__item .card__name {
    padding-top: 10px;
    font-size: 20px;
  }

  .we-offer {
    margin-bottom: 60px;
  }

  /* //end Our offer section */

}



                                    @media (max-width:740px){

    .container {
        padding: 25px 10px;
    }

    .welcome-title {
    font-weight: 400;
    font-size: 70px;
    line-height: 1.1;

    /* letter-spacing: 0.2px; */
    padding-bottom: 26px;
  }

  .work__item {
    text-align: left;
    padding-right: 0;
  }

  .work__icon {
    margin-bottom: 15px;
  }

  .work__text {
    text-align: left;
    align-self: flex-start;
  }



    /* offer card */

  .item-left::after {
    right: 0;
    top: 20px;
    transform: scale(90%);
    transform-origin: top;
  }
  .item-right::after {
    right: 0;
    top: 15px;
    transform: scale(90%);
    transform-origin: top;
  }

  .dish-item__price {
    font-size: 20px;
  }

  .dish-item__descript {
    font-size: 15px;
  }


  /*  Our offer section  740*/

.we-offer__item .card__name {
  padding-top: 10px;
  font-size: 20px;
}

.we-offer__list {
  flex-direction: column;
  align-items: stretch;
  /* row-gap: 20px; */
  margin: 0 50px;
}

.we-offer__item {
  margin-top: 20px;
}

/* //end Our offer section */

.lamp {
  margin-bottom: 50px;
}

/* blog section */

.dish__head {
  padding-bottom: 20px;
}

/* // end blog section */

.blog__wrapper {
  flex-direction: column;
  row-gap: 20px;
}

.footer__wrapper {
  flex-direction: column;
}

.footer__col,
.footer__center {
  align-items: center;
  padding-bottom: 25px;
}

.footer__col p.menu__menu {
  margin-right: unset;
}

.book__wrapper {
  padding: 50px;
}

}


                                @media (max-width:400px){

  .work__item {
    flex-direction: column;
    padding-right: 0;
  }

  .left {
    max-width: 254px;
  }

  .menu-item {
    /* flex-wrap: wrap; */
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-bottom: 40px;
  }

  .menu-item__title {
    font-size: 20px;
  }

  .menu__text {
    font-size: 16px;
    padding-top: 8px;
  }

/* offer card */

.off__item {
  min-width: 320px;
  flex: 1 1 100%;
  margin-top: 20px;
}

.testimonials {
  margin-top: 40px;
}
  /* section Popular Dishes */


.dish__item {
  flex: 0 0 100%;
}

.form-contacts__row {
  flex-direction: column;
}

.form-contacts__message {
  width: 100% !important;
}

.book__wrapper {
  max-height: unset;
}
.book__wrapper {
  padding: 15px;
}

.input {
  width: 100%;
}
}