@media (min-width: 1550px) {
  .banner {
    height: 800px;
  }

}

@media (min-width: 1300px) {
  .container {
    max-width: 1200px;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {
  .banner-content h1 {
    font-size: 52px;
    margin-bottom: 25px;
  }

  .banner-content p {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .banner-btn {
    width: 190px;
    height: 55px;
    line-height: 55px;
  }

  .feature-item {
    height: 242px;
  }

}

@media (min-width: 768px) and (max-width: 991px) {
  .banner {
    height: auto;
  }

  .banner-img img {
    max-width: 73%;
  }

  .banner-content {
    text-align: center;
  }

  .banner-content p {
    margin: 0 auto 35px;
    max-width: 460px;
  }

  .benner-btn-group {
    justify-content: center;
  }

  .feature-item {
    height: 230px;
  }

  .pricing-table {
    height: calc(100% - 90px);
    margin-bottom: 95px;
  }

  .foot-title {
    margin-bottom: 25px;
    font-size: 19px;
  }

}

@media (max-width: 768px) {
  .navbar-nav {
    background: #c7ecff;
    box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
    padding: 30px 0;
  }

  .nav-item {
    margin-bottom: 12px;
  }

  #nav-sign-in-btn {
    margin-right: 15px;
    margin-top: 15px;
  }

}

@media (max-width: 767px) {
  header {
    padding: 0;
  }

  .banner {
    height: auto;
    padding-bottom: 50px;
  }

  .banner-content {
    text-align: center;
  }

  .banner-content h1 {
    font-size: 42px;
    margin-bottom: 25px;
  }

  .banner-content p {
    font-size: 17px;
    margin-bottom: 30px;
    max-width: 410px;
    margin-left: auto;
    margin-right: auto;
  }

    .banner-img {
        max-width: 360px;
        margin: 0 auto;
        text-align: center;
    }

    .banner-img img {
        max-width: 100%;
    }



  .benner-btn-group {
    flex-direction: column;
    align-items: center;
  }

  .benner-btn-group a:not(:last-child) {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .feature-gutter>[class*='col-'] {
    padding-right: 15px;
    padding-left: 15px;
  }

  .feature-intro h3 {
    font-size: 22px;
  }

  .feature-intro p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
  }

  .feature-item {
    height: auto;
  }

  .feature-box:hover {
    padding: 30px 25px;
  }

  .feature-box h4 {
    font-size: 20px;
  }

  .feature-box p {
    display: block;
  }

  .feature-box:hover img {
    height: 65px;
  }

  .section-title h3 {
    font-size: 30px;
    line-height: 42px;
  }

  .section-title p {
    font-size: 15px;
  }

  .solution-item img {
    width: 75px;
    height: 75px;
  }

  .solution-item {
    padding: 25px;
  }

  .c2a p {
    font-size: 26px;
  }

  .big-btn {
    padding: 14px 24px;
  }

  .sec-pad-bottom {
    padding-bottom: 80px;
  }

  .sec-pad-top {
    padding-top: 80px;
  }

  .single-template {
    margin-bottom: 30px;
  }

  .single-template-img {
    margin-bottom: 15px;
  }

  .single-template-content h4 {
    font-size: 18px;
    margin: 0 0 7px;
  }

  .single-template-content p {
    font-size: 15px;
  }

  .pricing-table {
    height: calc(100% - 90px);
    max-width: 380px;
    margin-bottom: 95px;
    margin-left: auto;
    margin-right: auto;
  }

  .c2a.alt {
    flex-direction: column;
  }

  .c2a.alt p {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .foot-title {
    margin-bottom: 25px;
    font-size: 22px;
  }

  .single-contact i {
    font-size: 17px;
  }

  .single-contact .details h6 {
    font-size: 16px;
    margin-bottom: 2px;
  }

  .single-contact .details span {
    font-size: 14px;
  }

  .footer-block p {
    font-size: 15px;
    line-height: 26px;
  }

  .footer-menu li a {
    font-size: 15px;
  }

  .copyright {
    margin-top: 30px;
  }

  .copyright p {
    font-size: 15px;
  }

  .log-reg-page {
    padding: 30px 0;
  }

  .log-reg-form,
  .log-reg-intro {
    padding: 50px 20px;
  }

  .log-reg-form-input input {
    width: 230px;
  }

  .log-reg-intro p br {
    display: none;
  }

}

@media (max-width: 460px) {
    .get-quote-form-header h5 {
        font-size: 20px;
    }

    .get-quote-form-header button {
        width: 22px;
        height: 22px;
        line-height: 12px;
    }

    .get-quote-form-header button span {
        font-size: 15px;
    }

    .single-form-input input,
    .single-form-input select,
    .single-form-input textarea {
        font-size: 14px;
    }

}

@media (min-width: 576px) and (max-width: 767px) {
  .feature-item {
    height: 180px;
  }

  .feature-box:hover {
    padding: 20px 25px;
  }

  .feature-box p {
    display: none;
  }

  .feature-box:hover img {
    height: 0;
  }

}