@media (min-width:992px) {
    .cost-management .container {
        max-width: calc(50vw + 476px);
        padding-right: 0;
        margin-left: auto;
        margin-right: 0;
    }

    .hero-main .container {
        max-width: calc(50vw + 476px);
        padding-right: 0;
        margin-left: auto;
        margin-right: 0;
    }
}

@media (min-width:1200px) {
    .cost-management .container {
        max-width: calc(50vw + 567px);
        padding-right: 0;
        margin-left: auto;
        margin-right: 0;
    }

    .hero-main .container {
        max-width: calc(50vw + 567px);
        padding-right: 0;
        margin-left: auto;
        margin-right: 0;
    }
}

@media (min-width:1310px) {

    .theme-dark .hero-main .container,
    .container {
        max-width: 1310px;
        margin: 0 auto;
    }

    .hero-main .container {
        max-width: calc(50vw + 641px);
        padding-right: 0;
        margin-left: auto;
        margin-right: 0;
    }

    .cost-management .container .row,
    .hero-main .container .row {
        margin-right: 0;
    }

    .cost-management .container {
        max-width: calc(50vw + 672px);
        padding-right: 0;
        margin-left: auto;
        margin-right: 0;
    }
}

@media (max-width:1535px) {
    .steps-junks .card_box {
        margin-bottom: 50px;
    }

    .steps-junks ul li {
        padding-bottom: 80px;
    }

    .mauris-homes {
        background-color: #f6f3f2;
        padding: 180px 0 45px;
    }



    .hero-main .img-holder img {
        max-width: 100%;
    }

    .hero-main .row {
        margin: 0;
    }

    .theme-dark .spaceHolder:after {
        width: 51vw;
    }


}

@media (max-width:1309px) {
    .jobs-steps li .elipse {
        margin: 0 52px;
    }


    .jobs-steps li .icon {
        max-width: 160px;
    }

    .jobs-steps li .elipse {
        margin: 0 23px;
    }

    .jobs-steps li {
        max-width: 680px;
    }

    .jobs-steps li .media-body p {
        font-size: 16px;
    }

    .jobs-steps {
        position: relative;
        padding: 145px 34px 0;
    }

    .jobs-steps li {
        margin-bottom: 80px;
    }

    .arrow-down2 {
        bottom: -76px;
    }

    .theme-dark .hero-main .img-holder {
        max-width: 500px;
    }

    .theme-dark .hero-main .hero-text {
        padding-bottom: 100px;
    }
}

@media (max-width:1199px) {
    .hero-text h1 {
        font-weight: 900;
        font-size: 36px;
        line-height: 40px;
    }

    .hero-text p {
        font-size: 16px;
        line-height: 20px;
    }

    .hero-text p {
        margin-bottom: 20px;
    }

    .content-manufacture {
        margin-left: 0;
    }

    .content-manufacture {
        padding-right: 50px;
    }

    .steps li {
        max-width: 378px;
    }

    .steps li:after {
        top: 141px;
    }

    .steps li .media-body {
        padding: 21px 30px;
    }

    .living-space {
        padding: 73px 0 200px;
        overflow: hidden;
    }

    .steps-junks .card_box {
        max-width: 433px;
    }

    .steps-junks .card_box h2 {
        font-size: 36px;
        margin-bottom: 12px;
    }

    .steps-junks .card_box p {
        font-size: 16px;
    }

    .steps-junks ul li .icon img {
        max-width: 150px;
    }

    .steps-junks ul li {
        padding-bottom: 40px;
    }

    .steps-junks .shape-main {
        top: 50%;
    }

    .theme-dark .hero-main .img-holder {
        max-width: 500px;
    }

    .arrow-m {
        max-width: 340px;
    }

    .theme-dark .living-space {
        padding: 80px 0;
    }

    .theme-dark .spaceHolder:after {
        width: 50vw;
    }

    .jobs-steps .img-holder {
        max-width: 478px;
        margin: 0 auto;
    }

    .jobs-steps .img-holder img {
        width: 100%;
    }

    .jobs-steps li .icon {
        max-width: 200px;
    }

    .jobs-steps li .icon {
        max-width: 104px;
    }

    .jobs-steps li .elipse {
        width: 56px;
        height: 56px;
        margin: 0 45px;
    }

    .jobs-steps li {
        max-width: 633px;
    }

    .jobs-steps {
        padding: 120px 55px 0;
    }

    .theme-dark .hero-main .img-holder {
        max-width: 500px;
    }

    .theme-dark .management-card {
        margin-top: -55px;
    }

    .jobs-steps li .media-body span {
        font-size: 36px
    }

    .jobs-steps li:nth-child(2) .media-body span {
        margin-right: 20px;
        margin-left: 27px;
    }

    .jobs-steps li:nth-child(2) .elipse {
        margin-right: 44px;
    }

    .arrow-down2 {
        bottom: -10px;
    }

    .theme-dark .hero-main .hero-text {
        padding-bottom: 50px;
    }
}

@media (max-width:991px) {
    header .navbar {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .navbar-brand img {
        height: 36px;
    }

    .hero-main .img-holder {
        height: 100%;
    }

    .hero-main .img-holder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .hero-main .row.align-items-center {
        align-items: inherit !important;
    }

    .hero-text {
        padding: 30px 0;
    }

    .cost-management .management-card {
        max-width: 100%;
    }

    .cost-management .management-card {
        margin-bottom: 72px;
    }

    .testimonial,
    .living-space .content,
    .text-wrapper {
        max-width: 100%;
    }

    .content-manufacture {
        padding-right: 0;
    }

    .living-space .testimonial:before {
        width: 100%;
    }

    .steps li {
        max-width: 100%;
    }

    .steps li:after {
        content: none;
    }

    .steps li .line {
        position: absolute;
        display: block;
        width: 100%;
        top: 100%;
    }

    .steps li:last-child .line {
        display: none;
    }

    .steps li {
        margin-bottom: 111px;
    }

    .steps-junks .card_box {
        max-width: 320px;
    }

    .steps-junks .card_box h2 {
        font-size: 30px;
        margin-bottom: 8px;
    }

    .steps-junks ul li .media-body {
        padding-left: 32px;
    }

    .steps-junks ul li .media-body h3 {
        font-size: 32px;
    }

    .steps-junks ul li .media-body h4 {
        font-size: 16px;
    }

    .steps-junks ul li .media-body p {
        font-size: 16px;
    }

    .steps-junks ul li .icon img {
        max-width: 116px;
    }

    .steps-junks ul li .shape {
        width: 44px;
        height: 44px;
    }

    .checkbox-card {
        margin-bottom: 24px;
    }

    .footer {
        flex-direction: column;
    }

    .quick-links {
        margin-top: 15px;
    }

    .quick-links li {
        margin: 0 23px;
    }

    .arrow-m {
        display: none
    }

    .theme-dark .cost-management .img-holder {

        position: absolute;
        bottom: calc(100% - 50px);
        right: 160px;
        z-index: 9;
    }

    .theme-dark .hero-main .img-holder,

    .theme-dark .hero-main .img-holder img {
        max-width: 100%;
    }


    .theme-dark .hero-main .img-holder img {
        width: 100%;
        object-fit: contain;
        height: auto;
    }

    .theme-dark .management-card {
        padding-top: 100px;
    }

    .theme-dark .content-manufacture.content {
        padding-top: 0px;
    }

    .theme-dark .spaceHolder:after {
        content: none;
    }

    .theme-dark .living-space {
        padding: 0;
    }

    .get-jobs .arrow-jobs {
        width: 52%;
        position: absolute;
        bottom: calc(100% - 35px);
    }

    .theme-dark .hero-main .hero-text {
        padding-bottom: 0;
    }

    .jobs-steps .img-holder {
        max-width: 400px;
        margin: 0 auto;
    }

    .jobs-steps li .elipse {
        width: 56px;
        height: 56px;
        margin: 0 22px;
    }

    .jobs-steps li:nth-child(2) .elipse {
        margin-right: 18px;
    }

    .jobs-steps li {
        margin-bottom: 52px;
    }

    .get-jobs {
        padding-bottom: 0;
    }

    .jobs-steps {
        padding: 94px 0 82px;
    }

    .icon-cards {
        display: flex;
        align-items: center;
        text-align: left;
    }

    .icon-cards h4,
    .icon-cards p {
        text-align: left;
    }

    .icon-cards .media-body {
        margin-left: 28px;
    }

    .right-card {
        margin-top: 57px;
        position: relative;
    }

    .icon-cards {
        margin-bottom: 40px;
    }

    .right-card {
        position: relative;
    }
}

@media (max-width:767px) {
    header .navbar {
        flex-wrap: wrap;
    }

    .container {
        max-width: 100%;
        padding: 0 20px;
    }

    header {
        border: none;
        padding: 0;
    }

    header .container {
        max-width: 100%;
        padding: 0;
    }

    .brand-holder {
        padding: 15px 20px;
        width: 100%;
    }

    .text-header {
        display: flex;
        align-items: center;
        background-color: #D6DFD5;
        padding: 12px 20px;
        width: 100%;
    }

    .hero-main .container {
        max-width: 100%;
        padding: 0;
    }

    .hero-main .hero-text {
        padding: 30px 20px;
        max-width: 100%;
    }

    .hero-text p {
        font-size: 18px;
    }

    .content h2 {
        font-size: 30px;
    }

    .content p {
        font-size: 18px;
    }

    .steps li {
        margin-bottom: 83px;
    }

    .shape-main {
        display: none;
    }

    .steps-junks ul li:nth-child(even),
    .steps-junks ul li {
        flex-direction: column;
    }

    .steps-junks ul li .media-body,
    .steps-junks ul li:nth-child(even) .media-body,
    .steps-junks ul li:nth-child(even) .icon {
        padding: 0;
    }

    .steps-junks ul li .icon {
        text-align: left;
    }

    .steps-junks ul li:nth-child(even) .media-body p,
    .steps-junks ul li:nth-child(even) .media-body {
        text-align: left;
    }

    .steps-junks ul li .media-body p {
        max-width: 100%;
    }

    .steps-junks ul li {
        padding-right: 0;
        padding-left: 60px;
    }

    .steps-junks ul li {
        position: relative;
        padding-bottom: 95px;
    }

    .steps-junks ul li .shape {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        right: 0;
    }

    .steps-junks ul li:nth-child(even) .icon,
    .steps-junks ul li .icon {
        text-align: right;
        margin-bottom: -30px;
    }

    .steps-junks ul li .icon img {
        max-width: 171px;
    }

    .steps-junks:after {
        content: '';
        width: calc(100% - 39px);
        height: 100%;
        background-color: transparent;
        border: 8px solid #51f2a5;
        position: absolute;
        top: 35px;
        right: 0;
        left: 0;
        border-left: 0;
        border-bottom: 0;
        border-top-right-radius: 50px;
        border-top-left-radius: 0;
    }

    .steps-junks:before {
        content: none;
    }

    .hero-main .row {
        margin: 0;
    }

    .hero-main .row [class*="col-"] {
        padding: 0;
    }

    .steps-junks ul li .media-body h3 {
        font-size: 45px;
    }

    .steps-junks ul li .media-body h4 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .steps-junks ul li .media-body p {
        font-size: 18px;
    }

    .steps-junks .card_box p {
        font-size: 18px;
    }

    .steps-junks .card_box h2 {
        font-size: 36px;
    }

    .steps-junks .card_box {
        max-width: 300px;
    }

    .steps-junks .arrows {
        position: absolute;
        top: -76px;
        left: 0;
    }

    .arrows-down {
        position: absolute;
        right: 18px;
        bottom: -40px;
    }

    .footer p {
        width: 100%;
    }

    .quick-links {
        width: 100%;
        justify-content: flex-start;
    }

    .quick-links li {
        margin-right: 26px;
        margin-left: 0;
    }

    .cost-management:after {
        content: none;
    }

    .cost-management .img-holder {
        margin-bottom: -41px;
        position: relative;
        z-index: 1;
    }

    .steps-junks ul li:nth-child(even) .icon,
    .steps-junks ul li .icon {
        padding-right: 50px;
    }

    .steps-junks ul li .media-body,
    .steps-junks ul li:nth-child(even) .media-body {
        padding-right: 50px;
    }

    .mauris-homes .title h2 {
        font-size: 36px;
        text-align: left;
        margin: 0;
    }

    .mauris-homes .title {
        margin-bottom: 32px;
    }

    .theme-dark .hero-main {
        padding-bottom: 188px;
    }

    .theme-dark .cost-management .img-holder {
        position: absolute;
        bottom: calc(100% - 0px);
        right: 33px;
        z-index: 9;
    }

    .right-card:after {
        content: '';
        position: absolute;
        width: calc(100% + 20px);
        border-radius: 0px 0px 0px 100px;
        background: #c4ebf3;
        opacity: 0.5;
        top: 0;
        right: -20px;
        bottom: 0;

    }

    .icon-cards {
        padding: 0 20px;
    }

    .right-card [class*="col-"] {
        z-index: 99;
    }

    .right-card {
        padding: 44px 0;
    }

    .right-card [class*="col-"]:last-child .icon-cards {
        margin: 0;
    }

    .theme-dark .living-space {
        padding-bottom: 100px;
    }

    .get-jobs .arrow-jobs {
        width: 52%;
        position: absolute;
        bottom: calc(100% - 61px);
    }

    .jobs-steps .img-holder {
        display: none;
    }

    .arrow-down2 {
        display: none;
    }

    .action-img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        max-width: 300px;
        margin: 0 auto;
    }

    .action-img img {
        width: 100%;
    }

    .jobs-steps li:nth-child(2) .d-flex,
    .jobs-steps li:nth-child(2),
    .jobs-steps li,
    .media-body.d-flex {
        flex-direction: column;
        position: relative;
    }

    .jobs-steps li .elipse {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%);
    }

    .jobs-steps ul {
        max-width: 300px;
        margin: 0 auto;
    }

    .jobs-steps ul li:nth-child(odd) {
        padding-left: 55px;
        align-items: flex-end;
    }



    .jobs-steps li:nth-child(even) .icon,
    .jobs-steps ul li:nth-child(odd) .icon {
        margin-bottom: -50px;
    }

    .jobs-steps li {
        margin: 0;
        padding: 67px 0;
    }

    .jobs-steps li:nth-child(even) {
        align-items: flex-start;
        padding-left: 0;
        padding-right: 55px;
    }

    .jobs-steps li:nth-child(even) .media-body span {
        text-align: right;

    }

    .jobs-steps li:nth-child(even) .elipse {

        margin: 0;
        position: absolute;
        top: 50%;
        left: auto;
        right: 0;
        transform: translate(50%, -50%);
    }

    .jobs-steps li .icon {
        max-width: 152px;
    }

    .jobs-steps {
        padding-bottom: 152px;
        position: relative;
        z-index: 7;
    }

    .theme-dark header .text-header span a,
    .theme-dark header .text-header span {
        color: #264B5B;
    }
}

@media(max-width:575px) {
    .hero-main {
        padding-bottom: 70px;
    }

    .inner-content {
        padding: 0 15px;
    }

    .management-card h2 {
        padding: 0 15px;
    }

    .cost-management .management-card {
        padding: 80px 0 34px;
    }

    .content-card h4 {
        font-size: 16px;
        margin: 0;
    }

    .content-card h3 {
        margin-bottom: 18px;
    }

    .cost-management .row {
        margin: 0;
    }

    .cost-management .row [class*="col-"] {
        padding: 0;
    }

    .content-card p {
        max-width: 140px;
    }

    .content h2 {
        font-size: 36px;
    }

    .steps li {
        margin-bottom: 42px;
    }

    .cost-management {
        background-color: #F6F3F2;
    }

    .mauris-homes {
        padding: 114px 0 45px;
    }

    .selected-list {
        flex-direction: column;
        align-items: flex-start;
    }

    .mauris-homes label {
        font-size: 16px;
    }

    .selected-list li {
        margin-bottom: 20px;
    }

    .theme-dark .management-card {
        padding: 100px 19px 40px;
    }

    .theme-dark .management-card .media.pt-4 {
        flex-direction: column;
        align-items: flex-start;

    }

    .theme-dark .management-card .note {
        margin-bottom: 19px;
    }

}

@media(max-width:400px) {
    .quick-links li {
        margin-right: 8px;
        margin-left: 0;
    }
}