/* Responsive styles
================================================== */

/*--------------------------------------
Medium Devices (tablets, 768px and up)
*/
@media (min-width: 768px) and (max-width: 991px) {
  .banner-caption h1 {
    font-size: 40px;
  }

  .banner-caption p {
    font-size: 20px;
  }

  .slide-button {
    line-height: 45px;
  }

  .demo-area {
    padding: 60px 0;
  }

  .footer {
    padding: 50px;
  }

  .footer-title h2 {
    font-size: 35px;
  }
}

/*--------------------------------------
Small Devices (landscape phones, 576px and up)
*/
@media (min-width: 576px) and (max-width: 767px) {
  .banner-caption h1 {
    font-size: 30px;
  }

  .banner-caption p {
    font-size: 18px;
  }

  .slide-button {
    padding: 0 30px;
    font-size: 13px;
    line-height: 40px;
    margin: 25px 20px 25px 0;
  }

  .demo-area {
    padding: 60px 0;
  }

  .footer {
    padding: 50px;
  }

  .footer-title h2 {
    font-size: 35px;
  }
}

/*--------------------------------------
Extra Small Devices (portrait phones, less than 576px)
*/
@media (max-width: 575px) {
  .banner-caption h1 {
    font-size: 30px;
  }

  .banner-caption p {
    font-size: 18px;
  }

  .slide-button {
    padding: 0 30px;
    font-size: 13px;
    line-height: 40px;
    margin: 25px 20px 25px 0;
  }

  .demo-area {
    padding: 60px 0;
  }

  .footer {
    padding: 50px;
  }

  .footer-title h2 {
    font-size: 30px;
  }
}