/* CSS Responsive */
/* 0 - 1170px */
@media all and (max-width: 1170px) {
    
    /* Largura do conteúdo */
    .met_content {
        width: 90%;
        float: none;
    }
    
    /* Menu Responsive */
    .dl-menuwrapper button {
        width: 100%;
        text-indent: 1px;
        font-size: 20px;
        font-weight: 300;
        color: #FFF;
        text-align: left;
    }

    .dl-menuwrapper button:after {
        width: auto;
        height: auto;
        box-shadow: none;
        left: auto;
        top: 8px;
        right: 10px;
        background: none repeat scroll 0% 0% transparent;
        color: #FFF;
        font-family: FontAwesome;
        content: "\f0c9";
        font-size: 28px;
        line-height: 100%;
    }
    
    /* Serviços destaque */
    .met_img_with_text article div {
        padding: 15px;
    }
    .met_img_with_text article .met_title_stack {
        font-size: 20px;
    }
    
    .met_img_with_text_preview {
       width: 100%;
    }
    .met_img_with_text article:before, .met_cacoon_sidebar:before {
        display: none;
    }
    .met_img_with_text article {
        position: relative;
        margin-left: 0px;
        float: left;
        width: 100%;
    }
    
    /* Consultas */
    .consulta .legenda-consulta {
        display: block;
    }
    
    /* Consulta de firmas */
    #consultafirmas #legenda-firmas {
        display: block;
    }
    
    /* Rodapé */
    #vg-footer .met_content {
        float: none;
    }
    
    #vg-footer .met_content .row-fluid [class*="span"] {
        margin-bottom: 0;
    }
    
    /* Menu rodapé */
	.met_footer_menu {
	    float: right;
    }
}

/* 0 - 777px */
@media (max-width: 777px) {
    
    /* Largura do conteúdo */
    .met_content {
        width: 90%;
    }
    
    /* Topo */
    #logo,
    .barra_logado {
        float: none;
        text-align: center;
        margin: 0;
    }
    
    /* Menu */
    .dl-menuwrapper {
        position: static;
        max-width: none;
        width: 100%;
    }
    
    /* Serviços destaque */
    .vg_box article {
        width: 100%;
    }
    
    /* Consultas */
    .consulta {
        text-align: center;
    }
    .consulta .legenda-consulta {
        display: inline;
    }
    .consulta input {
        float: none;
        width: auto;
    }
    .consulta button[type=submit] {
        float: none;
        width: 100%;
        display: block;
        margin: 0 auto;        
    }
    
    /* Consulta de firmas */
    #consultafirmas {
        text-align: center;
    }
    #consultafirmas #legenda-firmas {
        display: inline;
    }
    #consultafirmas #Documento_CPF {
        float: none;
        width: auto;
    }
    #consultafirmas button[type=submit] {
        float: none;
        width: 100%;
        display: block;
        margin: 0 auto;        
    }
    
    /* Rodapé */
    #vg-footer {
        text-align: center;
    }
    .met_twitter_ticker_wrap .pull-left,
    .met_twitter_ticker_wrap .pull-right {
        float: none;
        text-align: center;
    }

    /* Assinatura - Webcartórios */
    #assinatura-webcartorios {
        float: none;
        display: block;
    }
}

/* 0 - 440px */
@media all and (max-width: 440px) {
    
    /* Topo */
    header.met_content {
        margin-bottom: 0px;
    }
    
    /*  Menu responsive */
    #dl-menu {
        top: 200px;
    }
    
}