/* -- Viewport Styles ( Responsive Threshold  ) -- */
@media (max-width: 1024px){
    
    .header .header_logo {
        width: 290px;
        height: 90px;
    }

}


/* -- Viewport Styles ( 801px - 900px ) -- */
@media (max-width: 900px){

}


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

}


/* -- Viewport Styles ( 421px - 640px ) -- */
@media (max-width: 640px){
    
    .header .header_logo {
        width: 150px;
        height: 50px;
    }
    
    .website .top .action_buttons {
        background-color:#D8D8D8; !important;
    }
    .website .header .action_button {
        border-radius: 0px;

    }
    .has_action_buttons .content {
        padding-top: 0px;
    }
    
    .header .header_logo {
        top:7px;
        background-size: 150px;
    }
    
    .nav .list_pages .item_page .link,
    .nav .list_pages .item_page:hover .link,
    .nav .list_pages .item_page.active .link {
        font-size: 180%;
        line-height: 40px;
    }
    
    .header .nav, .has_action_buttons .header .nav {
    }

    .content .page {
        padding-top: 0;
        margin-top: 10px;
    }
    
}


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

}


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

}