@media only screen and (max-width:1199px) {

  .banner-logo  {
    left: 3%;
    height: 110px;
  }
}

/* Mobile navbar */

.menu-mobile {
  display:none;
  position:fixed; z-index:998;
  left:0px; top:0px;
  width:100%; height:100%;
  background:rgba(32,41,48,0.5);
}

@media(min-width:992px){
  .menu-mobile {
    display:none !important;
  }
}

.menu-mobile .inner {
  position:absolute;
  width:50%; height:100%;
  left:0%;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  background:white;
  background: url("../images/pattern-verde.jpg");
  -webkit-box-shadow:0px 0px 25px rgba(0,0,0,0.5);
  -moz-box-shadow:0px 0px 25px rgba(0,0,0,0.5);
  box-shadow:0px 0px 25px rgba(0,0,0,0.5);
}

@media(max-width:767px){
  .menu-mobile .inner { width:80%; }
}

.menu-mobile .inner nav {
  margin:92px 15px 15px 15px;
  padding:0px;
}

.menu-mobile .inner nav li {
  display:block;
  margin-bottom:10px;
}

.menu-mobile .inner nav li:last-child {
  margin-bottom:0px;
}

.menu-mobile .inner nav li a {
  display:block;
  width:auto;
  padding:6px;
  text-align:center; text-transform:uppercase;
  font-size:19px;
  color: white; text-decoration:none;
  text-shadow:0px 1px 1px rgba(0,0,0,0.6);
}

.menu-mobile .inner nav li a:hover {
  border-color:#fff;
  color: rgba(255, 255, 255, 0.678);
}

@media only screen and (max-width: 1279px) {
  .banner-logo {
    left: 3%;
    height: 130px;
  }

  .about-text h2 {
    padding-top: 0;
  }

 .rslides1_nav.prev {
    left: 10px;
  }

  .rslides1_nav.next {
    right: 10px;
  }

}

@media only screen and (max-width: 1155px) {
  .banner-logo {
    height: 110px;
  }

  .about .container {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .contato .mapa {
    padding-right: 10px;
  }

  .dados-contato h2 {
    font-size: 35px;
    padding: 0 0 30px 0;
  }

  .mapa {
    width: 90%;
  }

  .contato .container {
    max-width: 1000px;
  }

  .mapa {
    height: 100%;
  }

}

@media only screen and (max-width: 1050px) {

  .banner-logo {
    height: 100px;
  }

  .tratamento {
    width: 33.33%;
  }

  .depoimentos .container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 10px 0 10px;
  }

}

@media only screen and (max-width:991px) {

  .banner-logo {
    height: 90px;
  }

  .banner {
    height: 70vh;
    background-position: 40% 50%;
  }


  .tratamento {
    width: 33.33%;
  }

  .agende {
    padding: 40px 0 60px 0;
  }

  .agende-btn {
    display: block;
    float: initial;
    padding: 0;
    height: 55px;
    text-align: center;
  }

  .agende-txt {
    display: block;
    float: initial;
    text-align: center;
    height: 80px;
    padding: 0;
  }

  .depoimentos .col {
    padding: 0 25px 0 25px;
  }

  .postagens a .postagem {
    width: 33.33%;
  }

  .dados-contato h2 {
    font-size: 30px;
  }

  .zap-btn {
    height: 60px;
  }

  .zap-btn p {
    font-size: 20px;
    line-height: 60px;
  }

  .zap-btn img {
    width: 40px;
    height: 40px;
  }

  .menu-desktop .item {
    font-size: 11px;
    margin: 0 10px;
  }

  .menu-desktop img {
    width: 135px;
    height: 34px;
    margin-top: 12px !important;
  }
  .zap-btn img {
    top: 12px;
    width: 30px;
  }

}

@media only screen and (max-width:889px) {

  .menu-desktop img {
    margin: 10px 10px;
  }
  .menu-desktop ul .item {
    margin: 0 10px;
  }

}

@media only screen and (max-width: 875px) {

  .banner-logo {
    height: 75px;
  }

  .depoimentos .container {
    padding: 0 5px 0 5px;
  }

  .depoimentos .col {
    padding: 0 20px 0 20px;
  }

}

@media only screen and (max-width:767px) {

  .menu-desktop {
    height: 60px;
  }

  .menu-desktop a {
    line-height: normal;
  }
  .menu-desktop .container {
    text-align: center;
  }

  .menu-desktop ul .item {
    margin: 0 5px;
    font-size: 12px;
  }

  .menu-desktop img {
    width: 120px;
    height: 40px;
  }

  #burger-menu {
    display: block;
  }

  .menu-desktop ul li {
    display: none !important;
  }

  .menu-desktop img {
    width: 120px;
    height: 40px;
    margin: 0 !important;
    position: absolute;
    right: 10px;
    top: 0;
  }

  #burger-menu {
    top: 5px;
  }

  .banner-logo {
    display: block;
    top: 20%;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    transform: translate(-50%,0);
    height: 100px;
  }

  .banner-bg {
    background-position: right top;
  }

  .about, .depoimentos, .postagens, .contato {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .tratamentos h2 {
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .depoimentos .col {
    padding-bottom: 25px;
  }

  .depoimentos p {
    margin-bottom: 0.2rem;
  }

  .depoimentos h2 {
    padding-bottom: 40px;
  }

  .postagens a .postagem p {
    font-size: 12px;
  }
  .postagens h2 {
    padding-bottom: 40px;
  }

  .postagem-btn {
    margin: 50px 0;
  }

  .postagem .foto {
    height: 170px;
  }
  .postagem {
    height: 350px;
  }

  .localizacao {
    height: 400px;
  }

  .mapa {
    width: 100%;
    margin-top: 30px;
  }

  .contato .container {
    max-width: 900px;
  }

  .dados-contato button {
    width: 60%;
    margin-left: 20%;
    display: block;
  }

  .icones-especiais img {
    height: 60px;
    margin-top: 30px
  }
  .texto-especiais p {
    font-size: 15px;
  }

}

@media only screen and (max-width:575px) {

  .banner-logo {
    height: 60px;
  }

  .banner {
    background-position: 35% 50%;
    height: 50vh;
  }

  .tratamento h3 {
    font-size: 18px;
    padding: 20px 0 10px 0;
  }

  .tratamento p {
    font-size: 12px;
    padding: 0 6px 12px 6px;
  }

  .tratamento .foto {
    height: 150px;
  }

  .agende-btn {
    margin-top: 25px;
  }

  .agende-txt p {
    padding-right: 0;
    padding-left: 0;
  }

  .depoimentos {
    display: block;
  }

  .postagens a .postagem {
    width: 50%;
  }

  .postagem .foto {
    height: 150px;
  }

  .postagem {
    height: 350px;
  }

  .dados-contato button {
    width: 100%;
    display: block;
    margin-left: 0;
  }

  .localizacao {
    height: 240px;
  }

  .contato span {
    font-size: 14px;
  }

  h2 {
    font-size: 28px !important;
  }

  .zap-btn img {
    top: 12px;
    width: 30px;
  }

  .doacoes {
    background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/bg-doacao.jpg') 50% 50%;
    background-position: right;
  }

  .postagens {
    padding-bottom: 0 !important;
  }

}