@media (max-width: 767px) {

  .protocols-desktop {
    display: none;
  }  
  
  #hero .hero-info .btn-assessment {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #007bff;
    border: 2px solid #007bff;
    color: #fff; 
  }
  
  #protocol .protocols-mobile {
    margin-bottom: 10px;
    padding: 5px;
  }

  .accordion-toggle {
    display: flex;    
    align-items: center; 
    justify-content: center;
    font-size: 18px;
    padding: 10px;
    background: #ecf5ff;
    color:#1954a4;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    height: 60px;
    transition: 0.4s;
    margin-bottom: 5px;        
    font-weight: 550;
  }
  
  .accordion-toggle.active, .accordion-toggle:hover {
    background-color: #ccc;
  }
  
  .accordion-content {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
    transition: max-height 0.2s ease-out;    
  }

  #protocol .protocols-m .background-m .body-protocol-m,
  #protocol .protocols-m .background-m .facial-protocol-m,
  #protocol .protocols-m .background-m .hair-protocol-m,
  #protocol .protocols-m .background-m .relaxing-protocol-m {
    display: none;    
  }


  #protocol .protocols-m .background-m #hidrolipo-m, 
  #protocol .protocols-m .background-m #reborn-slim-m,
  #protocol .protocols-m .background-m #sos-capilar-m,
  #protocol .protocols-m .background-m #drenagem-linfatica-m {
    display: block;
  }


  #protocol .protocols-m .background-m .body-protocol-m img,
  #protocol .protocols-m .background-m .facial-protocol-m img,
  #protocol .protocols-m .background-m .hair-protocol-m img,
  #protocol .protocols-m .background-m .relaxing-protocol-m img {
    border-radius: 30px;  
    width: 100%;  
    background-color: royalblue;
  }

  #protocol .protocols-m .background-m .body-protocol-m h2,
  #protocol .protocols-m .background-m .facial-protocol-m h2,
  #protocol .protocols-m .background-m .hair-protocol-m h2,
  #protocol .protocols-m .background-m .relaxing-protocol-m h2 {
    margin-top: 20px;
    font-weight: 700;
    color: #1954a4;
    text-align: center;
  }

  #protocol .protocols-m .background-m .body-protocol-m h4 {
    font-weight: 700;
    text-align: center;
  }

  #protocol .protocols-m .background-m .body-protocol-m p,
  #protocol .protocols-m .background-m .facial-protocol-m p,
  #protocol .protocols-m .background-m .hair-protocol-m p,
  #protocol .protocols-m .background-m .relaxing-protocol-m p,
  #protocol .protocols-m .background-m .body-protocol-m ul li,
  #protocol .protocols-m .background-m .facial-protocol-m ul li,
  #protocol .protocols-m .background-m .hair-protocol-m ul li,
  #protocol .protocols-m .background-m .relaxing-protocol-m ul li {  
    color: #777;
  }


  #protocol .protocols-m .background-m {
    animation: slideOut .3s forwards;
  }

  #protocol .protocols-m .background-m.show {  
    animation: slideIn .3s forwards;
  }


  /* Next & previous buttons */
  .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 45%;    
    width: 1em;                
    font-size: 2em;
    color: #1954a4;    
    background-color: #ddd;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;  
    display: flex;
    justify-content: center;
    align-items: center; 
    text-align: center; 
  }

  .next {
    right: 0%;  
    margin-right: 20px;
  }

  .prev {
    right: 100%;  
    border-radius: 3px 0 0 3px;    
    margin-right: -52px;    
  }

  .prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
  }

  #protocol .btn-container-protocols {    
    margin-bottom: 20px;       
  }  

  #protocol .btn-container-protocols .btn-assessment {  
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;    
    font-weight: 500;
    letter-spacing: 1px;
    padding: 10px 32px;
    border-radius: 50px;
    transition: 0.5s;  
    color: #fff;
    background: #1954a4; ;
    border: 2px solid #1954a4;   
    animation: slideOut .3s forwards;
  }

  #protocol .btn-container-protocols .btn-assessment.show {  
    animation: slideIn .3s forwards;
  }

  #protocol .btn-container-protocols .btn-assessment:hover {
    background:  #6ec5a6;  
    border-color: #6ec5a6;
    color: #fff;
  }

}