@media (min-width: 1299px) {

  .container,
  .project .main article:before {
    width: 1260px;
  }
}

@media all and (max-width: 1249px) {

  .container,
  .project .main article:before {
    width: 940px;
  }
}

@media (max-width: 999px) {

  .container,
  .project .main article:before {
    width: 700px;
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  .inside aside .logo {
    left: 100%;
  }
}

@media (max-width: 767px) {

  .container .main article:before,
  .project .main article:before {
    width: 460px;
  }

  .projects .main {
    width: 70vw;
    margin: auto 0 auto 30vw;
  }

  .projects .main .column {
    width: 35vw;
  }

  .logo {
    width: 50px;
    max-width: 50px;
  }

  aside footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
  }

  aside footer nav {
    position: absolute;
    bottom: 0;
    height: 100%;
  }

  aside footer nav .language {
    clear: left;
    margin-top: 0;
  }

  aside footer nav .letter {
    position: absolute;
    left: 30px;
    bottom: 30px;
  }

  aside footer nav menu {
    padding: 0;
    margin: 0;
    transform-origin: top left;
    width: 80%;
    position: absolute;
    bottom: 80px;
    left: 0px;
  }

  aside footer nav menu ul li {
    margin: 0 0 5px 0;
    clear: left;
  }

  .conquistas .container .column {
    width: 100%;
    padding: 0px 10vw 0px;
  }

  .sobre .container .text {
    max-width: 320px;
  }

  .loading aside footer nav .language {
    top: 0;
    clear: left;
    margin-top: 0;
    margin: 0 0 5px -50vw;
  }

  .loading aside footer nav ul li {
    clear: left;
    top: 0;
    margin-left: -50vw;
  }

  .inside aside {
    width: 100px;
  }

  .inside aside:hover {
    width: 50%;
  }

  .inside aside:hover header {
    width: 100%;
    max-width: 100%;
  }

  .inside aside:hover .logo {
    margin: 30px 0;
    left: 30px;
  }

  .inside aside:hover footer nav menu {
    left: 0;
  }

  .inside aside .logo {
    width: 50px;
    max-width: 50px;
    left: 50px;
  }

  .inside aside footer nav .language {
    margin-top: 0;
    top: 0;
    margin-left: 0;
  }

  .inside aside footer nav menu {
    left: -50vw;
  }

  .inside aside footer nav ul li {
    top: 0;
    clear: left;
    margin-left: 0;
  }
}

@media (max-width: 479px) {
  aside {
    width: 50px;
  }

  aside header:after {
    transition: none;
  }

  .logo {
    top: 5px;
    left: 5px;
    width: 45px
  }

  .inside aside .logo {
    top: 5px;
    left: 55px;
    width: 45px
  }

  .container,
  .project .main article:before {
    width: 100%;
    padding: 0 30px 0 70px;
  }

  .servicos .clients {
    min-width: 270px;
    padding: 30px 12px;
  }

  .servicos .umquarto {
    min-width: 270px;
    padding: 30px 12px
  }

  .contato .main {
    width: 100%;
    height: 100vh;
  }

  .contato .main .column {
    width: 100%;
    height: 50%;
  }

  .contato .main .column:nth-child(1) {
    height: auto;
  }

  .contato .main .column:nth-child(1) .wrapper {
    height: auto;
    position: relative;
    float: none;
  }

  aside footer nav {
    padding: 0 30px 30px 0;
    height: 50px;
  }

  aside footer nav menu {
    display: flex;
    width: 530px;
    left: 10px;
    bottom: 10px;
  }

  aside footer nav menu ul {
    display: flex;
    left: 0;
    width: 100%;
    order: 1;
    flex-direction: row-reverse;
  }

  aside footer nav menu ul li {
    transition: none;
    transition-delay: 0s;
    margin: 0;
  }

  aside footer nav menu ul li a {
    height: 26px;
    padding: 0 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: none;
    transition-delay: 0s;
    white-space: nowrap;
  }

  .aside footer {
    width: 55px;
  }

  aside,
  aside header,
  aside footer,
  .aside footer nav menu .language,
  aside footer nav menu .language label,
  .logo,
  aside footer nav .letter {
    transition: none !important;
    transition-delay: 0s !important
  }

  .aside footer nav .letter {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 26px;
    height: 50px;
  }

  aside footer nav menu .language div label {
    height: 25px;
    line-height: 25px;
  }

  aside footer nav .letter {
    left: 10px;
    bottom: 10px;
    width: 30px;
    height: 30px;
  }

  .contato #conteudoFormulario {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    padding: 20px 30px 0;
  }

  .contato div.wpforms-container-full .wpforms-form textarea,
  .contato .main div.wpforms-container-full .wpforms-form input {
    width: 100%;
  }

  .projects .main {
    width: 88vw;
    margin: auto 0 auto 60px;
  }

  .projects .main .column {
    width: 100%;
  }

  .conquistas .container h3 {
    font-size: 24px;
  }

  .sobre #conteudo .text {
    padding: 0;
    margin: 30px auto;
  }

  .sobre #conteudo span {
    display: none;
  }

  .testeRight {
    display: none !important;
  }

  .inside aside footer nav menu {
    left: 10px;
    bottom: 10px;
    transition: none !important;
    transition-delay: 0s !important
  }

  .inside aside header {
    left: -50px;
    transition: none !important;
    transition-delay: 0s !important;
    animation: none;
  }

  .conquistas .container .column {
    padding: 0 20px 0 60px
  }

  .sobre .container .text {
    max-width: 100%;
    padding: 0 30px 0 70px;
  }

  .contato #conteudo{
    top: 0;
    padding-top: 100px;
    transform: none;
  }

}