@media (min-width: 768px) and (max-width: 1024px) {
  #features img {
    margin-top: 30px;
  }
  #features .feature .button .btn {
    margin: 10px 15px;
  }
  #features .features h4{font-size: 15px;}
}
@media (max-width: 480px) {
  .row {
    padding: 40px 0;
  }
  .section-title {
    font-size: 22px;
  }
  .small-title {
    font-size: 18px;
  }
  .intro-section {
    padding: 0;
  }
  .intro-section .intro-title {
    font-size: 20px;
    padding: 0;
  }
  .intro-section .btn{
    margin: 5px;
  }
  .intro-section h1 {
    font-size: 24px;
  }
  #features img {
    margin-top: 30px;
  }
  #features .feature .button .btn {
    margin: 10px 0;
  }
  #purchase h1{
    font-size: 30px;
  }

  #purchase .btn{
    margin: 5px;
  }
}