@media only screen and (max-width: 1200px) { .wrapper { width: auto; padding: 0 20px; }
  .btn { font-size: 16px; }
  header nav a.lev1 .text { font-size: 13px; }
  footer .top .wrapper { padding: 30px 20px; }
  footer .bot .wrapper { padding: 20px; }
  #banner .mask { width: calc(100% - 40px); left: 20px; }
  #banner .mask:before, #banner .mask:after { width: 40px; }
  #secbanner .wrapper .mask { width: calc(100% - 40px); left: 20px; }
  #secbanner .wrapper .mask:before, #secbanner .wrapper .mask:after { width: 40px; }
  header .wrapper { padding-left: 62px; padding-right: 160px; }
  #box-languages { right: 62px; }
  #home-presentation .right .innerleft { width: 50%; }
  #home-presentation .right .innerright { width: 50%; padding: 50px 70px 50px 40px; }
  #home-marcacoes .wrapper { margin: 0 20px; }
  .grid-b .item .right { padding: 70px 70px 70px 50px; }
  .grid-b .item:nth-child(even) .right { padding: 70px 50px 70px 70px; }
  .grid-b .item .right .info .title { font-size: 25px; line-height: 30px; }
  .grid-b .item .right .info .desc { font-size: 16px; line-height: 20px; margin-top: 15px; }
  .tratamentos-rituais .grid-b .item:nth-child(even) .right { padding: 40px 40px 60px; } }
@media only screen and (max-width: 1024px) { #mobile-menu-switch { right: 60px; display: block !important; }
  #box-languages { height: 40px; top: 32px; right: 130px; }
  .truncated #box-languages { right: 90px; top: 30px; border-width: 2px; }
  header nav { display: none; }
  #home-presentation .right .description { font-size: 16px; line-height: 23px; }
  #home-presentation .right .innerleft { width: 40%; }
  #home-presentation .right .innerright { width: 60%; }
  #marcacoes-container form { padding: 100px 50px 60px; }
  .tratamentos-rituais .grid-b { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 50px 30px; } }
@media only screen and (max-width: 960px) { #banner h1 { font-size: 40px; line-height: 50px; padding: 0 40px; }
  #secbanner .wrapper h1 { font-size: 40px; line-height: 50px; }
  #home-presentation .wrapper { flex-direction: column; }
  #home-presentation .left { padding-right: 0; margin-bottom: 30px; width: 100%; justify-content: center; position: relative; }
  #home-presentation .left img { width: 100px; flex-shrink: 0; }
  #home-presentation .left:before { content: ""; background-color: #f2edd7; width: calc(50% - 80px); height: 4px; position: absolute; top: calc(50% - 4px); left: 0; }
  #home-presentation .left:after { content: ""; background-color: #f2edd7; width: calc(50% - 80px); height: 4px; position: absolute; top: calc(50% - 4px); right: 0; }
  #home-presentation .right .innerleft, #home-presentation .right .innerright { width: 50%; }
  .grid-a { grid-gap: 15px; }
  .grid-a * { font-size: 16px; line-height: 20px; }
  .grid-a .grid-item { padding: 40px; }
  .grid-a .title { font-size: 20px; line-height: 23px; }
  .grid-a .subtitle { padding-top: 5px; }
  #marcacoes-container form .box-phone { width: 100%; padding-right: 0; }
  #marcacoes-container form .box-service { width: 100%; padding-left: 0; }
  #marcacoes-container form textarea { height: 340px; } }
@media only screen and (max-width: 768px) { .innerwrapper { width: 80%; }
  blockquote { margin-left: 50px; }
  blockquote, blockquote * { font-size: 25px; line-height: 30px; }
  footer h5, footer h5 * { font-size: 16px; line-height: 20px; }
  footer .top .left a { font-size: 16px; }
  footer .top .left .btn { font-size: 12px; height: auto; padding: 10px 15px; }
  footer .top .left span { font-size: 14px; margin: 0 10px; }
  .btn { text-align: center; padding: 15px 20px; white-space: normal; height: auto; }
  #home-presentation .right .innerright { padding: 40px 60px 40px 30px; }
  #home-presentation .right .description { font-size: 14px; line-height: 20px; }
  #home-tratamentos, #somos-tratamentos { height: auto; }
  .grid-a { grid-template-columns: repeat(1, 1fr); }
  .grid-a .grid-item { min-height: 300px; height: auto; }
  #home-marcacoes .description { padding: 0; }
  #home-marcacoes .wrapper { padding: 100px 80px; }
  .grid-b .item { flex-direction: column !important; }
  .grid-b .item .left { padding-bottom: 56.25%; width: 100%; }
  .grid-b .item .right { width: 100%; padding: 50px 70px 70px !important; }
  .tratamentos-rituais .grid-b { grid-template-columns: repeat(1, 1fr); }
  .tratamentos-rituais .grid-b .item .left { padding-bottom: 56.25%; width: 100%; }
  #marcacoes-container form { padding: 60px 30px 35px; }
  #marcacoes-container .notes, #membership-container .notes { padding: 70px 5% 0 5%; }
  #membership-newsletter h2 { font-size: 30px; line-height: 34px; }
  #membership-container #form-membership .box-name { width: 100%; padding-right: 0; }
  #membership-container #form-membership .box-email { width: 100%; padding-left: 0; }
  #membership-newsletter .contents { width: 80%; margin: 0 auto 30px; flex-wrap: wrap; justify-content: center; }
  #membership-newsletter .box-name { width: 100%; padding-right: 0; margin-bottom: 30px; }
  #membership-newsletter .box-email { width: 100%; padding: 0; }
  #membership-newsletter .box-submit { width: auto; padding-left: 0; }
  #galeria-grid .grid { grid-gap: 15px; }
  #galeria-grid .grid-item a:hover .mask { opacity: 1; margin: 15px; height: calc(100% - 30px); }
  #galeria-grid .grid-item a .mask:before { width: 30px; height: 30px; border-radius: 30px; background-size: 10px; } }
@media only screen and (max-width: 600px) { header .wrapper { padding-left: 30px; }
  h2, h2 * { font-size: 30px; line-height: 35px; }
  .general-section { padding: 100px 0 0; }
  .columns-2 { column-count: 1; column-gap: 0; }
  blockquote, blockquote * { font-size: 30px; line-height: 35px; }
  .innerwrapper { width: 100%; padding: 0 20px; }
  footer .top .wrapper { flex-direction: column; align-items: center; }
  footer .top .wrapper .left { margin-bottom: 30px; display: flex; flex-direction: column; align-items: center; }
  footer .top .right { text-align: center; }
  footer .bot .wrapper { flex-direction: column; align-items: center; }
  footer .bot .wrapper .left { margin-bottom: 5px; }
  #banner h1, #secbanner .wrapper h1 { font-size: 30px; line-height: 35px; }
  #home-presentation .right { flex-direction: column; }
  #home-presentation .right .innerleft, #home-presentation .right .innerright { width: 100%; }
  #home-presentation .right .innerright { padding: 30px 60px 60px 60px; }
  #tratamentos-list .wrapper { padding: 0; }
  .grid-b .item .right { padding: 30px 50px 50px !important; }
  .grid-b .item .right .info .desc { font-size: 14px; line-height: 18px; margin-bottom: 30px; }
  .grid-b .item .right .info .subtitle { font-size: 18px; line-height: 23px; }
  .grid-b .item .right .box-btn { text-align: center; margin-bottom: 15px; }
  .grid-b .item .right .btn { position: relative; right: 0; }
  .grid-b .item .right .btn-voucher { right: 0; position: relative; }
  .grid-b .item:nth-child(even) .right .btn { right: auto; left: 0; }
  .grid-b .item:nth-child(even) .right .btn-voucher { left: 0; }
  .tratamentos-rituais .grid-b .item .right .btn { position: relative; padding: 0 20px; font-size: 16px; height: 50px; left: auto; right: auto; }
  #marcacoes-container .wrapper { padding: 0 10px; }
  #marcacoes-container form { padding: 40px 15px 35px; }
  #marcacoes-container form .contents { flex-direction: column; }
  #marcacoes-container form .contents .left { padding-right: 0; width: 100%; }
  #marcacoes-container form .contents .right { padding-left: 0; width: 100%; }
  #marcacoes-container form textarea { height: 250px; }
  #membership-container .wrapper { padding: 0; }
  #membership-container #form-membership { padding: 60px 40px 50px; }
  #membership-container #form-membership:after { left: 15px; top: 15px; width: calc(100% - 30px); height: calc(100% - 30px); }
  #membership-container #form-membership h2 { font-size: 20px; line-height: 25px; margin-bottom: 30px; }
  #membership-container #form-membership textarea { height: 250px; }
  #membership-container #form-membership .box-submit { bottom: -38px; }
  #membership-newsletter h2 { font-size: 20px; line-height: 24px; margin-bottom: 30px; }
  #mfp-w2c { min-width: 0; }
  #mfp-w2c * { font-size: 14px; line-height: 20px; white-space: break-spaces; }
  #mfp-w2c h2 { font-size: 30px; line-height: 35px; margin-bottom: 25px; }
  #mfp-w2c .mfp-close { font-size: 26px !important; }
  #galeria-grid .grid { grid-template-columns: repeat(2, 1fr); } }
@media only screen and (max-width: 480px) { .truncated header .wrapper { padding-left: 20px; }
  #mobile-menu-switch { right: 32px; }
  #box-languages { right: 100px; }
  footer .top .wrapper .left .contents { text-align: center; }
  footer .top .wrapper .left .contents .btn { margin-top: 10px; }
  #banner, #secbanner { padding-bottom: 100px; }
  #banner .mask, #secbanner .wrapper .mask { height: 100%; }
  #banner .wrapper, #secbanner .wrapper { padding-top: 100px; }
  #banner .mask:before, #banner .mask:after, #secbanner .wrapper .mask:before, #secbanner .wrapper .mask:after { width: 10px; }
  #banner .box-scrolldown { bottom: 35px; }
  #secbanner .wrapper:after { bottom: -64px; }
  #banner h1, #secbanner .wrapper h1 { font-size: 20px; line-height: 25px; }
  #home-presentation .wrapper { padding: 0; }
  #home-presentation .right .innerleft { min-height: auto; height: auto; padding-bottom: 100%; }
  #home-presentation .right .mask { top: 25px; left: 25px; width: calc(100% - 50px); height: calc(100% - 50px); }
  #home-marcacoes h2, #home-marcacoes h2 * { font-size: 25px; line-height: 30px; }
  #home-marcacoes .wrapper { margin: 0; padding: 100px 60px; }
  #home-marcacoes .mask { top: 25px; left: 25px; width: calc(100% - 50px); height: calc(100% - 50px); }
  #home-marcacoes .description { font-size: 14px; line-height: 20px; }
  #membership-newsletter .contents { width: 100%; } }
@media only screen and (max-width: 350px) { header .box-logo { margin-top: 5px; }
  header .box-logo a img { width: 115px; }
  #box-languages { right: 80px; }
  .truncated #box-languages { right: 70px; } }