/* mobile */
@media (max-width: 576px) {
    /* bp consulting */
    #bp-header {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #testimonials-header {
        background-image: url('/img/headers/testimonials_mobile_banner.jpg') !important;
    }

    h5,
    li {
        font-size: 1rem !important;
    }

    /* Responsive Carousel Text */
    .banner-header {
        font-size: 6vw;
    }

    #mission-statement,
    .banner-text {
        font-size: 6vw;
    }

    #mission-statement,
    .banner-text,
    .banner-header,
    .yellow-banner-text {
        color: #000 !important;
    }

    .bottom-text {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .force-top {
        margin-top: 10px;
    }

    .banner {
        max-width: 100% !important;
    }

    .carousel-caption {
        margin-top: 17rem;
        max-width: 90%;
        text-align: left !important;
        left: 10% !important;
        right: 0% !important;
    }

    .carousel-inner {
        padding-bottom: 350px;
    }

    /* Nav */

    .nav-link {
        font-size: 1.1rem !important;
        width: 90% !important;
    }

    .card-title {
        font-size: 1.8rem;
    }

    .btn.btn-md {
        font-size: 1.2rem;
    }

    .carousel-indicators {
        top: 13rem;
    }

    .demo-btn,
    #login-btn {
        width: 130px !important;
        height: 33px !important;
        font-size: 1rem !important;
    }

    .carousel-control-prev,
    .carousel-control-next {
        margin-bottom: 22rem;
    }

    .card-link:hover {
        font-weight: 400 !important;
        transition: none !important;
    }

    #booth-num {
        visibility: visible !important;
        margin-top: 0px !important;
    }

    #banner-img {
        display: none !important;
    }

    #banner-img-mobile {
        display: block !important;
    }

    #demo-btn {
        margin-top: 1rem;
    }

    #more-btn {
        width: 70px !important;
    }

    #topbar-email {
        padding-right: 1.1rem !important;
    }

    #carousel-caption-container {
        padding-top: 0px !important;
    }

    #banner-text-container {
        padding-top: 0px !important;
    }

    #banner-text-row {
        width: 75% !important;
    }

    #seminar-header {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    #banner-column-2 {
        padding-top: 1.5rem !important;
    }

    #data-mining {
        width: 100%;
        height: 100%;
    }

    #manufacturing-red-header {
        width: 9rem !important;
    }

    #bottom-semianrs {
        width: 352px !important;
    }

    #careers-paragraph {
        font-size: 1.5rem;
    }

    #guiding-principles {
        width: 100%;
    }

    #guiding-principles-text {
        text-align: center;
        max-width: 90%;
        margin-right: 0rem;
        margin-left: 0rem;
    }

    #guiding-principles-col {
        padding-right: 1rem;
        padding-left: 1rem;
        width: 100%;
    }

    #guiding-principles-div {
        max-height: 275px;
        height: 100%;
    }

    #contact-us-form {
        margin-top: 1rem !important;
    }

    #form-banner {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important;
        margin-bottom: 0px !important;
        margin-top: 0px;
    }

    #basic-app-info {
        margin-bottom: 1rem;
    }

    #job-application,
    #apply-message {
        max-width: 415px;
        margin: 0px;
    }

    #apply-buttons {
        max-width: 415px;
        padding-left: 5rem !important;
        padding-right: 5rem !important;
        margin: 0px;
    }

    #reception-desk {
        width: 100%;
        height: 100%;
    }

    #fi-products-header {
        padding-top: 1rem !important;
        padding-bottom: 0rem !important;
    }

    #fi-products-section {
        background-color: #090909 !important;
        background-image: none !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    #fi-lists {
        margin-left: 2.6rem !important;
    }

    #manufacturing-benefits {
        background-color: #090909 !important;
        background-image: none !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    #warrantech,
    #simoniz-div,
    #premier,
    #nsd,
    #owner-guard,
    #fortegra {
        margin-top: 0rem !important;
    }

    #simoniz-div {
        padding-top: 0rem !important;
        margin-top: 1.5rem !important;
        height: 75px !important;
    }

    #warrantech-div {
        height: 75px !important;
    }

    #pekin,
    #warrantech,
    #simoniz,
    #nsd,
    #alpha,
    #warranty-solutions,
    #vms-logo #warrantech-div,
    #warranty-solutions-div,
    #owner-guard-div,
    #fortegra-div {
        margin-bottom: 0rem !important;
    }

    #cso-div {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    #rc-div {
        margin-bottom: 3rem !important;
    }

    #old-republic {
        margin-top: 2.5rem !important;
    }

    #usw,
    #warranty-solutions,
    #owner-guard,
    #fortegra {
        margin-left: 0.5rem !important;
        padding-top: 0rem !important;
    }

    #simoniz,
    #ultimar {
        margin-left: 0rem !important;
        padding-top: 0rem !important;
    }

    .bp-training-btn {
        min-width: 190px !important;
    }

    .who-we-are {
        font-size: 4vw !important;
        min-width: 170px !important;
    }

    .technology-card>img {
        height: 30vw !important;
    }
}

@media (min-width: 577px) {
    .testimonial-text {
        visibility: hidden !important;
    }

    .banner-text {
        color: #E3E3E3;
    }
}

/* md down */
@media (max-width: 768px) {
    #bp-logo {
        width: 27vh;
    }

    .banner-header,
    .yellow-banner-text {
        font-size: 0.8rem;
    }

    .banner-text {
        font-size: 0.6rem;
    }

    .bottom-text {
        margin-bottom: 5px !important;
        padding-bottom: 5px !important;
    }

    .force-top {
        margin-top: 10px;
    }

    .top-text {
        margin-top: 15px !important;
    }

    .seminar {
        font-size: 1rem !important;
    }

    #forms-library-list {
        margin-top: 1.8rem !important;
    }

    #guiding-principles {
        width: 100%;
    }

    #guiding-principles-text {
        text-align: center;
    }
}

/* md */
@media (min-width: 768px) and (max-width: 992px) {
    .banner-header,
    .yellow-banner-text {
        font-size: 1rem;
    }

    .banner-text {
        font-size: 0.8rem;
    }

    .bottom-text {
        padding-bottom: 10px !important;
    }

    .force-top {
        margin-top: 10px;
    }

    .top-text {
        margin-top: 20px !important;
    }

    .seminar {
        font-size: 1.125rem !important;
    }

    #fi-products-header {
        padding-top: 5rem !important;
        padding-bottom: 0rem !important;
    }

    #forms-library-list {
        margin-top: 1.8rem !important;
    }

    #guiding-principles {
        width: 800px;
    }

    #guiding-principles-text {
        text-align: left;
    }

    .technology-card>img {
        height: 25vw !important;
    }
}

/* lg down */
@media (max-width: 992px) {
    .two-col-ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        padding-left: 1rem;
    }
}

/* lg */
@media (min-width: 992px) and (max-width: 1200px) {
    .banner-header,
    .yellow-banner-text {
        font-size: 1.5rem;
    }

    .banner-text {
        font-size: 1rem;
    }

    #data-mining {
        width: 500px;
        height: 400px;
    }

    #forms-library-list {
        margin-top: 1.8rem !important;
    }

    #guiding-principles {
        width: 1105px !important;
    }

    .technology-card>img {
        height: 20vw !important;
    }
}

/* xl down */
@media (max-width: 1200px) {
    .technology-card>img {
        height: 15vw;
    }
}

/* xl up */
@media (min-width: 1201px) {

    .banner-header,
    .yellow-banner-text {
        font-size: 2rem;
    }

    .banner-text {
        font-size: 1.5rem;
    }

    h1 {
        font-size: 2rem !important;
    }

    h2 {
        font-size: 1.7rem !important;
    }
}