/* -- Viewport Styles ( > 1160px  ) -- */
@media (max-width: $7){

}


/* -- Viewport Styles ( <= 1160px ) -- */
@media (max-width: $6){

    
    .website .page_banner .banner_wrapper .title_overlay {
        top: 60%;
    }

}


/* -- Viewport Styles ( <= 1024px ) -- */
@media (max-width: $5){

    .website .page_banner .banner_wrapper .title_overlay {
        top: 62%;
    }
    
}


/* -- Viewport Styles ( <= 900px ) -- */
@media (max-width: $4){

}


/* -- Viewport Styles ( <= 800px ) -- */
@media (max-width: $3){

    .header .top .action_buttons {
        min-width: 316px;
    }
    .header .top .action_buttons .action_button {
        width: 148px;
    }
    [data-lang="fr"] .header .action_button_v2 .label {
        font-size: 42%;
    }
    .website .page_banner .banner_wrapper .title_overlay {
        top: 69%;
    }   
    .page:first-child > .page_banner_rotator .banner_slide .wrapper .data {
        padding-top: 36px;
    }
    .website .page_banner_rotator .banner_slide .wrapper .caption {
        font-size: 100%;
        line-height: 1.3;
    }
    .footer .footer_info .name, 
    .footer .footer_info .connect, 
    .footer .footer_info .sitemap {
        display: inline-block;
        margin-top: 10px;
    }
    .footer .footer_links {
        margin: 20px auto 10px;
    }
    
    .content .home-content .section h3,
    .content .home-content .sidebar_widget h3 {
        font-size: 130%;
    }
    .content .home-content .section.hours, 
    .content .home-content .section.social {
        width: auto;
        float: none;
        clear: both;
    }   
    .content .home-content .block_info_hours .text_list {
        line-height: 1.4;
    }
    .content .home-content .block_info_hours.combinedays .item_label, 
    .content .home-content .block_info_hours.multiranges .item_label {
        display: table-cell;
        width: 50%;
        clear: none;
    }
    
    .content .menus_list .list_item {
        border-radius: 0;
    }
    .content .menus_list .list_item:hover .item_link, 
    .content .menus_list .list_item.active_item .item_link {
        text-decoration: none;
    }
    
    .content .menu_section.section-columns-1 .column,
    .content .menu_section.section-columns-2 .column,
    .content .menu_section.section-columns-1 .column:last-child,
    .content .menu_section.section-columns-2 .column:last-child {
        width: auto;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    .content .menu_section.section-columns-1 .column + .column, 
    .content .menu_section.section-columns-2 .column + .column {
        margin-top: 0;
    }
    
    .content .gallery_list .list_item {
        padding: 0 0 6px 4px;
    }
    .content .gallery_list .list_item .item_link {
        
    }
    .content .gallery_list .list_item .item_link .sub {
        display: none;
    }

}


/* -- Viewport Styles ( <= 640px ) -- */
@media (max-width: $2){

    .header .top .action_buttons {
        min-width: 0;
    }
    
    body.animate .header,
    body.animate .header .header_logo.outer,
    body.animate .header .header_info,
    body.animate .header .top .action_buttons, 
    body.animate .nav .list_pages, 
    body.animate .website .page_banner .banner_wrapper .title_overlay .scroller {
        transition: none; 
    }
    
    .website .header {
        background-color: #ffffff;
        background-image: none;
        background-position: center bottom;
        background-repeat: repeat-x;
        background-size: auto auto;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);    
        border-bottom: 2px solid #dedede;
    }    
    .website .header .header_logo.outer {
        opacity: 1;     
        display: block;
        width: auto;
        max-width: 200px;
    }
    .website .header .header_info { 
        width: auto;
        position: static;
        color: #090909;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    }    
    .header .header_info .detail.social:before {
        display: none;
    }
    body:not(.scrolled) .website .page_banner .banner_wrapper .title_overlay .scroller,
    body.scrolled .website .page_banner .banner_wrapper .title_overlay .scroller {
        opacity: 1;
        transform: scale(1, 1);
    }
    
    .nav .list_pages {
        background-color: #f0f0f0;
        border-color: transparent;
        color: #090909;
    }
    .nav_expanded .nav_wrapper {
        box-shadow: none;
    }
    .nav_expanded .nav .list_pages {
        border-color: #dedede;
    }
    .has_nav_toggle .header .nav .list_pages .item_page, 
    .has_nav_toggle .header .nav .list_pages .item_page .link_page {
        text-align: center;
    } 
    .has_nav_toggle .header .nav .list_pages .item_page {
        padding: 0;
    }   
    .has_nav_toggle .header .nav .list_pages .item_page .link_page {
        padding: 6px 12px;
    } 
    body:not(.scrolled) .nav .list_pages .item_page.active, 
    body:not(.scrolled) .nav .list_pages .item_page_first.active, 
    body:not(.scrolled) .nav .list_pages .item_page_last.active, 
    body:not(.scrolled) .nav .list_pages .item_page:hover, 
    body:not(.scrolled) .nav .list_pages .item_page_first:hover, 
    body:not(.scrolled) .nav .list_pages .item_page_last:hover {
        color: #cc4b00;
    }
    .nav_toggle.desktop {
        display: none;
    }
    .header .top .nav_toggle {
        color: #090909;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    }    
    .header .top .nav_toggle .fa {
        color: inherit;
        text-shadow: none;
    }
    .header .top .action_buttons .action_button {
        width: 30%;
        width: calc((100vw / 3) - 10px);        
        float: none;
        margin: 0;
        font-size: 24px;
        font-size: 7.5vw;
    }
    .header .top .action_buttons .action_button:first-child {
        margin-left: 0;
    }
    .header .top .action_buttons .action_button:last-child {
        margin-right: 0;
    }
    .website .action_button .wrap {
        padding: 9px 6px;
    }
    .website .action_button_v2 .icon {
        font-size: 60%;
    }
    .website .action_button_v2 .pipe {
        margin-left: 3%;
    }
    .website .action_button_v2 .label {
        margin-left: -3%;
    }
    .website .action_button .label .tx strong,
    .website .action_button .label .tx span {
        display: block;
        margin: 2px auto;
    }
    
    .header .header_logo.outer {  
        margin: 5px auto 15px;
        float: none;
        clear: both;   
        position: static;
    }
    
    .has_nav_toggle .website:not(.nav_expanded) .header .nav {
        top: 0;
        transform: none;
    }
    .nav .list_pages {
        float: none;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0;
        max-height: 0;
    }
    .nav_expanded .nav .list_pages {
        max-height: 100vh;
        <?= 'max-height: '.(($this_website['website_settings']['num_visible_pages'] * 41) + 10).'px;' ?>
        margin-top: 5px;
    }
    body.animate .nav .list_pages {
        transition: max-height 0.5s, margin-top 0.5s;
    }
    .header .header_info .link.lang {
        display: none;
    }
       
    .page .page_banner, .page:first-child > .page_banner {
        min-height: 25vh;
    }
    .page:first-child > .page_banner_rotator .banner_slide .wrapper .data {
        padding-top: 10px;
    }
    .website .page_banner_rotator .banner_slide .wrapper .caption {
        font-size: 80%;
    }
    .website .page_banner .banner_wrapper .title_overlay {
        top: 70%;
    }
    .website .page_banner .banner_wrapper .title_overlay .scroller {
        width: 40px;
        font-size: 34px;        
    }
    .website .page_banner .banner_wrapper .title_overlay .scroller .fa {
        top: 5px;
    }
    
    .content .body_block {
        box-sizing: border-box;
        padding: 20px;
        min-height: calc(66vh - 40px);
    }
    .content .body_block h2 {
        padding-right: 10px;  
        font-size: 130%;  
        line-height: 1.3;
    }
    .page .page_banner {
        box-sizing: border-box;
        /* min-height: 33vh; */
    }
    .page:first-child > .page_banner {
        /* min-height: calc((100vh - 252px) + 1px); */
    }
    .website .page_banner_rotator .banner_slide .image {
        display: none;
    }

    .content .home-content .sidebar_widget:first-child {
        margin-top: 20px;
    }
    
    .content .home-content .section.intro .award {
        width: 150px;
        margin-left: 20px;
    }
    
    .footer .footer_links .item:nth-child(3),
    .footer .footer_links .item:last-child {
        display: block;
        text-align: center;
        padding: 10px 0;
        margin: 0 auto;
    }
    .footer .footer_links .item:nth-child(3):before,
    .footer .footer_links .item:nth-child(4):before,
    .footer .footer_links .item:last-child:before {
        display: none;
    }
    
    .topscroll {
        border-color: #dedede;
        background-color: #efefef;
        color: #fefefe;
        box-shadow: 0px -1px 3px #ffffff;
        bottom: -2px;
    }
    
}


/* -- Viewport Styles ( <= 420px ) -- */
@media (max-width: $1){

}


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

}