﻿body {
    padding-top: 50px;
    padding-bottom: 0px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
.feature-ul li {
    display: flex;
    align-items: flex-start;
}
.feature-ul li i {
    margin-top: 2px;
    margin-right: 10px;
}

.menu-button {
    text-decoration:none !important;
}
.contact-page .form-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.contact-page input, .contact-page select, .contact-page textarea {
    max-width: 100%;
}
.contact-page i.text-red {
    margin-right: 10px
}
.contact-page .w-layout-grid {
    grid-template-columns: 50% 50% !important;
    padding-right: 40px;
}

@media (max-width: 767px) {
    .section.wf-section .col-md-4.col-lg-3.my-4.my-md-0 {
    margin-top: 3.2rem !important;
}
.contact-page .w-layout-grid {
    padding-right: 15px;
}
.contact-page h4 {
    font-size: 14px;
}
.contact-page .green-button {
    margin-bottom: 35px;
}
}

@media (max-width: 991px){
.text-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}
.container .w-80 {
    width: 100% !important;
}
.container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.footer {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}
.footer-secondary {
    margin-top: 15px !important;
    padding-top: 25px !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.main.visible {
    min-height: calc(100vh - 285px) !important;
}
.testimonial-text {
    font-size: 18px !important;
    line-height: 1.5 !important;
}
.text-wrapper {
    margin-left: 20px !important;
}
.slider-wrapper {
    flex-direction: row !important;
}
.contact-page .column.sales {
    padding: 78px 15px;
}
.contact-page h4 {
    font-size: 12px;
}
}

@media (min-width: 992px) and (max-width: 1199px){
.text-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}
.section {
    padding: 3em 0 !important;
}
.footer {
    padding-top: 3em !important;
    padding-bottom: 2em !important;
}
.footer-secondary {
    margin-top: 15px !important;
    padding-top: 30px !important;
}
.column.stats-column {
    padding: 24px 15px 24px 0 !important;
}
.w-nav-menu .menu-list-item a {
    padding: 22px 10px 18px !important;
    font-size: 15px !important;
}
.container .w-80 {
    width: 100% !important;
}
.main.visible {
    min-height: calc(100vh - 285px) !important;
}
.text-wrapper {
    margin-left: 30px !important;
}
.testimonial-text {
    font-size: 18px !important;
    line-height: 1.5 !important;
}
.contact-page .column.sales {
    padding: 78px 15px;
}
.contact-page h4 {
    font-size: 14px;
}

}

