@media (min-width: 1920px)
{
  #home .blog .owl-nav {display: none!important}
}

@media (max-width: 1440px)
{
  .m {width: 198px;height: 522px;background-size: contain;background-repeat: no-repeat;}
}

@media (max-width: 1400px)
{
  #tratamento .box.causas .texto {width: calc(100% - 970px);padding-left: 120px;}
  #tratamento .box.causas .imagem img {max-width: 100%}
  #tratamento .box.resultados .imagem img {max-width: 100%}
  #tratamento .box.resultados .texto {width: 290px;padding-left: calc(100% - 826px);}
  #tratamento .box.casos .texto {width: calc(100% - 255px);padding-left: 120px;}
  #tratamento .box.duvidas .texto {width: calc(100% - 255px);padding-left: 120px;}
  #tratamento .box.indicacoes .texto {width: calc(100% - 255px);padding-left: 120px;}
}

@media (max-width: 1200px)
{ 
  .m {display:none;}

  header ul.menu {margin-right: 20px;}
  header ul.menu > li > a {padding: 70px 15px;}
  header .social {display: none;}

  #tratamento .topo .content h1 {padding-top: 220px;}
  #tratamento .topo .content .texto {width: calc(50% - 20px);padding-right: 20px;}
  #tratamento .box.causas .texto {width: calc(50% - 20px);padding-left: 0;}
  #tratamento .box.causas .imagem {width: 50%;}
  #tratamento .box.resultados .texto {width: calc(50% - 20px);padding-left: 0;}
  #tratamento .box.resultados .imagem {width: 50%;}
  #tratamento .box.casos .texto {width: 100%;padding-left: 0;}
  #tratamento .box.duvidas .texto {width: 100%;padding-left: 0;}
  #tratamento .box.indicacoes .texto {width: 100%;padding-left: 0;}
  
  #quem-somos .box .texto {width: calc(50% - 40px);padding: 0 20px;}
}

@media (max-width: 1024px)
{
  header ul.menu {margin-right: 0;}
  header ul.menu > li > a {padding: 70px 10px;letter-spacing: 2px;}

  #home .tratamentos {height: 242px;}
  #home .tratamentos a .item {height: 200px;}
  #home .tratamentos a .item h3 {letter-spacing: 2px;left: 20px;top: 110px;width: calc(100% - 40px);transition-duration: 0.5s;}
  #home .tratamentos a:hover .item h3 {top: 40px;}
  #home .tratamentos a .item .texto p {left: 20px;width: calc(100% - 40px);}
  #home .tratamentos a:hover .item .texto p {top: 90px;}
  #home .blog {height: 730px;}
  #home .blog h2 {padding: 40px 0 20px;}
  #home .blog .item .texto {padding: 20px 10px;}
  #quem-somos .box .texto {width: calc(50% - 40px);}
}

@media (max-width: 980px)
{
  .m {display: none!important;}

   .menu header {top: 0px!important}

  body {padding-top: 75px;}

  header {position: fixed;top: 0;z-index: 9;height: 75px;background: #395271;box-shadow: 0 0 20px rgba(0, 0, 0, 0.65);transition-duration: 0.5s}
  header .sombra {display: none}
  header ul.menu {display: none}
  header ul.menu2 {display: none}
  header .icon-menu {display: block;}
  header a.logo {margin-top: 20px}
  header a.logo img {height: 55px;position: relative;top: -10px;}
  header .social {display: none}

  .content {overflow-x:hidden;}

  .menu-tratamentos {top: 70px;display:none !important;}

  #footer {height:auto;padding-bottom:30px;}
  #footer h4 {padding-top:50px;font-size:20px;}
  #footer .ligue {margin-top:40px;margin-bottom:40px;}
  #footer .textos {padding-top:60px;float:none;width:100%;text-align:center;}
  #footer .textos span {display:block !important;margin:0 !important;margin-bottom:6px !important;float:none !important;left:50%;top:0px !important;transform:translateX(-50%);}
  #footer .textos .endereco {float:none;margin-bottom:20px;}
  #footer .textos .endereco .agende {float:none;left:50%;top:0px;margin-bottom:0px;transform:translateX(-50%);margin:0px;width:100px;position:relative;margin-top:20px;}
  #footer .textos .contatos {float:none;}
  #footer .textos .contatos .telefone {float:none;width:100%;margin:0px;margin-bottom:20px;}
  #footer .textos .contatos .whatsapp {float:none;width:100%;margin:0px;margin-bottom:20px;}
  #footer .logo {width:140px;display:table;margin:0 auto;left:inherit;}
  #footer .social {display:table;margin:0 auto;float:none;}
  #footer .egge {left:inherit;position:relative;display:table;margin:0 auto;bottom:inherit;right:inherit;margin-top:30px;}

  .topo {height: 95px;}
  .topo h1 {padding-top: 35px;font-size: 20px;text-align: center;width: 100%;margin: 0;}
  .topo .detalhe {display: none}

  #banner .banner-mobile {display: block;}
  #banner .banner {display: none;}
  #banner .owl-dots {bottom: 20px;left:15px;width:auto;transform:inherit;}
  #banner .texto h1 {font-size:20px;line-height:inherit;width:100%;margin:0px;}

  #home .tratamentos {height:auto;padding-bottom:40px;}
  #home .tratamentos a:nth-child(2) .item {margin-right: 0;}
  #home .tratamentos a .item {width: 100%;height: 330px}
  #home .frase {padding-top:90px;padding-bottom:50px;}
  #home .frase .imagem {width: 100%;text-align: center;}
  #home .frase .imagem img {top:0px !important;}
  #home .frase .texto {width: 100%;text-align: center;padding-top:40px;}
  #home .frase .texto * {font-size: 20px;line-height: 30px;}  
  #home .blog {height:auto;padding-bottom:60px;}
  #home .blog h2 {padding: 40px 0 20px;}  
  #home .blog .item {min-height:auto !important;}
  #home .blog .item .imagem {background-position: center;}
  #home .blog .item .texto p {display:none;}
  #home .blog .item .texto .tags {display: none;}
  #home .formulario .form .btn {width: 80px;}

  #tratamento .topo {height:auto;padding-bottom:30px;}
  #tratamento .box {padding-top:40px !important;}
  #tratamento .box .texto h2 {padding-bottom:0px !important;margin-bottom:0px !important;}
  #tratamento .topo .content h1 {padding-top: 60px;}
  #tratamento .topo .content .texto {width: 100%;padding-right: 0;padding-top: 70px;}
  #tratamento .topo .content .imagem {width: 100%;float: left;text-align: left;padding-top: 30px;}
  #tratamento .topo .content .imagem img {width: 100%}
  #tratamento .tratamentos h2 {margin-bottom:20px;}
  #tratamento .box.duvidas .texto {margin-bottom:0px;}
  #tratamento .box.duvidas .perguntas {margin-top:0px;}

  #caso .topo .content h1 {padding-top:100px;}
  #caso .texto {padding:0px;margin-top:0px;}
  #caso .texto h2 {margin-bottom:0px;}
  #caso .texto {padding-left:0px;margin-left:0px;width:100%;text-align:center;}
  #caso .box.casos .texto {padding-left:0px;margin-left:0px;width:100%;text-align:center;}
  #caso .box.casos .texto h2 {margin-bottom:0px;margin-top:0px;}

  #quem-somos .topo {height:auto;padding-bottom:40px;}
  #quem-somos .box {padding-top:60px;}
  #quem-somos .box .texto h2 {padding-bottom:0px !important;margin-bottom:0px !important;}
  #quem-somos .topo .content .imagem {padding-top: 60px;}
  #quem-somos .topo .content .imagem img {max-width: 100%}
  #quem-somos .topo .content .texto {padding-top: 100px;}
  #quem-somos .texto-centro {width: 100%;padding: 40px 0px;}
  #quem-somos .texto-centro h2 {padding-bottom:0px !important;margin-bottom:0px !important;}

  #formulario {height:auto;padding-bottom:30px;} 
  #formulario h2 {font-size: 18px;padding-top: 60px;line-height: 30px;}
  #formulario .form {padding-top:40px;width: 90%;}  
  #formulario .form input {margin-bottom:20px;text-align:center;padding:0px;width:100%;padding:15px 0px;}
  #formulario .form .btn {position: relative;top: 0;width: 100%;padding: 15px 0;font-size: 14px;}

  #blog .topo {height:inherit;padding-bottom:40px;}
  #blog .topo .content h1 {padding-top:70px;}

  #contato .topo .content h1 {padding-top: 60px;}
  #contato .topo form input, #contato .topo form textarea {width: 100%;}
  #contato .topo form textarea {width: 100%;}
  #contato .contatos {margin: auto;width: 100%;}
  #contato .contatos a {float: none;margin-top: 30px;}
  #contato .localizacao h3 {text-align: left;width: calc(100% - 30px);padding: 15px;}
}

@media (max-width: 695px)
{
  .menu-tratamentos {width: 100%;right: -120%;}
  .menu-tratamentos a .item {margin-top: 20px;}
  .menu-tratamentos a .item span {background: #dfeaf0;left: -50px;top: -5px;}

  #quem-somos .box .texto {width: 100%;padding: 0;}
  #quem-somos .box .imagem {width: 100%;}

  #caso .topo .content h1 {font-size:25px;}
  #caso .galeria a {height:250px;width:calc(50% - 2px);}
}

@media (max-width: 512px)
{
  #tratamento .box.causas .texto {width: 100%;padding-left: 0;padding-right: 0;margin-bottom: 0px;}
  #tratamento .box.resultados .texto {width: 100%;padding-left: 0;padding-right: 0;margin-bottom: 0px;}
  #tratamento .box.causas .imagem {width: 100%;padding-top: 20px;}
  #tratamento .box.causas .imagem img {width: 100%}
  #tratamento .box.resultados .imagem {width: 100%;padding-top: 20px;}
  #tratamento .box.resultados .imagem img {width: 100%}

  #quem-somos .topo .content .imagem {width: 100%;}
  #quem-somos .topo .content .texto {width: 100%;padding: 0;text-align: center;font-size: 10px;line-height: 17px;}
}
