@media screen and (max-width: 790px){
   .barra_menu{
   	 display: none;
   }
   .menu_mobile{
   	 display: block;
   }

   h2{
      font-size: 5vw;
      margin: 8vw 0;
   }

   .barra_menu_mobile{
       display: none;
   	 position: fixed;
   	 z-index: 6;
   	 height: 100%;
   	 background-color: #363636;
   	 color: #fff;
   	 width: 50%;
   	 right: 0;
   	 top: 0;
   	 text-align: center;
   	 font-size: 3vw;
   	 box-shadow: -9px 0px 5px -3px rgba(0,0,0,0.31);
       animation: barra_menu_mobile_animacao 0.5s;
   }

   @keyframes barra_menu_mobile_animacao{
       from {width: 0%;}
       to {width: 50%;}
   }

   .fechar{
       display: none;
   	 position: fixed;
   	 z-index: 5;
   	 background-color: rgba(54,54,54,0.8);
   	 width: 100%;
   	 height: 100%;
   	 top: 0;
       animation: fechar_animacao 0.2s;
       right: 0;
   }


   @keyframes fechar_animacao{
       from {width: 0%;}
       to {width: 100%;}
   }


   .atalhos{
      display: none;
      right: 8%;
    }

    .atalhos img{
      width: 15vw;
      height: 15vw;
    }

    .atalhos .agenda img{
      width: 15vw;
    }


   .fechar a{
   	 color: #fff;
   	 font-size: 6vw;
   	 margin: 20px 5px;
   }

   .barra_menu_mobile li{
   	 margin: 25px 10px;
   	 border-radius: 5px;
   }

   .barra_menu_mobile a{
   	 color: #fff;
   }

   .destaque_mobile{
   	 background-color: #426747;
   	 padding: 10px;
   	 cursor: pointer;
   }

   .barra_horizontal{
      z-index: 9;
      width: 100%;
      background-color: #fff;
      box-shadow: 0px 7px 8px -1px rgba(0,0,0,0.24);
         
   }

   .icon_menu{
      position: relative;
      width: 50px;
      background-color: #fff;
      height: 50px;
      margin: 5px;
      border: 2px solid #426747;
      border-radius: 5px;
      text-align: center;
      cursor: pointer;

   }

   .icon_logo{
      position: relative;
      width: 100px;
      background-color: #fff;
      margin: 5px;
      border-radius: 5px;
      text-align: center;

   }

   .icon_menu img,.icon_logo img{
      width: 80%;
    }

   .slideshow-container{
      margin: 0 auto;
   
   }


   .dot{
     top: -7vw;
     height: 4vw;
     width: 4vw;
   }

   .prev, .next{
     display: none;
   }
   .sobre_opcoes{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
   }

   .sobre_opcoes li{
      padding: 10px 2px;
      margin: 10px 0;
      width: 20%;
      font-size: 3.5vw;
      cursor: pointer;
      color: #fff;
  }

  .img_clinica{
      width: 100%;
  }

  .img_clinica img{
     width: 50%;
  }

  .img_clinica p{
     width: 100%;
     background-color: #ccc;
     font-size: 3.5vw;
     padding: 5px;
     border-radius: 3px;
     margin: 50px 0 20px;
  }

  .tratamentos{
   width: 100%;
   text-align: center;
   padding: 0.2vw 0;
   color: #fff;
  }

  /*.tratamentos h2{
   font-size: 5vw;
   margin: 8vw 0;
  }*/

  .card_img_tratamentos{
   width: 50%;
  }

  .card_img_tratamentos p{
   font-size: 3vw;
   margin: 5vw 0;
   letter-spacing: 0.7vw;
  }

  .convenios p{
   font-size: 4vw;
   width: 100%;
   letter-spacing: 0.6vw;
  }

  .convenios span{
   font-size: 5vw;
  }


  .card {
    width: 40%;
    margin: 10px 0;
  }
 
  .card_equipe{
    width: 50%;
  }

  .card_equipe img{
   border: 2px solid #3d6241;
  }

  .card_equipe h3{
   font-size: 3.5vw;
  }
  .card_equipe p{
   font-size: 2.5vw;
  }

  .agendamento span{
   font-size: 8vw;
  }


  .agendamento{
   padding: 30px;
   margin-top: 10vw;
   height: 45vw;
  }  

  .texto_agendamento img{
   width: 80%;
  }

  .texto_agendamento a{
      padding: 10px;
      border: 2px solid white;
      font-size: 4.5vw;
   }

   .app{
      width: 35%;
   }

   .app img{
      position: relative;
      width: 130%;
      top: -15vw;   
   }

   .contatos iframe{
      width: 100%;
      height: 400px;
      border: 3px solid #3d6241;
   }

   .contatos form{
    position: relative;
    right: 0;
    width: 100%;
    height: 650px;
    padding: 40px 0;

   }

   .contatos form input{
      font-size: 5.5vw;
  }


   .contatos form input[type='submit']{
     font-size: 7vw;
     width: 60%;
 
  }

  .contatos form textarea{
    font-size: 7vw; 
  }


  .historico{
    display: none;
  }

  .rodape .endereço {
    width: 30%;
    text-align: center;
    width: 70%;
  }



  .rodape .endereço p{
    font-size: 2.5vw;
  }

  .rodape .social_media .telefones li {
    font-size: 3.1vw;
   }

  .rodape .social_media{
    width: 70%;
  }

  .rodape .direitos {
    font-size: 2vw;
  }

