@media screen and (max-width: 950px){
    .contato > form {width: 90%;}
    .contato > form > div {max-width: 90%;}
    .contato > form > p {max-width: 90%;}
    .contato > form > h1 {font-size: 2.85vw;}
    .contato > form > h1 {font-size: 30px;}
    .title::before, .title::after {display: none;}
    .box-numeros header h1 {font-size: 30px;}
    .box-numeros header p {font-size: 13px;margin: 0 0 10px 0;}
    .wrap-numeros {grid-template-columns: 1fr;}
    .wrap-numeros .card-numero h3 {font-size: 30px;}
    .slick-slide img {margin: 15px 0;}
    .conteiner > header > h1 {font-size: 30px;}
    .slide-numeros {width: 85%;}
    .slide-about {width: 95%;padding: 15px;}
    .wrap-grid {grid-template-columns: 1fr;grid-gap: 1em;width: 80%;margin: auto;}
    .grid header span {font-size: 60px;}
    .slide-about .title {font-size: 25px;}
    .wrap-grid {grid-template-columns: 1fr;grid-gap: 1em;width: 80%;margin: auto;}
    .grid header span {font-size: 60px;}
    .slide-about .title {font-size: 25px;}
    .slide-home article {width: 90%;left: 5%;}
    .slide-home article p {display: none;}
    .slide-home article h1 {font-size: 30px;margin-bottom: 20px;}
    .slide-home {margin-top: 65px;}
    #menu {padding: 15px 2.5%;display: flex;align-items: center;justify-content: space-between;height: 80px;position: fixed;top: -1px;left: -1px;width: calc(100% + 2px);background: #eaeaea;box-shadow: 0 4px 10px -2px #151515;}
    #menu i, #menu > img {display: block;}
    #menu i {font-size: 2em;}
    #menu > img {width: 110px;order: 2;margin-top: 30px}
    #menu section {transform: translate(-100vw);position: fixed;top: 0;transition: .25s;height: 100vh;align-items: flex-start;left: 0;z-index: 10;background: #eaeaea;}
    #menu section a {border-top: 1px solid #dcdcdc;font-size: 20px;}
    #menu section::after {content: "";display: table;background: linear-gradient(90deg, transparent 225px,rgba(0,0,0,0.5) calc(100% - 225px));position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100vw;height: 100%;z-index: 9;}
    #menu section > * {position: relative;z-index: 10;}
    #menu section > div:not(.redes) {height: auto;background: #eaeaea;flex-direction: column;align-items: flex-start;justify-content: flex-start;width: 225px;margin-top: -1px;}
    #menu section img {order: 1;top: 0;width: 70%;display: table;margin: 10px auto 25px;display: none;}
    #menu section div div {flex-direction: column;align-items: flex-end;width: 100%;box-sizing: border-box;height: auto;}
    #menu section div div:first-child {order: 2;}
    #menu section div div:last-child {order: 3;}
    #menu section div:not(.redes) a:not(:last-child) {margin-right: 0;padding-right: 0;border-right: none;}
    #menu section div a {padding: 10px 0 10px 15px;width: 100%;box-sizing: border-box;}
    #menu .redes {display: none;}
    #menu section > div.redes {display: flex;position: relative;height: auto;right: inherit;top: initial;justify-content: space-around;}
    #menu section div {position: relative;z-index: 10;}
    #menu .redes i {font-size: 25px;width: 35px;height: 35px;margin: 0;}
    #menu section .redes a {padding: 0!important;border: none!important;margin: 0!important;width: auto;}
    #menu > section.menu-interno > div:not(.redes) {display: block;}
    #menu section.menu-interno div {height: auto;}
    .menu-interno > div > div:not(:last-child) a {margin: 0;border: none;}
    .franquia, .form-contato,  .page-loja, .suporte {margin-top: 90px;}
}

@media screen and (max-width: 768px){.
    .top {
        margin-top: 80px;
        height: 40vh;
    }

    .top .text {
        font-size: 0.9em;
    }
    .wrap-lojas {
        grid-template-columns: 1fr;
    }
    .card-suporte {
        padding: 10px 1.5% 0;
        flex-direction: column-reverse;
        text-align: center;
    }

    .card-suporte img {
        height: 250px;
    }

    .top {
        height: 40vh;
        margin-top: 80px;
    }
}

@media screen and (max-width: 465px){
    .wrap-services {grid-template-columns: 1fr;}
    .end .text {font-size: 85%;}
    .max-w {width: 95%;}
    .end .text * {max-width: 90%;}
    .end .text p {font-size: 130%;}
    .card-menu {grid-template-columns: 1fr;}
    .card-menu > div > a {text-align: center;}
    .servicos header h1 {font-size: 2em;}
    .menu header h1 {font-size: 1.5em;}
    .card-menu .image, 
    .card-menu p, 
    .card-menu > div:not(.image){max-width: calc(100vw - 50px);}
    .form-contato {flex-direction: column-reverse;}
    .form-contato form {width: 100%;margin-bottom: 15px;}
    .form-contato .contatos {max-width: 100%;}
    .form-contato .card-phone i {padding: 0;width: 50px;justify-content: center;}
    .form-contato .card-phone {margin-bottom: 15px;}
    .numeros > h2 {font-size: 1.3em;max-width: 100%;}
    .grid-numeros {grid-template-columns: 1fr;}
    .grid-numeros .card-numero h3 {margin-top: 0;}
    .vantagens {width: 100%;}
    .franquia .contato > form {width: 90%;}
    .grid-blog {grid-template-columns: 1fr;grid-gap: 1.5em;}
    .box-artigo, .page-contato {
        margin-top: 90px;
    }

    .top-blog {
        padding: 2vw 5%;
    }

    .texto-blog {
        width: 95%;
    }

    .top-blog > img {
        top: 0;
        bottom: 0;
        margin: auto;
        opacity: .25;
    }

    .wrap-stage {
        width: 100%;
    }

    form.form-franquia, form.form-dados {
        width: 100%;
    }

    .row-03 {
        display: table;
        width: 100%;
    }

    .row-03 .input-field:not(:last-child) {
        margin: 35px 0;
    }

    .form-dados .row:nth-child(1), .form-dados .row:nth-child(2) {
        grid-template-columns: 1fr;
    }
}
