/* -- Viewport Styles ( Responsive Threshold  ) -- */
@media (max-width: $5){


}


/* -- Viewport Styles ( 801px - 900px ) -- */
@media (max-width: $4){
    
    .scrolled.has_action_buttons .header .nav {
        padding-right: 220px;
    }
    .scrolled .nav .list_pages {
        font-size: 85%;
    }
    .scrolled .nav .list_pages .item_page {
        margin-left: 8px;
    }

    .content .menu_section.section-columns-2 .column {
        margin-right: 0%;
    }

}


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

    .website .header .top,
    .scrolled .website .header .top {
        height: auto;
        padding-bottom: 10px;
    }
    .website .header,
    .scrolled .website .header {     
        background-color: #191919;    
        height: auto;
    }   
    .header .header_logo.outer,
    .scrolled .header .header_logo.outer {
        position: static;
        top: 0;
        left: auto;
        right: auto;
        width: 200px;
        height: auto;
        margin: 0 auto;
        float: none;    
    }    
    .header .header_logo.inner,
    .scrolled .header .header_logo.inner {
        width: 100%;
        height: auto;
        margin: 0 auto;
        float: none;
    }
    .website .header .header_info,
    .scrolled .website .header .header_info {
        display: block;
        position: absolute;
        margin: 0;
        top: 50px;
        right: 20px;
    }
    .website .header .nav,
    .scrolled .website .header .nav {
        padding: 0;        
    }

    .nav .list_pages,
    .scrolled .nav .list_pages {
        background-color: #191919;
        text-align: center;
        font-size: 90%;
    }

    .nav .list_pages .item_page,
    .nav .list_pages .item_page:first-child,
    .nav .list_pages .item_page:last-child,
    .scrolled .nav .list_pages .item_page,
    .scrolled .nav .list_pages .item_page:first-child,
    .scrolled .nav .list_pages .item_page:last-child {
        margin: 0 5px;
    }

    .scrolled .nav .list_pages {
        overflow: hidden;
    }

    .scrolled .header .action_button.pos1 {
        right: 10px;
    }
    
    .website .content {
        padding-top: 155px;
    }
    
    .page .page_content {
        padding: 20px 20px 80px;
    }

    .floatL, .floatR {
        float:none;
        display: block;
        width:100%;
    }

    .content .body_block {
        padding-bottom: 0px;
    }

    #gallery div.page_content.page_content_hasbanner div div.body_block div {
        margin-top: 0px;
    }

    #social div.page_content.page_content_hasbanner div div.body_block div {
        margin-top: 0px;
    }
    
    .content .menus_list {
        font-size: 90%;
    }
    .content .menus_content .section_name {
        width: auto;
    }
    
    .content .body_sublinks {
        bottom: -60px;
    }
    
    .footer .footer_info .detail.name {
        max-width: none;
    }

}

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

    .website .header .action_button {
        border-radius: 0px;
    }
    
    .website .header .header_info, 
    .scrolled .website .header .header_info {
        position: static;
        margin: 10px auto 20px;
    }
    
    .website .content {
        padding-top: 0;
    }
    
    .content h2 {
        font-size: 180%;
    }

    .content .menus_content {
        margin-top: 5px;
        padding: 5px;
    }

    .content .block_contact_directions input.text {
        width: 90%;
    }


}


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


}


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

}