.food_order_banner { position: relative; z-index: 1; max-width: 1202px; margin: 0 auto; margin-bottom: 20px; }
.food_order_banner .banner_feature3 { height: 356px; overflow: hidden; }
.food_order_banner .banner_feature img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 100%; max-height: 100%; width: auto; z-index: 0; transition: 300ms ease-out; }
.food_order_banner .banner_feature { overflow: hidden; position: relative; }
.food_order_banner .food_order_info { background-color: rgba(47,44,44, 0.61); min-height: 81px; position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; display: flex; flex-wrap: wrap; padding: 16px 90px 16px 72px; }
.food_order_banner.hidden .food_order_info { visibility: hidden }
.food_order_banner .food_order_column { flex: 50%; max-width: 50%; display: flex; flex-wrap: wrap; padding: 0 11px; justify-content: center; }
.food_order_banner .small_photo_holder { display: flex; flex-wrap: wrap; }
.food_order_banner .small_photo_column { width: 43px; margin-left: -10px; }
.food_order_banner .small_photo_column img { display: block; max-width: 100%; height: 43px; width: 43px; border-radius: 50%; }
.food_order_banner .small_photo_column .avatar { border-radius: 50%; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC43MiAxNC40NiI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTJ7ZmlsbDojOWM5YzljO30uY2xzLTEsLmNscy0yLC5jbHMtM3tzdHJva2U6I2ZmZjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9LmNscy0xe3N0cm9rZS13aWR0aDowLjVweDt9LmNscy0yLC5jbHMtM3tzdHJva2Utd2lkdGg6MC4yNXB4O30uY2xzLTN7ZmlsbDpub25lO308L3N0eWxlPjwvZGVmcz48dGl0bGU+YXZhdGFyPC90aXRsZT48ZWxsaXBzZSBjbGFzcz0iY2xzLTEiIGN4PSI3LjM2IiBjeT0iNy4yMyIgcng9IjcuMTEiIHJ5PSI2Ljk4Ii8+PHJlY3QgY2xhc3M9ImNscy0yIiB4PSI0LjQ3IiB5PSIyLjQzIiB3aWR0aD0iNS43NyIgaGVpZ2h0PSI4LjIxIiByeD0iMi44OCIgcnk9IjIuODgiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xMiwxMS44M2MtLjA4LjE1LjMuNjcuNTQuODhhNC45NCw0Ljk0LDAsMCwwLDIuNTcuODgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjU0IC0yLjA3KSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTcuNjgsMTEuNjdjLjA3LjE2LS4zMS43MS0uNTQuOTJhNC43Myw0LjczLDAsMCwxLTIuNTYuOTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjU0IC0yLjA3KSIvPjwvc3ZnPg==) center no-repeat; background-size: contain }
.food_order_banner .small_photo_info { width: 113px; margin-right: 10px; padding: 0 5px; }
.food_order_banner .small_photo_info p { font-size: 20px; color: #C4C4C4; line-height: 21px; text-align: center; margin: 0; }
.food_order_banner .small_photo_info p strong { font-weight: normal; color: #FFFFFF; font-size: 31px; display: inline-block;margin-left: 3px; }
.food_order_banner .eaten_here { padding: 0; }
.food_order_banner .eaten_here a.active { color: #F44B38; border-color: #DA210C; }
.food_order_banner .eaten_here a { display: block; border: 1px solid #6D6D6D; background-color: #404040; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.07); padding: 10px 43px 14px 13px; text-decoration: none; font-size: 22px; color: #AAAAAA; position: relative; cursor: pointer }
.food_order_banner .eaten_here a.active::before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi45MiA5Ljg2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjtzdHJva2U6I2ZmZjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MnB4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+Y2hlY2s8L3RpdGxlPjxnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjQuMzUiIHkxPSI4Ljg2IiB4Mj0iMTEuOTIiIHkyPSIxIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNC4yIiB5MT0iOC44MyIgeDI9IjEiIHkyPSI2Ii8+PC9nPjwvc3ZnPg==) no-repeat center center; background-color: #f44b38; }
.food_order_banner .eaten_here a::before { content: ''; width: 23px; height: 24px; background-color: #7d7d7d; border-radius: 3px; position: absolute; right: 13px; top: 14px; z-index: 5; }


@media screen and (max-width: 1210px) {
    .food_order_banner .food_order_info { padding: 16px 30px; }
}

@media screen and (max-width: 1130px) {
    .food_order_banner .food_order_info { padding: 16px 10px; }
}

@media screen and (max-width: 1070px) {
    .food_order_banner .small_photo_column { width: 36px; }
    .food_order_banner .eaten_here a { font-size: 20px; }
}

@media screen and (max-width: 1023px) {
    .food_order_banner .food_order_banner { min-height: inherit; }
    .food_order_banner .food_order_info { padding: 15px 10px 13px 10px; }
    .food_order_banner .food_order_column { flex-direction: column; padding: 0 0 0 10px; }
    .food_order_banner .food_order_column:last-child { padding: 0 10px 0 0; }
    .food_order_banner .small_photo_holder { justify-content: center; }
    .food_order_banner .small_photo_column { width: 50px; padding-bottom: 8px; min-height:50px}
    .food_order_banner .small_photo_column img { height: 29px; width: 29px; }
    .food_order_banner .small_photo_info { text-align: center; width: 100%; margin: 0; padding-bottom: 11px; min-height: 55px; }
    .food_order_banner .small_photo_info p { line-height: 18px; font-size: 17px; min-height: 39px; }
    .food_order_banner .small_photo_info p strong { font-size: 24px; }
    .food_order_banner .small_photo_info p span { display: block; font-weight: 700; color: #fff; }
    .food_order_banner .eaten_here a { font-size: 24px; }

}

@media screen and (max-width: 520px) {
    .food_order_banner .food_order_column { flex-direction: column; padding: 0 0 0 5px; display: block; }
    .food_order_banner .food_order_column:last-child { padding: 0 5px 0 0; }
    .food_order_banner .small_photo_column { width: 20%; margin-left: -4px; min-height: 38.5px; }
}

@media screen and (max-width: 450px) {
    .food_order_banner .eaten_here a { padding: 9px 30px 11px 5px; font-size: 17px; }
    .food_order_banner .eaten_here a.active::before { background-size: 12px auto; }
    .food_order_banner .eaten_here a::before { content: ''; width: 16px; height: 16px; right: 6px; top: 12px; }
}

@media screen and (max-width: 400px) {
    .food_order_banner .small_photo_info { min-height: inherit; }
    .food_order_banner .small_photo_column { min-height: 37px; }
}

@media screen and (max-width: 359px) {
    .food_order_banner .small_photo_info p { line-height: 22px; font-size: 20px; min-height: 44px; }
    .food_order_banner .small_photo_info p strong { font-size: 21px; }
    .food_order_banner .eaten_here a { font-size: 15px; }
    .food_order_banner .small_photo_column { min-height: 33px; }
}