/* -- Viewport Styles ( Responsive Threshold  ) -- */
@media (max-width: 1160px){
    .footer .footer_info .footer_column_address {
        right: 10px;
    }

}
@media (max-width: 1024px){
    .header .header_logo {
        width: 100px;
        height: 100px;
    }

}


/* -- Viewport Styles ( 801px - 900px ) -- */
@media (max-width: 900px){      
    .footer .footer_info .footer_column_logo {
        display: block;
    }
}


/* -- Viewport Styles ( 641px - 800px ) -- */
@media (max-width: 800px){
    .footer .footer_info .footer_column_address {
        position: relative;
    }
    .footer .footer_info .footer_column_logo {
        display: none;
    }
    #footer > div > div.footer_info > div > table > tbody > tr > td.footer_column.footer_column_connect  {
        margin-top: -40px;
    }
}


/* -- Viewport Styles ( 421px - 640px ) -- */
@media (max-width: 640px){
    .header {     
        background-color: rgb(0, 0, 0) !important;
    }
    
    /* -- Action Buttons -- */
    .header .header_logo,
    .scrolled .header .header_logo {
        width: 60px !important;
        height: 60px !important;
        top: 0 !important;
        position: relative !important;
        float: none !important;
        margin: 0 auto;
    }
    
    .action_buttons {
        display: block;        
        background-color: #000 !important;
    }
    
    .nav .list_pages {
        background-color: #000;
        margin-top: 30px;
    }
    .nav .list_pages .item_page .link, 
    .nav .list_pages .item_page:hover .link, 
    .nav .list_pages .item_page.active .link {
        padding: 10px 0px;
        font-size: 20px;
        line-height: 28px;
    }
    
    .has_action_buttons .content {
        padding-top: 110px !important;
    }
    
    /* -- Page : Home --  */
    .be-1col {
        display: block !important;
    }
    .be-1row {
        display: none !important;
    }
    .social_float_left {
        width: auto;
    }
        
    /* -- Page : About --  */
    .content .floatL,
    .content .floatR {
        float: none;
        width: 100%;
    }
    #footer > div > div.footer_info > div > table > tbody > tr > td.footer_column.footer_column_connect  {
        margin-top: -40px;
    }

}


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

}


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