/**
 * custom
 * place custom style in this file
 * add !important to the end if no effect
 * e.g. color: #fff !important;
 * --------------------------------------------------
 *
 */
.site .site-header .navbar {
    opacity: 1;
}
.site h2 {
    text-transform: none;
}

@media (min-width: 768px) {
    .site .navbar-brand img {
        max-height: 50px;
    }
    .site .btn-sm {
        padding: 15px 20px 15px 21px;
    }
}

@media (min-width: 992px) {
    .site .navbar-brand img {
        max-height: 60px;
    }
    .section-heading p {
        font-size: 16px;
    }
}

#demo-header {
    margin: 40px 0 30px;
}

.all-plan-features {
    border: 1px solid black;
    border-radius: 4px;
    background: #fff;
    margin: 0 60px 90px 60px;
    padding: 15px 0;
}

.all-plan-features h4 {
    text-decoration: underline;
}

.all-plan-features ul {
    list-style: none;
    text-align: left;
}

.pricing-tables.row > div {
    padding: 0;
}

.pricing-tables li {
    font-size: 14px;
    text-align: left;
}

.block-note {
    font-size:12px;
}

.site-footer-logo {
    max-height: 58px;
}

.registered {
    font-size: 12px;
}

.modal-content .modal-header,.modal-content .modal-footer {
    border: none;
}

.site .form-control::-webkit-input-placeholder {
  color: #a1a1a1;
}

.site .form-control::-moz-placeholder {
  color: #a1a1a1;
}

.site .form-control:-ms-input-placeholder {
  color: #a1a1a1;
}

.site .form-control::-ms-input-placeholder {
  color: #a1a1a1;
}

.request-demo-btn {
    margin-top: 20px;
    width: 100%;
}
@media (min-width: 992px) {
    .modal-body .feature-img {
        max-width: 600px;
    }
}

.btn i.fa {
    margin: 0;
}
.dialog-next {
    margin-bottom: 12px;
}

.scroll-unnecessary .site-main > div {
    margin-top: 40px;
}