/* lg */
@media (max-width: 1199.98px) {

    .desktop-menu > ul {
        font-size: 13px;
    }
    #main-slider .item {
        height: 370px;
    }
    #main-slider p {
        font-size: 54px;
    }
    .slider-controls {
        top: 161px;
    }
    .info-section .background.plates img {
        position: absolute;
    }
    .info-section .background.plates img:first-child{
        left: -100px;
    }
    .info-section .background.plates img:last-child{
        right: -100px;
    }
    .dish-cat-cards .item {
        grid-template-columns: 200px auto;
    }
    .dish-cat-cards .wrap:nth-child(2n) .item {
        grid-template-columns: auto 200px;
    }
    .dish-cat-cards .info h4 {
        font-size: 18px;
    }
    .dish-cat-cards .item .info {
        border-right: 0;
    }
    .dish-cat-cards .wrap:nth-child(2n) .item .info {
        border-left: 0;
    }
    .menu-item {
        grid-template:  "img header price count total buttons"
                        / 160px 240px 130px auto 140px 80px;
        column-gap: 20px;
    }
    .menu-item .count-controller .grid {
        gap: 0;
    }
    .menu-item .count {
        width: 48px;
    }
}
/* md */
@media (max-width: 991.98px) {
    h1 {
        font-size: 36px;
    }
    h1 span::after {
        height: 6px;
        bottom: -8px;
    }
    h2 {
        font-size: 32px;
        margin: 0 0 30px;
    }
    h5 {
        font-size: 14px;
    }
    .info-block.big {
        font-size: 16px;
    }
    #main-slider .item {
        height: 340px;
    }
    #main-slider p {
        font-size: 48px;
    }
    #main-slider span {
        padding: 5px 40px 7px;
        font-size: 18px;
    }
    .slider-controls {
        top: 146px;
    }
    #dish-promo-slider .slider-controls-bottom .wrap {
        gap: 80px;
    }
    .info-section .background.plates img:first-child{
        left: -170px;
    }
    .info-section .background.plates img:last-child{
        right: -170px;
    }
    .dish-cat-cards .item .info, .dish-cat-cards .wrap:nth-child(2n) .item .info {
        border-right: 24px solid #FBF8F1;
    }
    .dish-cat-cards .item, .dish-cat-cards .wrap:nth-child(2n) .item {
        grid-template-columns: 350px auto;
    }
    .dish-cat-cards .item:nth-child(2), .dish-cat-cards .wrap:nth-child(2n) .item:nth-child(2) {
        grid-template-columns: auto 350px;
    }
    .dish-cat-cards .info {
        padding: 50px 25px 0;
    }
    .dish-cat-cards .wrap:nth-child(2n) .item .info {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        border-left: 0;
    }
    .dish-cat-cards .item:nth-child(2) .info, .dish-cat-cards .wrap:nth-child(2n) .item:nth-child(2) .info {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        border-left: 24px solid #FBF8F1;
        border-right: 0;
    }

    #dishes .wrap {
        grid-template-columns: 1fr;
    }
    .dish-card {
        grid-template-rows: 170px 70px 30px auto auto;
    }
    .menu-item {
        grid-template:  "img header price" 
                        "count total buttons"
                        / 170px 350px 1fr;
        column-gap: 30px;
        row-gap: 10px;
        align-items: start;
    }
    .menu-footer .price-block {
        grid-template-columns: 1fr 200px 200px;
    }
    .menu-ex-header > div {
        padding: 50px 0 30px;
    }
    .menu-ex-header h1 {
        line-height: 1.2;
        margin: 0 0 40px;
    }
    .menu-ex-header h1::after{
        bottom: -20px;
    }
    .menu-ex-header h1::after {
        height: 3px;
        width: 120px;
    }
    .menu-ex-header .info-block.big {
        font-size: 14px;
    }
}
/* sm */
@media (max-width: 767.98px) {
    h1 {
        font-size: 28px;
    }
    h1 span::after {
        height: 5px;
        bottom: -6px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 20px;
        line-height: 26px;
    }
    .top-bar .wrap {
        grid-template-columns: max-content max-content;
    }
    .top-bar .wrap .calc {
        display: none;
    }
    .header .wrap {
        grid-template-columns: 1fr 1fr;
        gap: 5px;
        align-content: center;
    }
    .top-logo {
        padding-right: 0;
        padding-top: 0;
        text-align: left;
    }
    header .calc {
        display: grid;
        grid-template-columns: max-content max-content;
        gap: 5px;
        align-items: center;
        justify-content: right;
        font-size: 16px;
        font-weight: 500;
        color: #383432;
        text-transform: uppercase;
    }
    #main-slider .item {
        height: 304px;
    }
    #main-slider p {
        font-size: 36px;
        padding: 0 30px;
    }
    #main-slider span {
        padding: 5px 30px 7px;
        font-size: 16px;
    }
    .slider-controls {
        top: 136px;
    }
    .slider-controls .control {
        height: 32px;
        width: 32px;
        line-height: 32px;
        font-size: 18px;
    }
    #dish-promo-slider .slider-controls-bottom .control {
        font-size: 18px;
    }
    #dish-promo-slider .slider-controls-bottom .wrap {
        gap: 50px;
    }
    .info-section .background.plates img:first-child{
        left: -200px;
    }
    .info-section .background.plates img:last-child{
        right: -200px;
    }
    #about .info-block {
        max-width: 400px;
    }
    .compare tr, td:first-child {
        font-size: 14px;
    }
    .compare tr {
        padding: 10px;
    }
    .compare tr:first-child {
        padding: 0 10px;
    }
    .dish-cat-cards .item, .dish-cat-cards .wrap:nth-child(2n) .item {
        grid-template-columns: 250px auto;
        height: 232px;
    }
    .dish-cat-cards .item:nth-child(2), .dish-cat-cards .wrap:nth-child(2n) .item:nth-child(2) {
        grid-template-columns: auto 250px;
    }
    .dish-cat-cards .item .info {
        border-right: 24px solid #FBF8F1;
    }
    .dish-cat-cards .item p {
        font-size: 14px;
        line-height: 1.4;
    }
    .info-section-small .wrap > div {
        padding: 30px 30px 50px;
    }
    .info-section-small .wrap > div .tomato-bgr {
        position: absolute;
        width: 134px;
        height: auto;
        top: -59px;
        left: 50%;
        margin-left: -67px;
    }
    #ask-form form {
        gap: 20px;
        grid-template:  "phone"
                        "mail"
                        "text"
                        "submit"
                        / 1fr;
    }
    form.visible textarea {
        height: 100px;
    }
    .menu-item {
        grid-template:  "img header price" 
                        "count total buttons"
                        / 150px 250px 1fr;
        column-gap: 15px;
    }
    #event-menu .info form {
        grid-template-columns: 250px 1fr;
    }
    #event-menu .info form a, #event-menu .info form input {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    #change-persons-count span, #change-persons-count a {
        display: block;
        margin-left: auto; 
        margin-right: auto;
        text-align: center;
        padding: 0 10px;
    }
    .menu-footer .price-block {
        grid-template:  "price price"
                        "food drinks"
                        / 1fr;
        gap: 20px;
    }
    .menu-footer .price-block .menu-total {
        grid-area: price;
    }
    .menu-footer .price-block .food {
        grid-area: food;
    }
    .menu-footer .price-block .drink {
        grid-area: drinks;
    }
    .top-bar .wrap {
        grid-template-columns: max-content max-content max-content;
        gap: 15px;
    }
    .our-terms h1 {
        font-size: 28px;
    }
    .our-terms p {
        font-size: 14px;
    }
    .terms-price {
        grid-template-columns: 250px auto;
        gap: 10px;
    }
}
/* xs */
@media (max-width: 575.98px) {
    h2 {
        font-size: 24px;
    }
    h4 {
        font-size: 16px;
        line-height: 22px;
    }
    .top-bar .wrap {
        grid-template-columns: max-content;
        gap: 7px;
        text-align: right;
    }
    .top-bar .wrap .phone {
        grid-row-start: 1;
        grid-row-end: 2;
        font-size: 16px;
    }
    header .calc {
        font-size: 14px;
        text-transform: none;
    }
    #main-slider .item {
        height: 250px;
    }
    #main-slider p {
        font-size: 26px;
    }
    #main-slider span {
        padding: 5px 10px 7px;
        font-size: 14px;
    }
    .slider-controls {
        top: 109px;
    }
    .info-section .background.plates {
        display: none;
    }
    .info-section .background.food-top img {
        width: 500px;
    }
    .compare tr {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .compare td:last-child {
        margin-bottom: 0;
    }
    .compare tr {
        padding: 15px 10px;
    }
    .compare td {
        margin-bottom: 20px;
    }
    .compare h6 {
        font-weight: 700;
    }
    .dish-cat-cards .item {
        height: 206px;
    }
    .dish-cat-cards .item p::after {
        bottom: 35px;
    }
    .dish-cat-cards .item .info {
        border-right: 0;
        padding: 50px 5px 0;
    }
    .dish-cat-cards .item:nth-child(2) .info, .dish-cat-cards .wrap:nth-child(2n) .item:nth-child(2) .info {
        border-left: 0;
    }
    .dish-cat-cards .item .info, .dish-cat-cards .wrap:nth-child(2n) .item .info {
        border-right: 0;
    }
    .dish-cat-cards .item, .dish-cat-cards .wrap:nth-child(2n) .item {
        grid-template-columns: 40% auto;
    }
    .dish-cat-cards .item:nth-child(2), .dish-cat-cards .wrap:nth-child(2n) .item:nth-child(2) {
        grid-template-columns: auto 40%;
    }
    .dish-cat-cards .info h4 {
        font-size: 16px;
    }
    .popup-form {
        padding: 50px 30px;
    }
    .calc-link span {
        font-size: 14px;
    }
    .info-section-small .wrap > div {
        padding: 40px 10px;
    }
    #ask-form form {
        max-width: 350px;
    }
    #ask-form form .submit {
        grid-template-columns: auto;
        justify-content: center;
        gap: 20px;
    }
    .menu-item {
        grid-template:  "img img img img" 
                        "header header count count"
                        "price price total total"
                        "price price buttons buttons"

                        / 1fr 1fr 1fr;
        column-gap: 10px;
    }
    .menu-item .header h4 {
        font-size: 20px;
    }
    .menu-item .img-wrap {
        height: 0;
    }
    .menu-item .price h4 {
        font-size: 17px;
    }
    .menu-item .item-total h4 {
        font-size: 20px;
    }
    .menu-item .count-controller {
        align-self: center;
    }
    #event-menu .info form {
        grid-template-columns: 250px;
        justify-content: center;
    }
    .menu-block .category-header {
        display: grid;
        grid-template-columns: auto;
        align-items: center;
        gap: 0;
        margin-bottom: 0;
    }
    .menu-block .category-header .basket .icon-basket {
        font-size: 24px;
    }
    .menu-block .category-header .basket > span {
        font-size: 16px;
    }
    .menu-block .category-header .basket .plus {
        font-size: 18px;
    }
    .menu-block .category-weight {
        font-size: 16px;
    }
    #choose-menu-calc .grid {
        padding-top: 30px;
        gap: 20px;
    }
    #choose-menu-calc img {
        width: 50px;
        margin-bottom: 15px;
    }
    #pricing-section {
        padding: 60px 0;
    }
    .terms-price {
        grid-template-columns: 150px auto;
        gap: 5px;
    }
}