/*
*  CUSTOM RESPONSIVE WEBSITE STYLES
*  Use this stylesheet to overwrite or define new rules for your website's visual appearance.
*  If you need to reference the location of image files, please start your URLs with "/images/".
*/

/* -- Viewport Styles ( Media Query $7 / Default 1161px ) -- */
@media (min-width: $7){


}


/* -- Viewport Styles ( Media Query $6 / Default 1160px ) -- */
@media (max-width: $6){

    .content .menus_list,
    .content .menus_content {
        display: block;
        width: auto;
        float: none;
        clear: both;
        text-align: left;
        margin: 0 auto 20px;
    }
    .content .menus_list {
        padding: 0;        
    }
    .content .menus_content {
        padding: 0;
    }
}


/* -- Viewport Styles ( Media Query $5 / Default 1024px ) -- */
@media (max-width: $5){

    
    .header {

    }
    .header .header_logo {
        width: 222px;
        height: 183px;
    }
    .content {
        padding-top: 0;
    }
    body[data-lang="en"] .nav .list_pages,
    body[data-lang="fr"] .nav .list_pages {
        margin: 0 auto;
        padding: 0;
    }
    .nav .list_pages .item_page .link_page {
        font-size: 20px;
    }
    

}


/* -- Viewport Styles ( Media Query $4 / Default 900px ) -- */
@media (max-width: $4){


}


/* -- Viewport Styles ( Media Query $3 / Default 800px ) -- */
@media (max-width: $3){


}


/* -- Viewport Styles ( Media Query $2 / Default 640px ) -- */
@media (max-width: $2){

    .header {
        background-color: #000000;
    }
    .header .header_logo {
        position: static;
        left: auto;
        right: auto;
        transform: none;
        float: none;
        clear: both;
        margin: 0 auto 20px;
    }
    .header .header_info .name, .header .header_info .link {
        margin: 0 auto;
    }
    .nav .list_pages .item_spacer_reservations {
        display: none;
    }
    
    .content .bookenda_block #bkda_injected_content,
    .content .bookenda_block .ypdineBooker.onerow,
    .content .bookenda_block .ypdineBooker .content .search,
    .content .bookenda_block .ypdineBooker .content .search .wrapper,
    .content .bookenda_block .ypdineBooker .content .search .people,
    .content .bookenda_block .ypdineBooker .content .search .date,
    .content .bookenda_block .ypdineBooker .content .search .time,
    .content .bookenda_block .ypdineBooker .content .search .button {
        display: block;
        float: none;
        clear: both;
        margin: 0 auto;
        text-align: center;
        width: auto;
        min-width: 0;
        max-width: none;
        height: auto;
    }
    .content .bookenda_block .ypdineBooker .content .search {
        max-width: 400px;        
    }
    .content .bookenda_block.kind_widget.format_1row .ypdineBooker .content .search .date {
        border: 0 none transparent;
        max-width: none;
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
    }
    .content .bookenda_block.kind_widget.format_1row .ypdineBooker .content .search .button {
        border-radius: 0 0 3px 3px;
        overflow: hidden;
    }
    .content .bookenda_block.kind_widget.format_1row .ypdineBooker .content .search .button button {
        display: block;
        width: 100%;
        float: none;
        clear: both;
        border-radius: 0;
        border: 0 none transparent;
        margin: 0 auto;
    }
    .content .bookenda_block.kind_widget.format_1row .ypdineBooker .content .search .people:after, 
    .content .bookenda_block.kind_widget.format_1row .ypdineBooker .content .search .date:after, 
    .content .bookenda_block.kind_widget.format_1row .ypdineBooker .content .search .time:after {
        display: none;
    }
    .content .bookenda_block.kind_widget.format_1row .ypdineBooker .content .search .people,
    .content .bookenda_block.kind_widget.format_1row .ypdineBooker .content .search .date,
    .content .bookenda_block.kind_widget.format_1row .ypdineBooker .content .search .time {
        text-align: center;
    }
    .content .bookenda_block.kind_widget.format_1row .ypdineBooker .content .search .date input {
        text-align: center;
    }       

}


/* -- Viewport Styles ( Media Query $1 / Default 420px ) -- */
@media (max-width: $1){


}


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


}