/* -- Viewport Styles ( Responsive Threshold  ) -- */
@media all and (min-width: 1px) {
    .website,
    .top,
    .nav,
    .header,
    .footer{
        min-width: 0;
        max-width: 100%;
        width: auto;
    }
    .top_wrapper,
    .nav_wrapper,
    .header_wrapper,
    .footer_wrapper,
    .page_wrapper{
        min-width: 0;
        max-width: 1024px;
        width: 100% !important;
        margin: 0 auto;
    }

}

@media all and (max-width: 1640px){
    .definition {
        background-position: center;
    }
}

@media all and (max-width: 1400px){
    .definition,
    .hours {
        float: none;
        width: 100%;
    }
}

@media (max-width: 1024px){

    .header .header_logo {
        width: 200px;
        height: 40px;
    }
}


/* -- Viewport Styles ( 801px - 900px ) -- */
@media (max-width: 930px){
    .nav .list_pages .item_page {
        margin-left: 0 !important;
        padding-bottom: 0;
        width: 90px;
    }
    .content .block_info_hours .text_list {
        font-size: 20px !important;
    }
    .hours {    
        height: 350px;
        padding: 60px 10px;
    }
    
    /*-- Page : About --*/
    #about > div.page_content.page_content_hasbanner > div > div.body_block {
        padding: 10px;
    }
    /*-- Page : VIP --*/
    #vip-list > div.page_content.page_content_hasbanner > div > div.body_block {
        padding: 10px;
    }
    /*-- Page : Contact --*/
    #contact > div.page_content.page_content_hasbanner > div > div.body_block {
        padding: 10px;
    }
    
    .footer_wrapper {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}


/* -- Viewport Styles ( 641px - 800px ) -- */
@media (max-width: 800px){
    .page .page_content {
        padding: 20px 0px;
    }
    .nav .list_pages .item_page {
        margin-left: 0 !important;
        padding-bottom: 0;
        width: 65px;
    }
}
@media (max-width: 670px){
    .nav .list_pages .item_page {
        margin-left: 0 !important;
        padding-bottom: 0;
        width: 50px;
    }
}

/* -- Viewport Styles ( 421px - 640px ) -- */
@media (max-width: 640px){


    /*-- Header --*/
    .header {
        height: 70px !important;
    }
    .header .header_logo {
        top: 10px;
    }
    .page_home .header .header_logo {
        max-width: calc(100vw - 90px);
        width: 100%;
        height: 16vw;
        position: relative;
        top: 15px;
        transition: all 0.5s ease;
    }
    .scrolled.page_home .header .header_logo {
        top: 15px;
    }    
    .website .header .header_info, 
    .has_action_buttons .website .header_info {
        display: none;
    }
 
    .page_home .header { 
        transition: all 0s ease;
    }
    .page_home .nav_expanded .header { 
        background-color: #000 !important;
        transition: all 0.3s ease;
    }
    
    .header_button {
        display: none;
    }
    .header_button {
        margin-top: 20px;
        position: absolute;
        top: 0;
    }
    .website .top .action_buttons {
        display: none;
    }
    .header .top .nav_toggle {
        top: 13px;
        right: 25px;
    }
    .header .nav_toggle span {
        color: #fff;
    }
    
    /*-- Nav --*/    
    .nav .list_pages {
        background-color: #000 !important;
    }
    .nav .list_pages {
        margin-left: 0;
        margin-top: 55px !important;
    }
    .page_home .nav .list_pages {
        margin-top: -290px !important;
    }
    .scrolled.page_home .nav .list_pages {
        margin-left: 0;
        margin-top: 35px !important;
    }
    .nav .list_pages .item_spacer_menus {
        display: none !important;
    }
    .nav .list_pages .item_page {
        width: initial !important;
    }
    .nav .list_pages .item_page .link, 
    .nav .list_pages .item_page:hover .link, 
    .nav .list_pages .item_page.active .link {
        font-size: 24px;
        line-height: 56px;
        color: #fff !important;
    }

    

    .body_block {
        padding: 0px;
    }
    
    .page .action_block {
        padding: 0 20px;
    }
    
    .imageL,
    .imageR {
        float: none;
    }

    .order-online-block {
        height: auto;
    }
    .oo-intro {
        text-align: center !important;
    }
    .oo-text {
        float: none;
        position: relative;
        width: 100%;
        top: 0px;
        text-align: center !important;
    }

    .content {     
        font-size: 20px;
    }

    .hours {    
        height: 400px;
        padding: 60px 10px;
    }
    

    
    .content .block_info_hours .item_label, .content .block_info_hours .item_value {
        text-align: center;
        padding: 0;
    }
    
    .page .block_guide_listings .guide_block_winterlicious .banner {
        width: 360px;
        height: 85px;
        background-size: 230%;
    }
    
    
    .page_content .definition p {
        font-size: 120% !important;
        line-height: 1.6;
        padding: 20px;
    }
    .page_content .hours {
        padding: 20px;
        height: auto;
    }
    .page_content .hours h3 {
        font-size: 120% !important;
        line-height: 1.6;
    }
    .page_content .hours h3 + div {
        font-size: 140% !important;
        line-height: 1.6;
    }
    
    .content .home-social h2 {
        font-size: 120% !important;
        line-height: 1.6;
    }
    
    
    /*-- Page : About --*/   
    .page_info .floatL,
    .page_info .floatR {
        float: none;
        width: 100%;
    }

    

    /*-- Page : Gallery --*/
    .gallery-desktop,
    .menu-desktop{
        display: none !important;
    }
    .gallery-mobile,
    .menu-mobile {
        display: block !important;
    }
    .content .gallery_block .gallery_link, 
    .content .gallery_block .gallery_span {
        width: 49% !important;
    }
    

    
    /*-- Page : Contact --*/
    .page_contact .floatL,
    .page_contact .floatR {
        float: none;
        width: 100%;
    }

    /*-- Footer --*/    
    .footer .block_info_hours {
        width: 280px;
    }
    #footer > div > div.footer_hours > div > div > table > tbody > tr > td {        
        display: block;
        width: 100%;
        float: none;
    }
    .footer .footer_hours {
        font-size: 80%;
    }
    

    .navShown .content {
        display: none;
    }
    
    .popup_overlay .popup_container .hastext .pcontent {
        min-width: calc(100vw - 70px);
    }
    
}


/* -- Viewport Styles ( 321px - 420px ) -- */
@media (max-width: 420px){

}


/* -- Viewport Styles ( 0px - 320px ) -- */
@media (max-width: 320px){

}