/*
Theme Name: Plexxis
Theme URI: 
Author: Bluedot Marketing
Author URI: 
Description: Plexxis
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-plexxis
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/ 

/*---------------- Media Query ----------------*/

/*@media (min-width: 1620px) { 
    .workflow-chart .left-img img { width: 113px; } 
}*/

@media (max-width: 1600px) {
    .home2-section-6 .left-div { padding: 5.6rem 3.75rem; }
    .home2-section-2 .icon-box {
        margin: 0px 20px 45px;
    }
    .home2-section-2 { padding: 35px 0 5px; }
    .home2-section-3 .left-box {
        padding: 60px 0 60px 100px;
        width: 100%;
    }
    .home2-section-6 .right-div p {
        font-size: 25px;
        line-height: 38px;
    }
}
@media (min-width: 1200px) and (max-width: 1500px) {
    .building-banner-sec .banner-left { padding: 100px 0; }
    .building-banner-sec .banner-title {
        font-size: 46px;
        line-height: 62px;
    }
    .building-banner-sec .banner-subtitle {
        font-size: 33px;
        line-height: 43px;
    }
    .building-banner-sec .banner-desc {
        font-size: 24px;
        line-height: 38px;
    }
    .protection-content {
        padding-left: 30px;
        padding-right: 0;
        width: 100%;
    }
    .protection-section {
        background-position: 20%;
        background-size: cover;
    }
    .data-inspection .protection-content { width: 80%; }
    .left-tab { padding-right: 50px; }
    .white-back .right-content { width: 100%; }
    .team-holder figcaption { padding: 25px 0; }
    .team-discription { padding: 75px 20px; }
    .leadership-team .carousel-control-prev { left: -50px; }
    .btn-group .btn {
        margin-right: 20px;
        padding: 0px 18px;
        font-size: 20px;
    }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    .contact-section .border-box:after { right: 30px; }
    span.optimize-text:after {top: -18px;}
    .video-link { background-position: center; }
    .home2-section-5 .col-md-5 {
        flex: 0 0 45.333333%;
        max-width: 45.333333%;
    }
    .home2-section-5 .col-md-7 {
        flex: 0 0 54.666667%;
        max-width: 54.666667%;
    }
    .contact-section .contact-form { padding-right: 30px; }
    .person-loc-2, .person-loc { font-size: 22px; line-height: 25px; }
    .team p { font-size: 22px; line-height: 35px; }
    .team .more-text {height: 140px;}
    .team .more-link {top: 105px;}
    .person-name, .person-title { font-size: 22px; line-height: 35px;}
    .testimonial-sec .team-desc p { font-size: 22px; line-height: 41px; }
    .testimonial-sec .team-desc h2 { font-size: 30px; line-height: 36px; }
}
@media (max-width: 1200px) {
    .feature-block .feat-content > .col-sm-4 {padding: 40px;}
    .piecemeal { padding-bottom: 80px; }
    .text-2 { top: 118px; right: 62px; }
    .text-1 { top: 118px; left: 65px; }
    .text-3 { bottom: 50px; left: 70px; }
    .text-4 { bottom: 47px; right: 60px; }
    .rectangle { font-size: 22px; }
    .maximum-price-img {padding: 50px;}
    .piecemeal .left-img-content { padding-right: 0; }
    .product-pricing-tab .chart-block { margin-left: 30px; margin-top: 30px; }
    .right-tab-content {
        width: 80%;
        margin-left: 15%;
    }
    .navbar-nav.hide { opacity: 1; visibility: visible; }
    .contact-section .border-box:after { right: 30px; }
    .feature-block .container { max-width: 100%; }
    .cta-content { padding-left: 25px; }
    .cta-sec .container {max-width: 100% !important;}
    ul#pills-tab:after {
        top: 31px;
    }
    .feat-sec .circle {
        width: 30px;
        height: 30px;
    }
    .feat-sec .nav-pills .nav-link {
        padding: 15px 30px;
        font-size: 18px;
        line-height: 22px;
    }
    .btn-group .btn {
        margin-right: 15px;
        padding: 0px 15px;
        font-size: 18px;
    }
    .banner-left-content .sub-title { font-size: 28px; line-height: 32px; margin-bottom: 18px; }
    h2.foot-label-h2 { font-size: 40px; line-height: 50px; }
    .left-box .text { font-size: 22px; line-height: 40px; }
    .site-footer .footer_first .container-footer .f_text p { font-size: 22px !important; line-height: 35px; }
    .person-bio { padding:20px }
    .person-loc-2, .person-loc { font-size: 22px; line-height: 26px; }
    .team p { font-size: 22px; line-height: 35px; }
    .team .more-text {height: 140px;}
    .team .more-link {top: 106px;}
    .person-name, .person-title { font-size: 22px; line-height: 35px;}
    .testimonial-sec .team-desc p { font-size: 22px; line-height: 41px; }
    .testimonial-sec .team-desc h2 { font-size: 30px; line-height: 36px; }

    .home2-section-5 .left-d-flex {max-width: 100%;}
    .home2-section-5 .col-md-7 { flex: none; max-width: 100%; }
    .home2-section-6 .right-div p { font-size: 22px; line-height: 36px; margin:0; }
    .home2-section-5 .left-box .title {
        font-size: 2.09rem;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .home2-section-7 .tab-pane > h4 { font-size: 26px; line-height: 28px; }
    .home2-section-6 .right-div { padding: 30px 80px 30px 75px; }
    .home2-section-5 .left-box { padding: 0; width: 100%; }
    .home2-section-3 { background-image: none; }
    .home2-section-3 .left-box { padding: 60px 50px 60px 75px; width: auto; }
    .home2-section-3 .col-md-4,
    .home2-section-3 .col-md-8 {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .right-d-flex { display: flex; align-items: center; }
    .video-link { background-position: center; }
    .home2-section-7 .container { max-width: calc(100% - 145px); }
    .header-title { margin-bottom: 35px; }
    .home2-section-5 .left-box .text2,
    .home2-section-5 .left-box .text { font-size: 1.17rem; line-height: 38px; }
    .protection-content { width: 100%; }
    .data-inspection .col-12,
    .data-ownership-3 .col-12,
    .protection-section .col-12 { max-width: 100%; flex: 0 0 100%; }
    .protection-section { background-position: inherit; }
    .data-ownership-3 .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .data-ownership-3.sec-3 {
        background: none;
        background-color: #d9dce1;
        padding-bottom: 30px;
    }
    .data-ownership-3 .my-data-img img { display: block; }
    .data-inspection .searching-image img { display: block; }
    .side-image img { display: block; }
    .data-inspection {
        background: none;
        background-color: #001858;
        padding-bottom: 100px;
    }
    .data-inspection .protection-content { width: 100%; }
    .protection-section { background: none; background-color: #000000; }
    .col-space-2 { padding: 11px 30px 38px 75px; }
    .col-space-1 { padding: 11px 30px 38px 80px; }
    .lifecycle-chart { padding: 30px 15px; }
    .left-tab { padding: 50px 30px 35px; }
    .white-back .right-content {
        width: 100%;
        padding-left: 0;
        padding-right: 30px;
    }
    .common-item .left-item {
        width: 100%;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }
    .team-discription { width: 100%; }
    .team-holder figcaption { padding: 25px 30px; }
    .banner-title, .building-banner-sec .banner-title { font-size: 38px; line-height: 50px; }
    .subtitle {
        font-size: 1.17rem;
        line-height: 40px;
    }
    .left-sidebar {
        padding-left: 15px;
        padding-right: 35px;
    }
    .workflow-chart .chart-block { width: 100%; }
    .contact-section .container {
        margin-left: 0 !important;
        padding-right: 15px;
        padding-left: 15px;
    }
    .contact-section .gform_fields .gfield .ginput_container { width: 100%; }
    .contact-form #field_1_8 label { width: 35%; }
    .contact-section .gform_fields .gfield .gfield_label { width: 35%; }
    .contact-section .contact-form { padding-right: 0; }
    .contact-section .textarea {position: relative; width: 100% !important;}
    .heading-1 { margin-top: 20px; }
    .banner-subtitle, .building-banner-sec .banner-subtitle { font-size: 28px; line-height: 38px; }
    .home2-section-4 h2,
    .home2-section-7 .header-title,.left-img-content h2, .fair-agreement .left-img-content h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .home2-section-4 p,
    .left-img-content p,
    .fair-agreement .left-img-content p {
        font-size: 22px;
        line-height: 30px;
    }
    .history .left-img-content h2 { font-size: 36px; line-height: 46px; }
    .banner-desc,
    p.clock-main-desc,
    .building-banner-sec .banner-desc {
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 40px;
    }
    .header-title,
    .building-banner-sec .banner-title {
        font-size: 40px;
        line-height: 50px;
    }
    .contact-section .gform_fields .gfield .gfield_label,
    .contact-section .our-details p,
    .contact-section .our-details .heading,
    .lifecycle-chart .content p,
    .right-content p {
        font-size: 22px;
        line-height: 34px;
    }
    .left-box .title,
    .section-title-1,
    .dark-header p,
    .header-section-2 p,
    .chart-image p ,
    .header-section p {
        font-size: 30px;
        line-height: 45px;
    }
    .header-section-2 h2,.dark-header h2 ,.header-section h2 { font-size: 40px; line-height: 50px;}
    .header-2, .header-section {padding-left: 15px; padding-right: 15px;}
    .right-content h2, .grey-back .left-img-content h2, .our-mission .left-img-content h2 {
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 10px;
    }
    .common-item .description { font-size: 40px; line-height: 60px; }
    .team-discription p { font-size: 22px; line-height: 34px; }
    .leadership-team .carousel-control-prev { left: -60px; }
    .slider-nav .slick-track {display: block; text-align: center;}
    .team-profile {
        width: 250px !important;
        vertical-align: top;
        float: none !important;
        display: inline-block !important;
    }
    .cta-sec h2 { font-size: 65px; line-height: 75px; width: 70%;}
    .clock-title { font-size: 28px; line-height: 44px; }
    .page-id-104 .clock-title { font-size: 26px; }
    .data-inspection .container { margin-right: auto; }
    .scheduling-banner .clock-block-right-content {
        width: 100%;
    }
}
@media (min-width: 1025px) and (max-width: 1200px) {
    .banner-left-content,
    .building-banner-sec .banner-left-content { width: 100%; }
    .banner-left,
    .building-banner-sec .banner-left {
        padding: 80px 0;
        padding: 80px 15px 80px 30px;
        padding-left: 30px;
        padding-right: 15px;
    }
    .fair-agreement .left-image-div {
        padding: 80px 15px 60px 30px;
    }
    .left-image-div {
        padding: 30px 15px 30px 30px;
    }
    .mx-100 { max-width: 100%; }
    .left-tab { padding-left: 30px; }
}
@media (max-width: 1024px) {
    .landing-left {
        padding: 40px 30px 60px;
        max-width: 100%;
    }
    .common-item .description {text-align: center;}
    .home2-section-1 .banner-left-content { width: 100%; }
    .core-value .grey { background-color: #000000; }
    .core-value .col-space-1 { background-color: #373434; }
    .about-plexxis-banner .banner-desc { width: 100%; }
    .blueprint-tab .nav-item .nav-link { padding: 0 25px; }
    .chart-image { text-align: center; }
    .lifecycle-chart .content { padding-left: 0px; }
    .fair-agreement .left-img-content , .left-img-content { width: 100% !important; }
    .banner-left-content,
    .building-banner-sec .banner-left-content {
        width: 100%; 
        padding: 0 40px;
    }
    .blueprint-tab .nav-item:after { left: 80px; }
    .fair-agreement .left-image-div { padding: 70px 30px; }
    .left-image-div { padding: 0 30px 30px; }
    .col-space-1, .col-space-2 { padding: 11px 30px 38px 30px; }
    .cta-sec-left { flex: 0 0 66.7%; }
    .careers-banner .banner-desc { width: 100%; }
    .right-div { padding: 30px 30px; }
    .white-back .right-content { padding: 0; }
    .team-holder > article {
        padding-left: 15px;
        padding-top: 85px;
    }
    .team-holder article > figure > img { margin-left: 0; }
    .team-discription { padding: 75px 15px; }
    .header-section-2 {
        padding-right: 15px;
        padding-left: 15px;
    }
    .carousel-control-next, .carousel-control-prev { top: 0%; }
    .leadership-team .carousel-control-prev { left: 0; }
    .leadership-team .carousel-control-next { right: 0; }
    .team-section { padding: 0 15px; }
    .contact-form .textarea {position: relative; width: 100% !important; height: auto !important;}
    .contact-form .gform_footer input[type=submit] {
        position: absolute;
        left: 44%;
    }
    .pricing-contact .contact-form .gform_footer input[type=submit] {
        position: absolute;
        left: 15px;
    }
    .banner-left, .building-banner-sec .banner-left { padding: 40px 0; }
    .contact-banner .banner-left { padding: 80px 0 50px; }
    .contact-section .gform_footer .gform_button { margin-left: 10px !important;}
    .cta-sec-left { flex: 0 0 58%; max-width: 58%; }
}
@media only screen and (min-width: 576px) and (max-width: 1024px) {
    .mx-100 {  max-width: 100%; }
    .cta-content { width: 100%; padding: 0 30px; }
}
@media (max-width: 991px) {
    .text-1 { top: 93px; left: 50px; }
    .text-2 { top: 94px; right: 48px; }
    .text-3 { bottom: 42px; left: 52px; }
    .text-4 { bottom: 41px; right: 48px; }
    .cta-sec p { width:100%; }
    .labor-section-3 {
        padding-left: 25px;
        padding-right: 25px;
    }
    .testimonial-sec .col-md-4.team-desc { max-width: 100%; flex: 0 0 100%; }
    .circle-chart {border-right: none;}
    .chart-sec h4 {
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        text-align: left !important;
        margin-bottom: 0 !important;
    }
    .feat-sec .nav-pills .nav-link {
        padding: 15px;
    }
    .cta-sec-left {
        flex: 0 0 66.7%;
        max-width: 66.7%;
    }
    .home2-section-2 .icon-box {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        margin-bottom: 45px;
        text-align: center;
    }
    .home2-section-6 .left-div {
        padding: 6.4rem 1.75rem;
        text-align: center;
        width: 300px;
    }
    .home2-section-3 .left-box { padding: 60px 50px 60px 15px; width: auto; }
    .header-title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 0 ;
    }
    .section-title-1 { font-size: 1.5rem; line-height: 33px; }
    .home2-section-6 .main-div { display: block; }
    .home2-section-6 .left-div {
        padding: 2.5rem 1.75rem;
        text-align: center;
        width: auto;
    }
    .home2-section-6 .right-div { padding: 50px 60px 50px 60px; }
    .content-area { padding: 0 15px; }
    .left-sidebar { padding-left: 15px; padding-right: 15px; }
    .contact-form { padding-right: 0; }
    .contact-section .gform_fields .gfield .ginput_container { width: 55% !important; }
    .contact-section .gform_fields .gfield .gfield_label { width: 45% !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .labor-section-5-left-content { padding: 0 15px }
    .right-tab-content {
        width: 100%;
        margin-left: 0%;
    }
    .search-bar {
        width: 200%;
        left: -9rem;
        z-index: 10;
    }
    .product-landing:first-child, .team-desc {
        padding-left: 15px !important;
        max-width: 100%;
    }
    .labor-landing-2-left-content { padding-left: 30px; padding-right: 15px; }
    .contact-section .border-box:after { right: 5px; }
    .person-bio {
        padding: 35px;
    }
    .testimonial-sec .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .labor-landing-2-left-content p { width: 100%; }
    .pricing-contact .contact-form .gform_fields .gfield .ginput_container {
        width: 65%;
        display: inline-block;
    }
    .pricing-contact .contact-form .gform_fields .gfield .gfield_label {
        width: 35%;
    }
}
@media (max-width: 1100px) {
    .product-pricing-tab .right-tab-content {
        width: 75%;
    }
    .lifecycle-chart .header-section {
        padding-bottom: 30px;
    }
    .home2-section-2 .icon-box {
        margin: 0px 30px 45px;
    }
    .home2-section-2 .workflow-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: baseline;
        justify-content: center;
    }
    .home2-section-2 .icon-box {
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
        text-align: center;
    }
    .chart-content { margin-top: 70px; }
    .labor-landing-2-left-content p { width: 100%; }
    .pricing-contact .contact-form .gform_fields .gfield .ginput_container {
        width: 65%;
        display: inline-block;
    }
    .pricing-contact .contact-form .gform_fields .gfield .gfield_label {
        width: 35%;
    }
    .pricing-contact .contact-form {
        padding: 100px 40px;
    }
}
@media (max-width: 768px) {
    .text-1 {
        top: 62px;
        left: 115px;
    }
    .text-2 {
        top: 64px;
        right: 110px;
    }
    .text-3 {
        bottom: -4px;
        left: 115px;
    }
    .text-4 {
        bottom: -4px;
        right: 110px;
    }
    .message-field .gfield_label {
        opacity: 1;
        visibility: visible;
    }
    .pricing-page .dark-header {
        padding: 30px 25px 5px;
        text-align: center;
        margin-bottom: -1px;
    }
    .pricing-contact .left-img-content h2 { font-weight: 400 !important; }
    .pricing-contact .farm { padding-bottom: 30px; }
    .pricing-contact .contact-form { padding: 30px 25px; }
    .pricing-contact .left-image-div { padding: 10px 30px 30px; background-color: #000000; }
    .pricing-contact  .contact-form .gform_footer .gform_button {
        width: 120px !important;
        font-size: 20px !important;
        padding: 2px 20px;
        margin-left: 0 !important;
        right: 40px !important;
        left: auto !important;
    }
    .piecemeal .left-img-content p { color: #ffffff; }
    .piecemeal .header-section-2 { padding-bottom: 20px; }
    .piecemeal .left-img-content h2 { padding-bottom: 15px; }
    .piecemeal { padding-bottom: 80px; }
    .maximum-price-img { padding: 0 100px; }
    .right-tab-content {
        width: 100% !important;
        margin-left: 0% !important;
    }
    .piecemeal .left-img-content h2 {
        font-size: 26px;
        line-height: 28px;
        font-weight: 400;
    }
    .product-pricing-tab .main-tab-sec .tab-content {
        margin-left: 0;
        margin-top: 90px;
        border-left: 0;
    }
    .feat-content h3 {
        font-size: 30px;
        line-height: 34px;
        font-weight: 400;
        margin-top: 30px;
        margin-bottom: 10px !important;
    }
    .feat-content p {
        font-size: 25px;
        line-height: 38px;
    }
    .foreman-app-img-div-accounting {
        right: 15%;
        bottom: -0.5%;
    }
    .estimate-takeoff-img-div {
        left: 40.5%;
        top: 3%;
    }
    .residential-modeling-img-div {
        left: 10%;
        top: 12.8%;
    }
    .project-management-img-div {
        right: 8%;
        top: 13.5%;
    }
    .planning-schedule-img-div {
        right: 2%;
        bottom: 17%;
    }
    .heavy-equipment-img-div {
        left: 2.5%;
        bottom: 18%;
    }
    .mobile-time-img-div {
        left: 23%;
        bottom: -9%;
    }
    .finance-account-img-div {
        right: 23%;
        bottom: -10%;
    }
    .mobile-time-img-div {
        left: 22%;
        bottom: -10%;
    }
    .tablet-sec .banner-right ,.tablet-sec .top-sec-right { padding-left: 0px !important; padding-right: 15px; }
}

@media (max-width: 767px) {
    .maximum-price .header-section-2 {
        margin-bottom: 0;
        background-color: #d9dce1;
    }
    .maximum-price .left-img-content { padding-right: 15px; }
    .maximum-price {padding-bottom: 0;}
    .maximum-price .reverse { flex-direction: column-reverse; }
    .product-pricing-tab .main-tab-sec { padding-left: 15px; }
    .product-pricing-tab .tab-title { font-size: 26px; line-height: 28px; margin-bottom: 0!important; }
    .tab-content-text { font-size: 18px; line-height: 22px; margin-bottom: 20px; }
    .contact-form .gfield_validation_message {
        top: 68px;
    }
    .workflow-benefit-block:not(:last-child) {
        padding-right: 20px;
    }
    .farm.img-space img {
        display: block;
    }
    .contact-banner .banner-desc.text1 { margin-bottom: 0px; }
    h4.blue-title:after {
        content: url(assets/img/our-company/about/side-arrow.png);
        color: #ffffff;
        transition: 0.3s all;
        font-weight: 300;
        font-size: 30px;
        position: absolute;
        right: 0;
    }
    h4.blue-title.show:after {
        transform: rotate(180deg);
    }
    .white-text { height: 0; overflow: hidden; transition: 0.3s all; }
    .white-text.show { height: auto; overflow: visible; padding-top: 15px;}
    .left-image-div.desktop { display: none; }
    .left-image-div.mobile { display: block; }
    .common-item .team-holder { background-color: #d9dce1; }
    .common-item .header-section-2 { background-color: #d9dce1; display: flex; justify-content: center; }
    .common-item .header-section-2 h2 { text-align: center; width: 75%; }
    .slide-arrow { top: -90px; }
    .slide-arrow.next-arrow { right: 45px; }
    .slide-arrow.prev-arrow { left: 20px; }
    .common-item .right-item { background-color: #ffffff; }
    .feat-sec .carousel-inner {
        margin: 20px 0 !important;
        width: 100%;
    }
    .feat-func-sec ul {margin-bottom: 0 !important;}
    .tab-content.mt-4 { margin-top: 0 !important; }
    .mobile-subtitle {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 18px;
        line-height: 22px;
        color: #231f20;
        font-weight: 400;
        margin-bottom: 0;
        text-align: left;
        display: block;
    }
    .prev-arrow-img:after {
        content: url(assets/img/arrow-left.png);
    }
    .next-arrow-img:after {
        content: url(assets/img/arrow-right.png);
    }
    .feature-block .row.feat-content { flex-direction: column-reverse; }
    .new-title {
        font-size: 22px;
        line-height: 46px;
        font-weight: 700;
        margin-bottom: 5px;
    }
    .header-2 h2 {
        font-size: 26px;
        line-height: 28px;
        font-weight: 700;
        text-align: left;
    }
    .new-desc { font-size: 18px; line-height: 22px; margin-bottom: 15px;}
    .clock-title { font-size: 30px; line-height: 36px; }
    .subtitle {font-size: 17px; line-height: 22px;}
    .playpause { width: 70px; }
    .home2-section-6 .right-div { padding: 60px 15px 60px 15px; }
    .home2-section-5 .image { height: 300px; }
    .home2-section-7 .container {
        width: 100%;
        max-width: 100%;
        padding-right: 25px;
        padding-left: 25px;
        margin-right: auto;
        margin-left: auto;
    }
    .home2-section-7 .key-function { padding: 13px 20px 17px 60px; }
    .home2-section-7 .number-list {width: 45px; height: 45px; font-size: 18px; left: 3px; top: 2px;}
    .header-title { margin-bottom: 0; }
    .home2-section-3 .left-box {
        padding: 10px 25px 20px 25px;
        margin-bottom: 0;
        width: 100%;
    }
    .i-process .link { color: #00aeef; }
    .left-box .text { margin-bottom: 1.5rem; font-size: 18px; line-height: 22px; }
    .home2-section-3 { background-image: none; }
    .home2-section-3 .col-md-4, .home2-section-3 .col-md-8 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .home2-section-7 .border-corner { border-radius: 25px 0 0 0 !important; }
    .team-discription { padding: 15px 5px 15px 25px; }
    .contact-form .gform_fields .gfield .ginput_container {display: block; width: 100% !important;}
    /*.contact-form .gform_fields .gfield .gfield_label {width: 100% !important;}*/
    .contact-form .gform_wrapper ul li.gfield { margin-top: 10px; }
    .contact-form .gform_footer input[type=submit] { left: 15px; }
    .contact-form .gfield_contains_required {display: block;}
    .banner-title, .building-banner-sec .banner-title {font-size: 26px; line-height: 32px; margin-bottom: 15px;}
    .common-item .quotes {width: 40px; margin: 0 auto;}
    .common-item .description {
        text-align: left;
        font-size: 26px;
        line-height: 36px;
        margin: 15px 0;
    }
    .common-item .quotes {padding: 0;}
    .team-slider .container { padding-right: 15px; overflow: auto; }
    .common-item .left-item { padding:10px 0; }
    .left-image-div { padding: 0 20px 25px 40px; }
    .header-section-2 h2, .dark-header h2, .header-section h2 { font-size: 26px; line-height: 28px; font-weight: 700; text-align: left;}
    .team-holder,.team-holder > article { padding: 0; }
    .team-discription p { font-size: 18px; line-height: 22px; }
    .team-holder figcaption { padding: 20px 20px 0 40px; }
    .team-holder figcaption { font-size: 18px; line-height: 22px; }
    .team-holder article > figure > img {width: 100%;}
    .btn-lite {display: block; margin: 0 auto;}
    .workflow-box {padding-left: 25px; padding-right: 25px;}
    .section-title-1 {padding-left: 25px; padding-right: 25px; text-align: left; font-size: 26px; line-height: 32px; font-weight: 700;}
    .mob-text { font-size: 28px; line-height: 50px; font-weight: 400; color: #010101; text-align: center; }
    .mob-text { font-size: 18px; line-height: 22px; display: block; margin-bottom: 0; text-align: left; }
    .home2-section-7 .header-title {text-align: left; font-weight: 700; font-size: 24px; line-height: 28px; margin:0; }
    .home2-section-7 .key-function-point .bolded {font-weight: 400;}
    .home2-section-7 .key-function-point {font-size: 16px; line-height: 25px;}
    .left-box .title {
        font-size: 26px;
        line-height: 28px;
        font-weight: 700;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .i-process .header-title {display: none;}
    .home2-section-3 .right-d-flex .image { text-align: center; padding: 0 0 0 25px; }
    .i-process .left-box .btn-lite { display: none; }
    .mob-btn {display: block; margin-top: 60px; width: 190px; }
    .home2-section-4 h2 { font-size: 26px; line-height: 28px; text-align: left; }
    .home2-section-4 {background-color: #ffffff;}
    .home2-section-4 h2 {
        font-size: 26px;
        line-height: 28px;
        text-align: left;
        color: #010101;
    }
    .home2-section-4 p, .left-img-content p {
        font-size: 18px;
        line-height: 22px;
        text-align: left;
        color: #101010;
    }
    .home2-section-5 .left-box .text2, .home2-section-5 .left-box .text { font-size: 18px; line-height: 22px; }
    .fair-agreement .left-image-div { padding: 20px 40px 20px; }
    .home2-section-5 .left-box .title { font-size: 26px; line-height: 28px; margin-bottom: 20px; }
    .home2-section-6 .right-div p { font-size: 18px; line-height: 22px; }
    .home2-section-6 .right-div p { font-size: 18px; line-height: 22px; color: #ffffff; }
    .home2-section-6 .right-div p > span {color: #ffffff !important; font-weight: 700; text-transform: uppercase;}
    .home2-section-6 .right-div { padding: 1px 25px 50px 25px; background-color: #00aeef; margin: -1px; }
    .home2-section-6 .left-div .image > img { width: 50%; }
    .site-footer .footer_first .container-footer .f_text p {font-size: 18px !important; line-height: 22px; text-align: left; padding: 0 25px;}
    .foot-3, .foot-2, .foot-1 {border: none;}
    .column {height: 58px; overflow: hidden; padding: 0 25px;}
    .column .column {height: 60px; overflow: hidden;}
    .column .column .menu-title {padding: 15px 0 13px; margin: 0; border-bottom: 1px solid #000000;}
    .menu-title .point-opner {
        position: absolute;
        right: 5px;
        top: 10px;
    }
    .column .column .point-opner { right: 20px; top: 24px; }
    h4.foot-label-h4 , .menu-title { font-weight: 400; }
    h4.foot-label-h4 { border-bottom: 1px solid #000000; }
    .column .point-opner { display: block; }
    .foot-opt {
        border-bottom: 1px solid #000000;
        padding-top: 15px !important;
        margin-bottom: 0;
        padding-bottom: 15px !important;
        margin-top: 0;
    }
    .tab-content .point-opner {width: 20px; margin: 0;}
    .footer_third { background-color: #000; padding: 20px 0 200px; }
    .copy_text {
        position: absolute;
        bottom: 100px;
        width: 90%;
    }
    .foot-review { margin-top: 20px; }
    .site-footer .container-footer .copy_text { font-size: 18px; line-height: 22px; width: 100%; padding: 0 25px; }
    .site-footer .footer_social li {
        margin: 15px 20px;
        padding: 0;
        display: inline-block;
    }
    .site-footer .footer_social li {
        margin: 15px;
        padding: 0;
        display: inline-block;
    }
    .site-footer .footer_social li .footer_social__link {
        width: 65px;
        height: 65px;
        border-radius: 50px;
        padding: 20px;
    }
    .site-footer .footer_social { display: block; margin-bottom: 54px; margin-left: 0; }
    .foot-label-h3 { text-align: left; color: #0b0204; font-size: 18px; line-height: 22px; font-weight: 400; }
    .desktop {display: none;}
    
    .footer-bottom-area {
        background-color: #eaedf2;
        padding: 20px 0;
        margin: -1px 0;
    }
    .footer_first {padding: 0;}
    h2.foot-label-h2 { 
        font-size: 26px;
        text-align: left;
        line-height: 28px;
        font-weight: 700;
        padding: 10px 25px 0;
    }
    .footer-bottom-title {
        font-family: 'Roboto Condensed', sans-serif;
        display: block;
        font-size: 26px;
        line-height: 28px;
        color: #010101;
        margin-bottom: 33px;
        text-align: left;
    }
    ul.foot-opt li {
        font-weight: 400;
        font-size: 18px;
        color: #0d0708;
        line-height: 22px;
    }
    .foot-demo .second-btn {
        display: inline-block;
        background-color: #00aeef !important;
        color: #ffffff !important;
        width: 153px;
        margin-bottom: 35px;
        margin-top: 10px;
    }
    .column:last-child .foot-opt,
    .column:last-child h4.foot-label-h4 {border-bottom: none;}
    .cta-content { padding: 0 25px; }
    .cta-sec-left { flex: 0 0 100%; max-width: 100%; }
    .cta-sec h2 {
        font-size: 40px;
        line-height: 50px;
        width: 100%;
        margin: 0;
    }
    .page-id-92 .cta-sec h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .cta-sec p {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        margin-top: 10px;
    }
    .cta-sec-left { 
        padding: 20px 0;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .page-id-92 .cta-sec-left {
        padding: 20px 0px !important;
    }
    .cta-sec {height: 100vh;}
    .team {
        position: relative;
        padding-left: 150px;
        padding-bottom: 0;
    }
    .team-sec img {
        position: absolute;
        left: 0;
        width: 150px;
        top: 0;
        height: 100%;
        object-fit: cover;
        max-height: 255px;
    }
    .person-bio { padding: 15px 30px 30px 20px; }
    .person-loc-2, .person-loc {
        padding: 0 25px;
        text-align: left;
        margin-bottom: 0;
    }
    .team-sec .team.col-xs-12 {
        width: 100%;
        max-width: 100%;
        flex: auto;
    }
    .labor-section-5, .insight-section-5, .accounting-section-5, .winbid-section-5, .foreman-section-5 {background-color: #ffffff;}
    .team-sec-1, .team-sec-3 { background-color: #eaedf2; }
    .fpo {display: none;}
    .banner-desc, p.clock-main-desc, .building-banner-sec .banner-desc {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 30px;
    }
    .data-ownership-3 .container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .header-section p {
        font-size: 18px;
        line-height: 22px;
        text-align: left;
    }
    .data-content h4 {
        font-size: 22px;
        line-height: 40px;
        font-weight: 700;
    }
    .data-content p {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
    }
    .history .row , .data-ownership-3 .row.labor-landing-1 { flex-direction: column-reverse; }
    .header-2, .header-section {
        padding-left: 25px;
        padding-right: 25px;
    }
    .data-inspection .protection-content {
        padding: 15px 25px 10px;
    }
    .sword .container .row ,.we-plexis .container .row , .our-mission .row , .data-inspection .reverse {flex-direction: column-reverse;}
    .data-section-6 { background-color: #4f3b8a; height: auto; }
    .data-section-6 .row { flex-direction: column-reverse; }
    .data-section-6 .cta-sec-left {position: relative; background-color: #5f4999; padding: 20px 10px;}
    .data-lock-img img {width: 100%;}
    .xx-shield img,.data-lock-img {display: block;}
    .banner-left-content .sub-title {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 10px;
    }
    .team-section .dark-header { padding: 40px 10px;}
    .team-section .dark-header p {
        font-size: 26px;
        line-height: 28px;
        text-align: left;
    }
    .banner-subtitle, .building-banner-sec .banner-subtitle { font-size: 22px; line-height: 28px; }
    .banner-left-content .btn { margin: 0 auto; width: 185px; }
    .history h2,.history p {color: #ffffff !important;}
    .history .left-img-content h2 { font-size: 26px; line-height: 28px; margin-bottom: 10px; }
    .history .left-image-div { padding: 20px 40px 40px; background-color: #000000; }
    .header-section-2 { padding-right: 25px; padding-left: 25px; background-color: #eaedf2; }
    .our-mission .img-space img , .farm.img-space {display: block;}
    .i-process .left-box .title, .left-box .title, .section-title-1, .dark-header p, .header-section-2 p, .chart-image p, .header-section p { font-size: 18px; line-height: 22px; text-align: left; }
    .right-content h2, .grey-back .left-img-content h2, .our-mission .left-img-content h2 {
        font-size: 26px;
        line-height: 28px;
        font-weight: 700;
    }
    .our-mission .left-image-div { padding: 0 40px 30px 40px; background-color: #eaedf2; }
    .blue-title {
        position: relative;
        font-size: 22px;
        line-height: 28px;
        display: flex;
        padding-right: 70px;
        align-items: baseline;
        justify-content: space-between;
    }
    .contact-form .gform_fields .gfield .gfield_label, .contact-section .our-details p, .contact-section .our-details .heading, .lifecycle-chart .content p, .right-content p {
        font-size: 18px;
        line-height: 22px;
    }
    .white-text { font-size: 18px; line-height: 22px; }
    .we-plexis {background-color: #eaedf2;}
    .right-div { padding: 30px 40px; }
    .home2-section-4 h2, .home2-section-7 .header-title, .left-img-content h2, .fair-agreement .left-img-content h2 {
        font-size: 26px;
        line-height: 28px;
        font-weight: 700;
        margin-bottom: 0px !important;
    }
    .xx-sword img {display: block;}.
    .site-footer .footer_social {margin-left: 0;}
    .fair-contracts .link { color: #ffffff; }
    .fair-contracts .paragraph-2 {
        font-weight: 400 !important;
        text-transform: none !important;
        margin-top: 15px;
        display: block;
    }
    .home2-section-2 .workflow-box { align-items: baseline; }
    .i-process .link.mobile { display: block; }
    .f_logo.desktop, .i-process .link.desktop {display: none;}
    .f_logo.mobile {
        display: block;
        padding: 0 25px;
    }
    ul#pills-tab { display: flex; flex-wrap: nowrap;padding-top: 50px;}
    span.li-content { font-size: 16px; line-height: 1;}
    ul#pills-tab{ position:relative;}
    .li-top{ margin-top: -80px; }
    ul#pills-tab:after {top: 80px;}
    .feat-content h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 26px;
        line-height: 28px;
        font-weight: 400;
        color: #010101;
        margin-top: 0;
        margin-bottom: 5px !important;
    }
    .feat-content p {
        font-family: 'Roboto Condensed', sans-serif;
        line-height: 22px;
        font-size: 18px;
        font-weight: 400;
        width: 90%;
    }
    .vid-content {
        margin: 20px auto;
        justify-content: center;
        text-align: center;
    }
    .vid-content > p { width: auto !important; }
    .arrows .carousel-control-prev,
    .arrows .carousel-control-next {
        position: relative;
        width: auto !important;
    }
    .arrows .prev-arrow-img:after {
        content: url(assets/img/arrow-left.png);
        position: absolute;
        top: -13px;
        right: 15px;
    }
    .arrows {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .arrows .next-arrow-img:after {
        content: url(assets/img/arrow-right.png);
        position: absolute;
        top: -13px;
        left: 15px;
    }
    .arrows .next-arrow-img img ,
    .arrows .prev-arrow-img img {
        display: none;
    }
    .arrows .mid-text {
        font-family: 'Roboto Condensed', sans-serif;
        display: block;
        line-height: 22px;
        font-size: 18px;
        font-weight: 700;
        color: #808285;
        letter-spacing: 5px;
    }
    .li-content.desktop { display: none; }
    .li-content.mobile {display: block;}
    .contact-banner .banner-left { padding: 40px 0 45px; }
    .contact-banner .banner-desc , .contact-banner .banner-desc.mb-5  ,.contact-banner .banner-subtitle { margin-bottom: 0; }
    .contact-banner .contact-banner-img { height: 400px; }
/*    .contact-banner .row { flex-direction: column-reverse; }*/
    .contact-banner .row { flex-flow: wrap-reverse !important; }
    .contact-section .header-section { padding-left: 10px; padding-right: 10px; margin-bottom: 0; }
    .contact-section .border-box { padding-left: 25px; padding-right: 25px; margin-top: 35px;}
    .contact-section .border-box:after { content: none !important; }
    .contact-section .contact-form { padding-left: 10px; padding-right: 10px; }
    .contact-section .gfield_label { margin-bottom: 0; }
    .contact-section .ginput_container { margin-top: 0 !important; }
    .contact-section .gform_footer input[type=submit] {
        width: 100px !important;
        font-size: 18px !important;
        padding: 0px 20px;
        border-radius: 10px;
    }
    .contact-section .form-div { flex-direction: column-reverse; }
    .contact-section { padding-bottom: 30px; }
    .contact-section .gform_button.button { right: 25px !important; left: auto !important; }
    .contact-section .gform_legacy_markup_wrapper .gform_footer { padding-top: 0; }
}   
@media (max-width: 575px) {
    .feature-block .feat-content > .col-sm-4 {
        padding: 0 20px;
    }
    .product-pricing-tab .chart-block {
        margin-left: 5px;
    }
    .product-pricing-tab {
        padding-bottom: 40px;
    }
    .piecemeal {
        padding-bottom: 0;
    }
    .reverse { flex-direction: column-reverse; }
    .mobile-img { display: block; }
    .desktop-img { display: none; }
    .text-1 { top: 16px; left: 65px; }
    .text-2 { top: 16px; right: 63px; }
    .text-3 { bottom: 18px; left: 65px; }
    .text-4 { bottom: 17px; right: 65px; }
    .rectangle { font-size: 20px; line-height: 22px; }
    .maximum-price .left-img-content p,
    .maximum-price .sub-title { font-size: 18px; line-height: 28px; }
    .maximum-price .new-sub-title, .maximum-price .left-img-content li {
        font-size: 18px;
        line-height: 22px;
    }
    .maximum-price .left-img-content h2 { font-weight: 400; }
    .maximum-price-img { padding: 10px 50px; }
    .home2-section-2 .icon-box {
        width: 100%;
        max-width: 40%;
        flex: auto;
        margin: 0 0px 30px;
    }
    .building-banner-sec .banner-left-content { width: 100%; }
    .side-image { padding-bottom: 0; }
    .my-data-img { margin-top: 0; margin-bottom: 30px; }
    .protection-content { padding: 50px 25px; }
    .searching-image { padding-top: 30px;}
    .col-space-1, .col-space-2 { padding: 11px 40px 38px 40px; }
    .data-inspection { padding-bottom: 30px; }
    .cta-sec .container { padding: 0; }
    .img-space { height: 350px; }
    .site-footer .container-footer .copy_text {text-align: center;}
    .carousel-control-next, .carousel-control-prev { top: 0%; }
    .tablet-sec { flex-direction: column-reverse; }
    .team-profile { width: 160px !important;}
    .team p {font-size: 18px; line-height: 22px;}
    .team-desc {display: none;}
    .team .more-text { height: 68px; }
    .team .more-link { top: 44px; }
    .team.team-sec-2 .more-link { background-color: #ffffff; }
    .team .more-link { background: #eaedf2; }
    .person-loc {margin-bottom: 0;}
    .person-name, .person-title { font-size: 18px; line-height: 26px; }
    .fair-chart-img { margin-bottom: 30px; padding-top: 30px; }
    .fair-chart-img img { width: 120px !important; }
    .fair-aggreemt-info p {color: #ffffff !important;}
    .fair-aggreemt-info h2 {font-weight: 400 !important;}
    .blueprint-tab .header-section h2 ,.blueprint-tab .header-section p { color: #ffffff; }
    .blueprint-tab .header-section p {margin-top: 0.5rem !important;}
    .blueprint-tab { padding-top: 50px; background-color: #292727; }
    .blueprint-tab .nav-item .nav-link {
        padding: 0;
        font-size: 16px;
        color: #ffffff !important;
        font-weight: 300;
    }
    img.close-agreement {
        right: 40px !important;
        top: 30px !important;
    }
    .header-section ul#pills-tab li { width: auto !important; }
    .blueprint-tab .nav-item:after {
        width: 110%;
        height: 1px;
        top: -32px;
        left: 27px;
        background-color: #ffffff;
    }
    .video-link { height: 300px; }
    .btn-group .btn {
        margin-right: 10px;
        padding: 0px 5px;
        font-size: 16px;
    }
    .btn-group {margin-left: 0; display: flex; justify-content: center; margin-bottom: 25px; margin-top: 20px;}
    .feature-block .pointer-event {
        margin-right: -25px;
        margin-left: -25px;
    }
    .home2-section-2 .section-title-1 {
        font-size: 28px;
        line-height: 32px;
    }
    .home2-section-4 h2 {font-weight: 400;}
    .home2-section-5 .row { flex-direction: column-reverse; }
    .estimate-banner .clock-block img,
    .scheduling-banner .clock-block img,
    .workflow-banner .clock-block img
    { width: auto; height: 95px; }
    .scheduling-banner .clock-block-right-content,
    .workflow-banner .clock-block-right-content,
    .estimate-banner .clock-block-right-content,
    .mobile-time-banner .clock-block-right-content,
    .accounting-banner .clock-block-right-content { margin-left: -15px; }
    .mobile-time-banner .clock-block img {
        width: auto;
        height: 90px;
        margin-top: 8px;
    }
    .accounting-banner .clock-block img {
        width: auto;
        height: 60px;
        margin-top: 8px;
    }
    .point-content { padding: 45px 40px; }
    .section-two .labor-landing-2-left-content {
        padding: 30px 10px;
    }
    .point-content > div { display: flex; align-items: center; }
    .section-two .count { font-size: 32px !important; padding: 10px 17px; margin-right: 20px; margin-top: 0;}
    .point-content p { text-align: left; margin-bottom: 0; margin-right: 20px; margin-top: 0;}
    .workflow-chart .tab-title { font-size: 26px; line-height: 32px; }
    .workflow-tab { margin-top: 80px; }
    .workflow-chart .workflow-tab { padding-left: 15px; padding-right: 10px; }
    .workflow-chart .workflow-tab .tab-content-text {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 40px;
    }
    .workflow-chart { padding-bottom: 50px; }
    .workflow-chart .header-text { font-size: 18px; line-height: 22px; text-align: left; margin-bottom: 30px; }
    .workflow-chart > h2 { 
        font-family: 'Roboto Condensed', sans-serif; 
        text-align: left !important;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .blueprint-tab .feat-func-sec {width: auto;}
    .mobile-print .left-tab { padding: 10px 0 0; }
    .blueprint-tab .nav-link .circle { border-color: #ffffff00; padding: 12px; }

    .fair-guide {display: none;}
    .fair-guide.mobile-show {
        display: block !important;
        position: relative;
        bottom: auto;
        top: 0;
        left: 0;
        color: #fff;
        margin-bottom: 0px;
        padding: 15px 0 10px;
        border-bottom: 1px solid #ffffff;
        background: transparent;
    }
    .fair-chart .fair-chart-bg {
        height: 300px;
    }
    .fair-agreement .mobile-reverse { flex-direction: column-reverse; }
    .fair-agreement .dark-header { padding: 10px 30px; }
    .chart-content { margin-bottom: 0; }
    .header-section p {
        font-size: 18px;
        line-height: 28px;
    }
    .testimonial-sec .col-md-8.labor-section-5-right {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .feature-block { padding-bottom: 50px; }
    .feat-content .btn {
        width: 155px;
        display: flex;
        margin: 0 auto;
        justify-content: center;
    }
    .key-function-sec .nav-pills .nav-link {
        max-width: 47%;
        flex: 0 0 47%;
        margin-right: 2px;
        margin-left: 2px;
    }
    .nav.flex-column.nav-pills {
        -ms-flex-direction: unset!important;
        flex-direction: unset !important;
        justify-content: space-between;
    }
    .key-function-sec .nav-pills .nav-link {
        line-height: 20px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 18px;
    }
    .key-function-sec .nav-pills .nav-link:first-child {
        margin-top: auto;
    }
    .key-function-sec .nav-pills .nav-link {
        padding: 0.5rem;
    }
}

@media (max-width: 576px) {
    .estimate-takeoff-img-div {
        left: 37%;
        top: 3%;
    }
    .residential-modeling-img-div {
        left: 8%;
        top: 10.8%;
    }
    .project-management-img-div {
        right: 7%;
        top: 11.5%;
    }
    .planning-schedule-img-div {
        right: 0%;
        bottom: 13%;
    }
    .heavy-equipment-img-div {
        left: -1.5%;
        bottom: 13%;
    }
    .mobile-time-img-div {
        left: 18%;
        bottom: -14%;
    }
    .finance-account-img-div {
        right: 22%;
        bottom: -14%;
    }
}
@media (max-width: 500px) {
    img.circle-img {
        width: 80%;
    }
    .team-desc { padding:20px }
    .left-img img { width: 65px; }
    .img-width p {font-size: 14px; line-height: 17px;}
    .left-img img { border: 4px solid #767678; }
    .insight-img-div { top: 10px; left: 34%; }
    .foreman-app-img-div { top: 35%; }
    .foreman-app-img-div { left: 3%; top: 38%; }
    .pm-account-img-div  { right: 3%; top: 38%; }
    .mobile-labor-img-div { bottom: -17%; left: 16%; }
    .winbid-dto-img-div { right: 15%; bottom: -17%; }

    .pm-account-img-div-accounting { right: 11%; top: 12%; }
    .foreman-app-img-div-accounting { right: 13%; bottom: -12%; }
    .mobile-labor-img-div-accounting { left: 10.5%; bottom: -7.8%; }
    .winbid-dto-img-div-accounting { left: 13.5%; top: 12%; }
    
    .estimate-takeoff-img-div {
        left: 36%;
        top: 6%;
    }
    .residential-modeling-img-div {
        left: 11%;
        top: 13.8%;
    }
    .project-management-img-div {
        right: 12%;
        top: 14.5%;
    }
    .planning-schedule-img-div {
        right: 5%;
        bottom: 9.5%;
    }
    .heavy-equipment-img-div {
        left: 1.5%;
        bottom: 9%;
    }
    .mobile-time-img-div {
        left: 18%;
        bottom: -16%;
    }
    .finance-account-img-div {
        right: 24%;
        bottom: -16%;
    }
}
@media (max-width:420px)
{
    img.circle-img {
        width: 80%;
    }
    .team-desc { padding:20px }
    .left-img img { width: 65px; }
    .img-width p {font-size: 14px; line-height: 17px;}
    .left-img img { border: 4px solid #767678; }
    .insight-img-div { top: 10px; left: 34%; }
    .foreman-app-img-div { top: 35%; }
    .foreman-app-img-div { left: 3%; top: 38%; }
    .pm-account-img-div  { right: 3%; top: 38%; }
    .mobile-labor-img-div { bottom: -17%; left: 16%; }
    .winbid-dto-img-div { right: 15%; bottom: -17%; }

    .pm-account-img-div-accounting { right: 11%; top: 12%; }
    .foreman-app-img-div-accounting { right: 13%; bottom: -12%; }
    .mobile-labor-img-div-accounting { left: 10.5%; bottom: -7.8%; }
    .winbid-dto-img-div-accounting { left: 13.5%; top: 12%; }

    .estimate-takeoff-img-div {
        left: 32%;
        top: 4%;
    }
    .residential-modeling-img-div {
        left: 8%;
        top: 11.8%;
    }
    .project-management-img-div {
        right: 8%;
        top: 11.5%;
    }
    .planning-schedule-img-div {
        right: 2%;
        bottom: 6%;
    }
    .heavy-equipment-img-div {
        left: -2.5%;
        bottom: 4.5%;
    }
    .mobile-time-img-div {
        left: 15%;
        bottom: -21%;
    }
    .finance-account-img-div {
        right: 22%;
        bottom: -21%;
    }
}

@media (max-width:375px)
{
    .left-img img { width: 65px; }
    .li-top { margin-top: -92px; }

    .product-pricing-tab .left-img img { border: 3px solid #767678; }
    .insight-img-div { top: 5%; left: 29.5%; }
    .foreman-app-img-div { left: -9%; top: 38%; }
    .pm-account-img-div { right: -10%; top: 39%; }
    .mobile-labor-img-div { bottom: -17%; left: 7%; }
    .winbid-dto-img-div { right: 5%; bottom: -18%; }

    .winbid-dto-img-div-accounting { left: 13.5%; top: 13%; }
    .pm-account-img-div-accounting { right: 10%; top: 13%; }
    .mobile-labor-img-div-accounting { left: 9.5%; bottom: -7.8%; }
    .foreman-app-img-div-accounting { right: 12%; bottom: -12.8%; }

    .estimate-takeoff-img-div { left: 32%; top: 5%; }
    .residential-modeling-img-div { top: 13.8%; left: 0%; }
    .project-management-img-div { right: 0; top: 13.5%; }
    .planning-schedule-img-div { right: -5%; bottom: 9%; }
    .heavy-equipment-img-div { left: -11%; bottom: 9%; }
    .mobile-time-img-div { left: 12%; bottom: -18%; }
    .finance-account-img-div { right: 20%; bottom: -18%; }
    .workflow-chart { padding-left: 0 !important; padding-right: 0 !important; }
    .chart-block { padding: 0; }
    .circle-chart { width: 80%; }
    img.circle-img { width: auto !important; }
    .heavy-equipment-img-div p.text { margin-left: 15px; }
    .workflow-chart .workflow-tab { padding-left: 40px; padding-right: 25px; }
}
@media (max-width:360px) {
    .estimate-takeoff-img-div { left: 29.5%; top: 5%; }
    .residential-modeling-img-div { top: 12.8%; left: 2%; }
    .project-management-img-div { right: 0%; top: 13%; }
    .planning-schedule-img-div { right: -7.5%; bottom: 8%; }
    .heavy-equipment-img-div { left: -12.5%; bottom: 8%; }
    .mobile-time-img-div { left: 9%; bottom: -18%; }
    .finance-account-img-div { right: 16%; bottom: -18%; }
    .site-footer .footer_social li { margin: 10px; }
    .btn-group .btn { font-size: 12px; }

    .product-pricing-tab .left-img img { border: 3px solid #767678; }
    .insight-img-div { top: 3%; left: 26%; }
    .foreman-app-img-div { left: -14%; top: 38%; }
    .pm-account-img-div { right: -15%; top: 38%; }
    .mobile-labor-img-div { bottom: -23%; left: 3%; }
    .winbid-dto-img-div { right: 0%; bottom: -23%; }

    .rectangle {
        font-size: 15px;
    }
    .text-1 {
        top: 12px;
        left: 60px;
    }
    .text-2 {
        top: 13px;
        right: 58px;
    }
    .text-3 {
        bottom: 12px;
        left: 60px;
    }
    .text-4 {
        bottom: 11px;
        right: 58px;
    }
}

@media (min-width: 769px) {
    .map-section .left-image-div.col-md-4 { flex: 0 0 36.05%; max-width: 36.05%; }
    .map-section .fair-chart.col-md-8 { flex: 0 0 63.95%; max-width: 63.95%; }

    .history .left-image-div.col-md-4,
    .landing-left.col-md-4 ,
    .home2-section-5 .left-image-div.col-md-4 ,
    .product-landing.col-sm-4 ,
    .left-tab.col-sm-4 ,
    .i-process .col-md-4 ,
    .our-mission .col-md-4,
    .we-plexis .col-md-4,
    .workflow-intro-sec.col-md-4,
    .sword .left-image-div.col-md-4,
    .banner-left.col-md-4 { flex: 0 0 36.9%; max-width: 36.9%; }

    .home2-section-5 .img-space.col-md-8,
    .banner-right.col-md-8,
    .product-landing.col-sm-8,
    .right-tab.col-sm-8,
    .i-process .col-md-8,
    .history .farm.col-md-8,
    .our-mission .col-md-8,
    .we-plexis .col-md-8,
    .workflow-benefit-sec.col-md-8,
    .sword .xx-sword.col-md-8,
    .tablet-sec .col-md-8 { flex: 0 0 63.1%; max-width: 63.1%; }

    
}



@media (min-width: 1290px) and (max-width: 1759px) {
    .blueprint-tab .left-tab .nav-item:after {
        width: 100%;
        height: 2px;
        top: -30px;
        left: 40px;
    }
    .blueprint-tab .left-tab .nav-item .nav-link {
        padding: 0 5px;
        font-size: 14px;
    }
    .blueprint-tab .nav-item .nav-link {
        padding: 0 30px;
    }
    .blueprint-tab .nav-item:after {
        width: 125%;
    }
    .mini-map-block { padding-bottom: 150px !important; }
}
@media (min-width: 768px) and (max-width: 1290px) {
    .blueprint-tab .left-tab .nav-item:after {
        width: 95%;
        height: 2px;
        top: -33px;
        left: 35px !important;
    }
    .blueprint-tab .nav-link .circle {
        top: -45px;
        padding: 12px;
        z-index: 10;
    }
    .blueprint-tab .left-tab .nav-item .nav-link {
        padding: 0px;
        font-size: 10px;
    }
    .blueprint-tab .nav-item .nav-link {
        padding: 0 30px;
    }
    
    .mini-map-block { padding-top: 150px; }
    .blueprint-tab .content-text-feat {
        padding: 0 !important;
    }
}
@media (min-width: 991px) and (max-width: 1024px) {
    .blueprint-tab .feat-func-sec {
        margin: 120px auto 30px;
        opacity: 1;
    }
    .labor-section-5-left.team-desc {
        padding: 20px 35px 20px 35px !important;
    }
   /* .blueprint-tab .nav-item .nav-link {
        padding: 0;
    }*/
    .blueprint-tab .nav-item:after {
        width: 100%;
        top: -32px;
        left: 65px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .blueprint-tab .nav-item:after {
        width: 100%;
        top: -32px;
        left: 65px;
    }
    .workflow-chart .workflow-tab {
        padding-left: 0;
        padding-right: 0;
        margin-top: 100px;
    }
    .workflow-chart {
        padding-bottom: 100px;
    }
}