/* Netfontes - comportamento responsivo por faixa.
 * Desktop: acima de 1120px
 * Tablet: 641px a 1120px
 * Celular: ate 640px
 */

/* Tablet */
@media only screen and (min-width: 641px) and (max-width: 1120px) {
    body {
        min-width: 0 !important;
    }

    #boxleft {
        width: 280px;
    }

    #content,
    #content_menor {
        width: calc(100% - 300px) !important;
        margin: 10px 0;
        padding-right: 10px;
    }

    #rodape {
        margin-left: 280px;
    }

    #index_gg_160_600 {
        display: none;
    }

    #logo {
        margin-left: 20px;
    }

    .functions,
    .google_top {
        flex-wrap: wrap;
    }

    .font2 {
        overflow-x: auto;
    }

    .dropdown-content {
        max-width: calc(100vw - 40px);
    }
}

@media only screen and (max-width: 930px) {
    .gg_768x90 {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    #logo {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-bottom: 12px;
    }

    .r0 {
        right: 0;
    }
}

/* Celular */
@media only screen and (max-width: 640px) {
    html,
    body {
        width: 100%;
        min-width: 0 !important;
        overflow-x: hidden;
    }

    #boxleft,
    #content,
    #content_menor,
    .boxright,
    #index_gg_160_600,
    #skyad {
        float: none;
        width: 100% !important;
    }

    #content,
    #content_menor {
        margin: 10px 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    #rodape {
        margin-left: 0;
    }

    #top_menu {
        display: inline-block;
        width: 100%;
    }

    .dropdown {
        width: 50%;
        float: left;
    }

    .dropdown-content,
    .cc {
        display: none;
    }

    .bl {
        border-right: 0;
    }

    .hotel {
        width: 100%;
    }

    .lang,
    .login {
        width: 100%;
        padding: 5px 0;
        text-align: center;
        margin: 0;
    }

    .cc2 {
        width: calc(100% - 20px);
    }

    .search {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 0 10px;
    }

    .search input.txtSearch {
        width: min(65vw, 260px);
        margin: 5px 0;
    }

    .sbutton {
        margin: 0;
        flex: 0 0 auto;
    }

    .contentShare {
        margin: 8px 0 5px;
    }

    .iview,
    h1 {
        text-align: center;
    }

    .dn {
        display: none;
    }

    .dv {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .functions,
    .google_top {
        flex-direction: column;
        text-align: center;
        width: 100%;
    }

    .functions form {
        padding: 0 0 15px;
        width: 100%;
    }

    .mr,
    .mr20 {
        margin-right: 0;
    }

    .pg {
        text-align: center;
    }

    .pg a {
        margin: 5px 0;
    }

    .img_full {
        width: 100%;
        height: auto;
    }

    .font2 {
        overflow-x: auto;
        margin: 0 4px 20px;
    }

    .font2 img {
        max-width: 100%;
        height: auto;
    }

    .c2 {
        display: inline-block;
        text-align: center;
        font-size: 1em;
    }

    .c3 {
        float: none;
        font-size: 1em;
        font-weight: bold;
        text-align: center;
    }

    .e3 {
        display: none;
    }

    .mf {
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px;
    }

    .mf li {
        margin-right: 0;
    }

    input[type="text"],
    input[type="email"],
    input[type="password"],
    select,
    textarea {
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .hotel,
    .mf li.dn {
        display: none;
    }

    .mf {
        text-align: center;
    }

    .mix-bebe img {
        width: 100%;
        height: auto;
    }
}