.grid-sizer { width: 200px; }
.menu_wrapper { width: 100%; overflow: hidden; /*-webkit-font-smoothing: antialiased;*/ }
.menu_wrapper h4 { text-decoration: underline; margin: 20px 0; }
.menu_wrapper .menu_category { padding: 0; }
.menu_wrapper .menu_category ul { margin: 0; padding: 20px; list-style: none; }
.menu_wrapper .menu_item { border-bottom: 1px solid #ddd; padding: 10px 0; overflow: hidden; }
.menu_wrapper .menu_item:last-child { border: 0; }
.menu_wrapper .description_side { text-align: left; font-size: 12px; font-weight: 200; line-height: 1.2; padding-left: 0; }
.menu_wrapper .description_side p { margin: 0; }
.menu_wrapper .price_side { text-align: right; white-space: nowrap; padding-right: 0; }
.menu_wrapper .price_side * { padding: 0; }
.menu_wrapper .pre_price { padding-right: 10px; }
.menu_wrapper h5 { margin: 0; font-size: 16px; font-weight: 800; padding-bottom: 5px; }
.menu_wrapper h5 .item_number { padding-right: 10px; }

.menu_wrapper .qmenu-tabs { margin-bottom: 0px; }
.menu_wrapper .qmenu-tabs li { float: none; display: inline-block; margin: 5px; }
.menu_wrapper .qmenu-tabs .btn { color: inherit; border: 1px solid #ddd; background-color: rgba(0,0,0,0.1); }
.menu_wrapper .qmenu-tabs .active .btn { background-color: #fff; color: #333; }

@media (max-width: 767px)
{
    .menu_wrapper ul { padding: 20px 0; }
}

/* photo_navigation */

.menu_wrapper.photo_navigation .tab-content { display: none; }
.menu_wrapper.photo_navigation .qmenu-tabs { position: relative; overflow: hidden; }
.menu_wrapper.photo_navigation .qmenu-tabs li { position: relative; float: left; margin: 0; padding: 0; background-size: cover; background-position: center; }
.menu_wrapper.photo_navigation .qmenu-tabs li .qmenu-responsive-wrapper { width: 100%; height: 0; padding-bottom: 70%; }
.menu_wrapper.photo_navigation .qmenu-tabs li .qmenu-responsive-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.menu_wrapper.photo_navigation .qmenu-tabs li .qmenu-responsive-item { width: 100%; height: 100%; display: table; }
.menu_wrapper.photo_navigation .qmenu-tabs li a { display: table-cell; vertical-align: middle; color: #333; }
.menu_wrapper.photo_navigation .qmenu-tabs li a:hover { text-decoration: none; }
.menu_wrapper.photo_navigation .qmenu-tabs li a span { position: relative; background-color: rgba(255,255,255,0.7); display: block; padding: 7% 0; font-size: 20px; }
.menu_wrapper.photo_navigation .qmenu-tabs li a span:after { content: ''; position: absolute; border-bottom: 1px solid #333; width: 50%; left: 25%; bottom: 10px; }

.menu_wrapper.photo_navigation .qmenu-tabs li:hover { background: none #333!important; }
.menu_wrapper.photo_navigation .qmenu-tabs li:hover a { color: #fff; }
.menu_wrapper.photo_navigation .qmenu-tabs li:hover a span { background: none; }

@media (max-width: 767px)
{
    .menu_wrapper.photo_navigation ul { padding: 0; }
    .menu_wrapper.photo_navigation .tab-content { padding: 10px; }
}

/* Circles */

.menu_wrapper.circles .tab-content { display: none; padding: 50px; }
.menu_wrapper.circles .qmenu-tabs { position: relative; overflow: hidden; margin-bottom: 50px; }
.menu_wrapper.circles .qmenu-tabs li { position: relative; float: left; margin: 0; padding: 0; background-size: cover; background-position: center; border-radius: 50%; }
.menu_wrapper.circles .qmenu-tabs li .qmenu-responsive-wrapper { width: 100%; height: 0; padding-bottom: 100%; }
.menu_wrapper.circles .qmenu-tabs li .qmenu-responsive-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.menu_wrapper.circles .qmenu-tabs li .qmenu-responsive-item { width: 100%; height: 100%; display: table; }
.menu_wrapper.circles .qmenu-tabs li a { display: table-cell; vertical-align: middle; color: #fff; outline: 0; }
.menu_wrapper.circles .qmenu-tabs li a:hover { text-decoration: none; }
.menu_wrapper.circles .qmenu-tabs li a span { position: relative; text-shadow: 1px 1px 5px #000; font-weight: 700; padding: 7%; font-size: 20px; border-radius: 50%; }

.menu_wrapper.circles .qmenu-tabs li:hover { background: none #fff!important; }
.menu_wrapper.circles .qmenu-tabs li:hover a { color: #333; }
.menu_wrapper.circles .qmenu-tabs li:hover a span { background: none; text-shadow: none; }

@media (max-width: 767px)
{
    .menu_wrapper.circles ul { padding: 0; }
    .menu_wrapper.circles .tab-content { padding: 10px; }
}