/*
*  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){


}


/* -- Viewport Styles ( Media Query $5 / Default 1024px ) -- */
@media (max-width: $5){
    .header .header_logo {
        width: 150px;
        height: 80px;
    }
    .header .header_info {
        display: none !important;
    }
    .page_splash .content .body_block {
        padding-top: 200px;
    }
}


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


}


/* -- Viewport Styles ( Media Query $3 / Default 800px ) -- */
@media (max-width: $3){
    /* -- Page : Home -- */
    .page:first-child > .page_banner_rotator .banner_slide .wrapper .data {
        margin: 10vw auto 0;
    }
    .flash-only {
        display: none !important;
    }
}


/* -- Viewport Styles ( Media Query $2 / Default 640px ) -- */
@media (max-width: $2){
    
    
    .page_splash  .content {
        margin-top: 0px !important;
    }
    
    
    .header {
        position: fixed;
        background-color: rgb(247, 240, 218);
    }
    .header_button {
        height: 55px;
        padding: 10px;
        position: fixed;
        right: 70px;
        top: 5px;
    }
    .fa {
        color: #fff;
        text-shadow: -1px 1px #757575;
    } 
    .scrolled .fa {
        color: #838383;
        text-shadow: none;
    }
    .fa.fa-navicon {
        font-size: 28px !important;
    }
    
    
    .nav .list_pages {
        background-color: #fff;
    }
    .nav .list_pages .item_page, 
    .nav .list_pages .item_page:hover, 
    .nav .list_pages .item_page.active, 
    .has_action_buttons .nav .list_pages .item_page {
        padding: 0;
    }
    .nav .list_pages .item_page .link, 
    .nav .list_pages .item_page:hover .link, 
    .nav .list_pages .item_page.active .link {
        font-size: 20px;
        line-height: 40px;
        color: #838383;
    }
    .nav .list_pages .item_page .link:hover, 
    .nav .list_pages .item_page:hover .link, 
    .nav .list_pages .active .link {
        text-decoration: none !important;
        border-top: none !important;
    }
    
    
    .page:first-child > .page_banner_rotator .banner_slide .wrapper .data {
        display: none;
    }
    
    .content {
        margin-top: 90px !important;
    }
    
    .content .menu_section .menu_item {
        padding-left: 0;
    }
    
    .be-desktop {
        display: none !important;
    }
    .be-mobile {
        display: block !important;
    }
    
}


/* -- Viewport Styles ( Media Query $1 / Default 490px ) -- */
@media (max-width: $1){
    .page_splash .content .body_block {
        padding-top: 50px;
    }

}


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


}