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

/* -- Viewport Styles ( 801px - 900px ) -- */
@media (max-width: 900px){
    .header .header_logo {
        background-size: 85%;
    }
    .block .left,
    .block .right{
        width: 100%;
        float: left;
    }
}

/* -- Viewport Styles ( 641px - 800px ) -- */
@media (max-width: 800px){
    .header .header_logo {
        background-size: 75%;
    }
    .nav .list_pages{
        font-size: 79%;
    }
}

/* -- Viewport Styles ( 421px - 640px ) -- */
@media (max-width: 640px){
    .header .header_logo.inner .image {
        margin: 0px;
    }
    .nav .list_pages .item_page.active .link, 
    .nav .list_pages .item_page:hover .link,
    .nav .list_pages .item_page .link:hover{
        border: none;
    }
    .header .header_info .detail.name, 
    .header .header_info .detail.address,
    .header .header_info .phone.track{
        font-size: 140%;
        line-height: 140%;
     }
    .nav .list_pages .item:hover .list_subs{
        width: 100%;
    }
}

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

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