@media screen and (max-width: 1100px) {
    .topo {
        display: none;
    }
    .box .abas {
        width: 357px;
    }
    .box .conteudo-solucao-empresarial {
        width: 359px;
        height: 200px;
        padding: 5px;
    }
    .topo-responsive {
        display: block;
    }
    .logo {
        width: 50%;
        height: 100%;

        vertical-align: center;
        padding: 21px 0;
        float: left;
        width: 50%;
        text-align: left;
        margin-left: 10px;
    }
    .logo img {
        width: 50%;
    }
    header .topo {
        width: 100%;
        height: 135px;
    }
    .menu-responsive {
        background: #fff;
        width: 100%;
        height: 100%;
        display: block;
    }
    header .topo .logo {
        margin: 0 0 0 35px;
    }
    .sombra-banner {
        margin-top: 0 !important;
    }
    .logo {
        width: 50%;
        height: 100%;

        vertical-align: center;
        padding: 21px 0;
    }
    .logo img {
        height: 100%;
    }
    .fa-chevron-left:before {
        margin-left: 15px;
    }
    .fa-chevron-right:before {
        margin-right: 15px;
    }
    .titulo-banner {
        font-size: 2em;
    }
    .texto-banner {
        font-size: 1em;
    }
    .open-menu {
        position: absolute;
        display: block;
        width: 40px;
        height: 30px;
        z-index: 1;
        margin: 5% 5% auto auto;
        background: transparent;
        padding: auto;
        top: 0;
        right: 0;
        border: none;
    }
    .open-menu .line {
        position: absolute;
        width: 100%;
        height: 4px;
        background: #396c39;
        left: 0;
    }
    .open-menu .line.line-1 {
        top: 0;
        transition: all 0.3s ease;
    }
    .open-menu .line.line-2 {
        top: 50%;
        transform: translateY(-50%);
        opacity: 1;
        transition: all 0.3s ease;
    }
    .open-menu .line.line-3 {
        bottom: 0;
        transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .menu.col-6.active {
        left: 0;
    }
    button.open-menu.open .line.line-1 {
        transform: rotate(40deg);
        transform-origin: left;
        transition: all 0.3s ease;
    }
    button.open-menu.open .line.line-2 {
        left: 70%;
        opacity: 0;
    }
    button.open-menu.open .line.line-3 {
        transform: rotate(-40deg);
        transform-origin: left;
        transition: all 0.3s ease;
    }

    .menu-dropdown.active {
        position: inherit;
        width: 80%;
        height: 100%;

        display: grid;
        color: #000;
        border-top: 1px solid #f0f3f4;
        transition: all 0.5s ease;
        background: #fff;
        z-index: 20;
        padding-bottom: 10px;
        overflow: hidden;
        text-decoration: none;
        transform: translateX(0);
    }
    .menu-responsive .center {
        margin: 0;
        width: 100%;
        max-width: 1219px;
    }
    .menu-dropdown.active li {
        color: #396c39;

        line-height: 200%;
        list-style: none;
        margin-left: 10px;
    }
    .dropdown-responsive {
        margin-left: 20px;
    }
    .dropdown-responsive2 {
        margin-left: 20px;
    }
    .solucoes-empresariais {
        width: 100%;
    }
    h2 {
        font-size: 1.25em;
    }
    .box-contato {
        width: 70%;
        height: auto;
        text-align: center;
        float: none;
        margin: 10px auto;
    }
    .box-local {
        margin: 100px auto 20px auto;
        width: 70%;
        height: auto;
        float: none;
    }

    footer {
        height: auto;
    }
    .footer-desktop {
        display: none;
    }
    .footer-responsive {
        display: block;
    }
    .footer-responsive address {
        width: 45%;
        float: left;
        display: flex;
        margin: 15px 1% 15px 4%;
    }
    .footer-responsive .phones {
        width: 45%;
        float: right;
        display: block;
        margin: 15px 4% 15px 1%;
    }
    .footer-desktop .social img {
        text-align: center;
        margin: 10px auto;
        float: none;
    }
    .footer-responsive .social {
        width: 100%;
        height: auto;
        align-items: center;
        float: none;
        text-align: center;
        margin: 5px auto;
    }
    .social img {
        float: none;
        margin: auto;
        align-items: center;
        margin: 5px auto;
    }
    .hostche {
        margin: 5px auto;
        align-items: center;
    }
    footer span {
        margin-top: 0;
        display: block;
        text-align: center;
        padding: 0 10px;
    }
    .justificado {
        width: 95%;
    }
    .solucao-industrial {
        float: none;
        margin: 0 10px;
        display: inline-grid;
    }
    .center {
        padding: 0 15px;
        text-align: center;
    }
    #slider_rolagem {
        width: 100%;
    }
    .solucao-industrial.novi .back {
        margin-top: -5px;
    }
}
@media screen and (max-width: 1050px) {
    .sidebar.active .sidebar-overlay {
        top: 125px;
    }
    .sidebar .sidebar-content,
    .sidebar .sidebar-overlay {
        top: 125px;
    }
}
@media screen and (max-width: 940px) {
    .sidebar.active .sidebar-overlay {
        top: 115px;
    }
    .sidebar .sidebar-content,
    .sidebar .sidebar-overlay {
        top: 115px;
    }
}
@media screen and (max-width: 800px) {
    .sidebar.active .sidebar-overlay {
        top: 105px;
    }
    .sidebar .sidebar-content,
    .sidebar .sidebar-overlay {
        top: 105px;
    }
}
@media screen and (max-width: 675px) {
    .sidebar.active .sidebar-overlay {
        top: 95px;
    }
    .sidebar .sidebar-content,
    .sidebar .sidebar-overlay {
        top: 95px;
    }
}
@media screen and (max-width: 540px) {
    .open-menu {
        width: 35px;
        height: 25px;
        margin: 7% 7% auto auto;
    }
    .sidebar.active .sidebar-overlay {
        top: 85px;
    }
    .sidebar .sidebar-content,
    .sidebar .sidebar-overlay {
        top: 85px;
    }

    .servicos {
        width: 100%;
        height: auto;
        float: right;
        margin: 10px 0 0 0;
    }
}

@media screen and (max-width: 720px) {
    .box .conteudo-solucao-empresarial {
        width: 100%;
    }
    .sobre .conteudo {
        width: 90%;
        height: auto;
        float: left;
        overflow: hidden;
    }
    .sobre {
        width: 100%;
        height: auto;
        margin: 45px auto;
    }
    .separador {
        display: none;
    }
    img.sobre-desktop {
        float: none;
    }
}
@media screen and (max-width: 443px) {
}
@media screen and (max-width: 450px) {
    .atendimento {
        width: 90%;
        height: auto;
        float: left;
        margin: 20px 0 20px 0;
    }

    .atendimento .top {
        margin: 20px auto 0 auto;
    }
    .atendimento .telefone {
        margin: 1px auto 0 auto;
    }
}
@media screen and (max-width: 443px) {
    .atendimento .telefone {
        margin: 1px auto 0 40px;
    }
}
@media screen and (max-width: 404px) {
}

@media screen and (max-width: 910px) {
    .dados-esq {
        width: 80%;
        height: auto;
        float: none;
        margin: auto;
    }
    .dados-dir {
        width: 80%;
        height: auto;
        float: none;
        margin: auto;
    }
    .corpo-orcamento {
        max-width: 900px;
        height: auto;
        margin: 40px 0 15px 0;
        width: 100%;
    }
    .submit {
        margin: 20px 0;
        float: none;
    }
    .box-local {
        margin: 20px auto 20px auto;
    }
}
@media screen and (max-width: 354px) {
    header .destaques .item {
        width: 100%;
        margin: 20px 0 0 0;
    }
}
@media screen and (max-width: 382px) {
    h2 .fundo {
        width: 100%;
    }
}

@media screen and (max-width: 425px) {
    .logo img {
        width: 65%;
    }
    .open-menu {
        width: 30px;
        height: 22px;
        margin: 9% 7% auto auto;
    }
}

@media screen and (max-width: 540px) {
    .box-local {
        width: 100%;
    }
    .box-contato {
        width: 100%;
    }
}

@media screen and (max-width: 390px) {
    .box .abas {
        width: 285px;
        margin: auto;
    }
    h2 {
        margin-bottom: 25px;
    }
    .box .abas .aba {
        width: 95px;
    }
    .solucoes-empresariais {
        margin: 10px 0 0 0;
    }
}
@media screen and (max-width: 480px) {
    .foto-interna {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        float: none;
        margin: 10px auto;
    }
    .justificado {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .box-local iframe {
        height: 220px;
    }
}

@media screen and (max-width: 350px) {
    .open-menu {
        margin: 10% 7% auto auto;
    }
}
@media screen and (max-width: 425px) {
    .footer-responsive address {
        width: 80%;
    }
    .footer-responsive .phones {
        width: 80%;
        float: left;
        margin: 15px 1% 15px 4%;
    }
}