/* -- Responsive Helper -- */
body:before {
    content: "Z";
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 13px;
    line-height:20px;
    letter-spacing: 1px;
    color: #FFFFFF;
    width: 20px;
    height: 20px;
    pointer-events: none;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #000000;
    background-color: magenta;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); 
}


/* ------ 2100px - 9999px  ------ */
@media (min-width: 2100px){

    body:before { content: "26"; }



}

/* ------ 1920px - 2100px ------ */
@media (max-width: 2100px){

    body:before { content: "25"; }

    .header .header_logo {

    }


}

/* -- 1785px - 1920px -- */
@media (max-width: 1920px){

    body:before { content: "24"; }
    .header .header_logo {


    }

}

/* ------ Large Desktop 1785px ------ */
@media screen and (max-width: 1785px){

    body:before { content: "23"; }


}

/* ------  1695px ------ */
@media screen and (max-width: 1695px){

    body:before { content: "22"; }


}

/* ------ 1615px & 1650px ------ */
@media screen and (max-width: 1625px){

    body:before { content: "21"; }



}

/* ------ 20" monitor 1595px & 1615px ------*/
@media screen and (max-width: 1615px) {

    body:before { content: "20"; }


}

/* ------ 1535px ------*/
@media screen and (max-width: 1535px){

    body:before { content: "19"; }



}

/* ------ 1589px & 1500px ------*/
@media screen and (max-width: 1589px) {

    body:before { content: "18"; }



}

/* ------ 1590px & 1460px ------*/
@media screen and (max-width: 1460px) {

    body:before { content: "17"; }



}

/* ------ MacBook Pro 13" 1455px ------*/
@media screen and (max-width: 1455px){

    body:before { content: "16"; }


}

/* ------ Ultrabook & Tablet 1370px ------*/
@media screen and (max-width: 1370px){

    body:before { content: "15"; }



}

/* ------ 1450px & 1300px ------*/
@media screen and (max-width: 1300px) {

    body:before { content: "14"; }

    .website, .website .website_wrapper,
    .header, .header_wrapper,
    .nav, .nav .nav_wrapper,
    .top, .top .top_wrapper, 
    .content, .content .content_wrapper,
    .page, .footer, .footer .footer_wrapper {
        width: auto;
        min-width: 0;
        max-width: none;
    }   


}
/* ------ 1212px ------*/
@media screen and (max-width: 1212px){

    body:before { content: "12"; }



}

/* ------ 19" Monitor & 14" Monitor 1024px & 1280px ------*/
@media screen and (max-width: 1280px){

    body:before { content: "11"; }




}

/* ------ 1190px & 1170px ------*/
@media screen and (max-width: 1190px) {

    body:before { content: "10"; }



}

/* ------1166px ------*/
@media screen and (max-width: 1166px){

    body:before { content: "9"; }



}

/* ------ 1165px & 1125px ------*/
@media screen and (max-width: 1125px) {

    body:before { content: "8"; }

    .content .menu_section.section-columns-2 .column {
        width: 100%;
    }
    .content .block_specials_deals .list_item {
        width: 50%;
    }


}

/* ------1134px & 950px ------*/
@media screen and (max-width: 950px) {

    body:before { content: "7"; }

    .content .bookenda_block.kind_button.size_large {
        display: block;
    }
    .content .bookenda_block.kind_widget.format_1row {
        display: none;
    }
    .nav .list_pages .item_page_home .link {
        display: none;
    }

    
}


/* ------------------ SMALLER SCREENS ------------------*/
/* ------  Max Height 600px ------*/
@media screen and (max-height: 600px) {

    .header .header_logo {

    }


}

/* ------ 944px & 850px ------*/
@media screen and (max-width: 850px) {

    body:before { content: "6"; }


}

/* ------ 850px & 800px ------*/
@media screen and (max-width: 800px) {

    body:before { content: "5"; }


}

/* ------ iPhone 6 Plus 1024px & 770px------*/
@media screen and (max-width: 770px){

    body:before { content: "4"; }

    body {
        min-width: 640px;
        box-sizing: border-box;
        background-size: 100% auto;
        background-position: 0 220px;
        background-attachment: scroll;
    }
    .header,
    .content,
    .footer {
        min-width: 640px;
    }

    /* Header */
    .top {
        height: 70px;
    }
    .header .top_wrapper {
        padding-top: 20px;
    }
    .header,
    .header.compact  {
        height: 80px;
        position: fixed;
        background-color: #ed1b24;
    }
    .header_button {
        display: none;
    }
    .header .header_logo,
    .header.compact .header_logo {
        width: 200px;
        height: 80px;
        background-size: 100%;
        margin-top: 3px;
        margin-left: 9px;
    }
    .header .header_logo.outer {
        margin: 0 auto 10px;
        float: none;
        clear: both;
    }

    /* Nav */
    .nav  {
        height: 0vh;
    }
    .nav.nav_open {
        height: 100vh;        
    }

    .nav .nav_wrapper {
        height: 0vh;
    }
    .nav.nav_open .nav_wrapper  {
        height: 100vh;
    }

    .nav-btn  {
        position: absolute;
        top: -53px;
        width: 42px;
        right: 50px;
        height: 32px;
        margin: 0 auto;
    }
    .nav-btn:before  {
        font-family: FontAwesome; 
        color: #000; 
        font-size: 65px;
        content: "\f039";
    }
    .nav-btn:before  {
        color: #2c2626; 
    }
    .nav .list_pages {
        width: 100%;
        margin-top: 10px;
        opacity: 0;
        height: 0;
        overflow: hidden;
        background-color: #353535;
        height: 100vh;
        visibility: hidden;
        position: relative;
        z-index: 1000;
        padding-right: 0;
    }
    .nav .list_pages.nav_open {
        opacity: 1 !important;
        overflow: visible;
        visibility: visible;
    }

    .nav .list_pages .list_subs {
        visibility: hidden;
        opacity: 0;
    }
    .nav .list_pages .item_page {
        display: block;
        text-align: center;
        margin-left: 0;
        padding-bottom: 0px;
    }
    .nav .list_pages .item_page.active {
        background-color: #ed1b24;
    }
    .nav .list_pages .item_page .link,
    .header.compact .nav .list_pages .item_page .link {
        font-size: 35px;
        color: #fff;
        display: block;
        padding: 15px;
        border: none;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
    }
    .nav .list_pages .item_page .link:hover,
    .nav .list_pages .item_page:hover .link,
    .nav .list_pages .active .link {
        text-decoration: none;
        border: none;
        padding: 15px;
    }
    
    .website .nav {
        background-color: #de0d17;
    }
    .website .nav .list_pages {
        font-size: 200%;
        line-height: 1.6;
    }
    .website .nav .list_subs {
        visibility: visible;
        background-color: #bc0b14;
    }
    .website .nav .list_pages .item_page, 
    .website .nav .list_pages .item_page:hover, 
    .website .nav .list_pages .item_page.active {
        color: inherit;
        font-size: inherit;
        line-height: inherit;
        text-shadow: inherit;
    }
    .website .nav .list_pages .item_page .link_page, 
    .website .nav .list_pages .item_page:hover .link_page, 
    .website .nav .list_pages .item_page.active .link_page {
        color: inherit;
        font-size: inherit;
        line-height: inherit;
        text-shadow: inherit;
    }
    .website .nav .list_subs .item_sub .link_sub, 
    .website .nav .list_subs .item_sub:hover .link_sub, 
    .website .nav .list_subs .item_sub.active .link_sub {
        color: inherit;
        font-size: inherit;
        line-height: inherit;
        text-shadow: inherit;
    }
    .nav .list_pages .item_page.item_dropdown:before,
    .nav .list_pages .item_page.item_dropdown:after {
        color: inherit;
    }
    
    
    
    .header .top .nav_toggle {
        display: none;
    }





    /* Content */
    .content h2 {
        font-size: 3em;
    }
    p,
    a,
    td,
    ul,
    b,
    u,
    label,
    span,
    .content .text_summary,
    .content .header_block p,
    .content .body_block p,
    .content .body_block .text_warning,
    .content .viplist_form .section .label,
    .content .viplist_form .section input.text,
    .content .viplist_form .section textarea.textarea,
    .content .viplist_form .section select.select,
    .content .viplist_form .section .format,
    .content .viplist_form .section .title,
    div.text_content, 
    .content .block_contact_address .text_address .name {
        font-size: 24px;
        line-height: 1.25em;
    }
    .ypdineBooker .content .formbutton {
        font-size: 1.75em !important;
    }
    .content .viplist_form .section .label,
    .content .viplist_form .section .field,
    .content .viplist_form .section .rating,
    .content .viplist_form .section .question,
    .content .viplist_form .section input.text,
    .content .viplist_form .section textarea.textarea,
    .content .viplist_form .section select.select,
    .content .viplist_form .section .field_postal_code input.text,
    .content .viplist_form .section .field_province_name select.select,
    .content .viplist_form .section .field_birth_date input.text,
    .content .viplist_form .section .format,
    div#directionsMap.block_contact_map.block_contact_dynamicmap.image_border,
    div.block_contact_address.highlight_block {
        width: 100% !important;
    }
    .content [data-page="specials"] strong {
        font-size: 30px;
    }
    .content .gallery_block .gallery_link {
        width: 49% !important;
    }
    .block-left {
        width: 100%;
        float: left;
    }
    .block-right {
        width: 100%;
        float: right;
        margin: 0 auto;
        margin-bottom: 35px;
    }
    div.sidebar_widget.sidebar_widget_viplist.block_border {
        width: 65%;
        display: inline-block;
        float: none;
        margin: 0 auto;
    }
    .contact-box.left,
    .contact-box.center {
        width: 83vw;
        padding: 0;
    }
    .contact-box.right {
        width: 70vw;
        padding: 0;
        margin: auto auto;
        float: none;
    }
    tr.list_item {
        line-height: 210%;
    }
    .content .body_sublinks {
        display: none;
    }
    div.block_group_photo,
    div.block_group_description,
    div.block_group_details {
        width: 100% !important;
        margin: auto;
    }
    .content .block_group_photo {
        margin-bottom: 20px;
    }
    .content .block_group_description .text_block {
        text-align: left;
    }
    .block_contact_address.highlight_block {
        height: 315px !important;
    }



    /* Page */
    .page {
        background-size: cover;
    }
    .page .page_wrapper {
        padding: inherit;
    }
    .page .page_banner {
        background-size: 100% auto;
        background-attachment: initial;
    }
    .page .social_block_vine .link {
        font-size: 20px;
    }
    .info-block {
        width: 100%;
        float: right;
    }
    .hours-block {
        width: 100%;
        float: left;
    }
    .content .block_specials_deals .list_item {
        width: 100%;
    }
    /* -- VIDEO -- */
    .website .page_banner {
        height: 0;
        margin: 0 auto;
        padding: 0px 0 55%;
    }




    /* Menu */
    h4.section_name,
    .content .menu_section .menu_item td.price,
    .content .menu_section .menu_item h4.item_name {
        font-size: 20px;
    }
    div.section_desc, 
    .content .menu_section .menu_item .item_desc {
        font-size: 20px;
        clear: both;
        font-weight: normal;
    }
    .content .text_summary.subtext,
    .content .header_block p.subtext,
    .content .body_block p.subtext {
        font-size: 20px;
    }
    .content .menus_list .list_item .item_link,
    .content .menus_list .list_item .item_link:hover,
    .content .menus_list .list_item .active_link{
        font-size: 25px;
        line-height: 55px;
    }


    /* Footer */
    .footer p,
    .footer a,
    .footer td {
        font-size: 18px;
    }
    .footer .fa {
        font-size: 40px;
        line-height: 0;
    }
    .footer .footer_logo {
        display: none;
    }
    .left-column {
        width: 90%;
        float: left;
        bottom: 0px;
        left: 15px;
        position: absolute;
    }

}

/* ------ iPhone 6/6s 750px ------*/
@media screen and (max-width: 750px){

    body:before { content: "3"; }

}

/* ------ Galaxy S 720px ------*/
@media screen and (max-width: 720px){

    body:before { content: "2"; }



}

/* ------ iPhone 5/5s & iPhone 4/4s 640px ------*/
@media screen and (max-width: 640px){

    body:before { content: "1"; }




}

/* ------ 0px - 640px ------ */
@media (max-width: 640px){

    body:before { content: "0"; }






}