@media (max-width: 767px) {
    .center {
        padding-left: 15px;
        padding-right: 15px;
    }

    .all-title {
        font-size: 36px;
        text-align: center;
    }

    .header__logo {
        height: 22px;
        text-decoration: none;
    }

    .header__menu-burger {        
        display: flex;
        align-items: center;
        gap: 24px;
    }

    .header__menu-list {
        right: 15px;
        width: 290px;
    }


    /* __________  main  __________ */
    .main {
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
        justify-content: center;
    }

    .main__info {
        width: 90em;
        max-width: 417px;
        min-width: 281px;
        text-align: center;
    }

    .main__heading {
        font-size: 24px;
    }

    .main__text {
        font-size: 16px;
    }

    .main__btn {
        width: 100%;
        height: 52px;
        font-family: 'Montserrat Alternates', sans-serif;
        font-weight: 600;
        font-size: 16px;
        background-color: #ffffff00;
        color: #A26539;
        border: 1px solid #A26539;
        border-radius: 24px;
        margin-top: 16px;
    }


    /* __________  section (О нас)  __________ */
    .about-us__img {
        display: none;
    }

    .about-us__info {
        width: 100%;
        padding: 48px;
    }

    .about-us__heading {
        font-size: 24px;
    }

    .about-us__text {
        font-size: 14px;
    }
    
    
    /* __________  section (Меню)  __________ */
    .menu__block-menu {
        flex-direction: column;
        gap: 24px;
    }

    .menu__buttons {
        width: 100%;
        justify-content: space-between;
        color: #A26539;
        box-sizing: border-box;
        padding: 0 32px;
    }
    
    .active-btn {
        padding-left: 20px;
        padding-right: 20px;
    }

    .menu__btn {
        width: auto;
        border: none;
        font-size: 18px;
    }

    .menu__block-coffee,
    .menu__block-desserts,
    .menu__block-snacks  {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .menu__all {
        grid-column: span 2;
    }


    /* __________  section (Отзывы)  __________ */
    .reviews__content {
        gap: 15px;
    }

    .reviews__block-review {
        padding: 15px;
    }

    .reviews__name {
        font-size: 16px;
    }

    .reviews__stars {
        height: 20px;
    }


    /* __________  section (Контакты и карта)  __________ */
    .contacts-map__info {
        display: grid;
        grid-template-columns: 48.5% 48.5%;
        grid-template-rows: 319px 514px;
        grid-template-areas:
            'contacts booking'
            'map map';
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .contacts-map__heading {
        font-size: 20px;
    }

    .contacts-map__input {
        padding: 0 15px;
    }

    .contacts-map__input::placeholder {
        font-size: 12px;
    }
    
    /* __________  footer  __________ */
    .footer {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        gap: 24px;
    }

    .footer__content-right {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 24px;
    }

    .footer__logo {
        display: none;
    }

    .footer__contact {
        display: flex;
        gap: 24px;
    }
}


@media (max-width: 479px) {

    .header__menu-burger {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .header__logo {
        display: none;
    }

    .about-us__info {
        padding: 20px;
    }
    
    
    /* __________  section (Меню)  __________ */
    .menu__all {
        grid-column: span 4;
    }

    .menu__buttons {
        padding: 0 24px;
    }

    .menu__btn {
        font-size: 14px;
    }


    /* __________  section (Отзывы)  __________ */
    .reviews__content {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }

    .reviews__block-review {
        grid-column: span 4;
        padding: 20px;
    }

    .reviews__name {
        font-size: 20px;
    }

    .reviews__stars {
        height: 24px;
    }


    /* __________  section (Контакты и карта)  __________ */
    .contacts-map__info {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: 181px 319px 514px;
        grid-template-areas:
            'contacts'
            'booking'
            'map';
        grid-row-gap: 20px;
    }

    .contacts-map__heading {
        font-size: 20px;
    }

    .contacts-map__input {
        padding: 0 24px;
    }

    .contacts-map__input::placeholder {
        font-size: 14px;
    }
    
    /* __________  footer  __________ */
    .footer__content-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
    
    .footer__menu-link {
        text-decoration: none;
        color: #45403D;
        font-size: 12px;
        font-weight: 600;
    }

    .footer__contact {
        display: flex;
        gap: 24px;
    }
    
    .footer__contact-link {
        width: 24px;
        height: 24px;
    }

    .footer__text {
        font-size: 12px;
    }

}