/* 
Optional: hide menu only below 768px */

@media (max-width: 767px) {
    .new-include-sec{
    font-size: 30px;
}
    .step-box{
        margin-bottom: 70px;
    }
    .finsh-selector-section .exp-details {
    text-align: center;
}
    .mone-heading {
   
    padding: 9px 8px;
}
    .rs-main-section {
    margin-top: 33px;
}
    .cb-section {
    width: 100%;
    max-width: 100%;

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

    }
    .bottom-image img {
    max-width: 100%;
    height: 100%;
 
}
    .nf-listing ul li {
    width: 99%;
    font-size: 20px;
}
    section.wexpect-sec {

        padding: 39px 0px;
    }

    .time-changes {
        animation-duration: 1s !important;
    }

    .bootom-sections {

        padding: 46px 20px !important;
    }

    .ca-details p {
        font-size: 20px;
    }

    .ca-details {
        display: grid;
        gap: 22px;
        padding: 9px;
    }

    .lessdetails-sec-link {
        display: block;
        margin: 0 auto;
        background: #aa1e2f;
        border: unset;
        font-size: 16px;
        color: #ffffff;
        margin-top: 35px;
        padding: 15px 32px;
        border-radius: 10px;
        font-weight: 500;
    }

    .roi-section.show-back .build-fornt-side .lessdetails-sec-link {
        display: none;
    }

    .roi-section.show-back .build-fornt-side .details-sec-link {
        display: none;
    }

    .details-sec-link {
        display: block;
        margin: 0 auto;
        background: transparent;
        border: unset;
        font-size: 17px;
        color: #000000b8;
    }

    .destila-finsh {
        width: 100%;
    }

    .destila-finsh p {
        text-align: center;
    }
    .filters-link {
        font-size: 18px;
    }


    .finsh-selector-section {
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .fliter-detailess p {
        font-size: 22px;
        margin-bottom: 36px;
    }

    .youes-sec {

        gap: 5px;
    }

    .struct-section {
        padding: 14px 0px;
    }

    .include-div {
        /* margin-top: -30px; */
		width:100%;
    }

    .nf-listing ul li {
        width: 100%;

    }

    .coutn-filter-sec .filter-sec {
        padding: 20px 20px 20px;
    }

    .our-team-sec {
        padding: 50px 0px;
    }

    .cost-model-section {
        padding-bottom: 50px;
    }

    .img-sec {
        padding: 41px 0px 0px 1px;
    }

    .handles-deatils {
        text-align: start;
        margin: 1px 24px 50px 24px;
        height: auto;
    }

    .markup-sections {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    

    .expect-img {
        padding: 0px 10px;
    }

    .hor-works-mains-sec {
        height: 590px;
    }

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: auto;
        height: auto;
        margin: auto;
        /* padding: 0; */
        cursor: pointer;
    }

    .slick-dots {

        bottom: -71px;

    }

    .plan-sec {
        margin-bottom: 74px;
    }

    .slick-dots {

        gap: 3px;
    }

    .col-md-6 {
        width: 100%;
    }

    .cost-model-section .col-md-6 {
        width: 100%;
    }

    .background-color-set {
        background-color: #AC1E30;
        margin-top: 15px;
    }

    .homes-range-section h6 {
        text-align: start;
    }

    .col-md-11 {
        width: 95%;
    }

    .step .back-end-view {
        padding: 0px 20px;
    }

    .step-box .fornt-end-view {
        padding: 30px;
        background: #fff;
        border-radius: 8px;
    }

    ul#menu-footer-menu li a {

        padding-left: 2px;
    }

    .cost-details {
        text-align: center;
    }

    .flat-img {
        padding-top: 0px;

    }

    .main-heading br {
        display: block;
    }

    .investor-favorites {
        padding-bottom: 23px;
    }

    .links-section.cost-limnks {
        margin-top: 0px;
    }

    .what-cost-section .cost-details h2.main-heading {
        font-size: 31px !important;
    }

    .result-sec .faster-sec div.links-section a.lets-con-link {
        margin-top: 3px !important;
        margin-bottom: 17px;
    }

    .mone-heading {
        font-size: 23px;
    }

    .managin-section .cost-btn {
        margin-top: 4px;
        margin-bottom: 30px;
    }

    .cost-btn {
        margin-top: 42px;
    }

    .flex-drection {
        flex-direction: column-reverse;
    }

    .wexpect-sec div a.lets-con-link {
        margin-top: 1px !important;
        margin-bottom: 10px;
    }

    .main-viesw a.white-hover {
        margin-top: 2px !important;
    }

    .expert-section {
        padding-top: 0px;
    }

    .spave-tip {
        padding-top: 10px;
    }

    .new-spacing {
        padding-right: 0px;
    }

    .flat-sec {
        height: auto;
    }

    .landow-main-sec {
        column-gap: 18px;
        row-gap: 75px;
        padding-top: 50px;
    }

    .invertor-inner-section {
        padding: 24px 26px;
        height: 213px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .height-set {
        height: auto;

    }

    .model-fliterss .col-md-6 {
        width: 100%;
    }

    br {
        display: none;
    }

    .our-team {
        margin-bottom: 0px;
    }

    .flat-free-list {
        padding-top: 34px;
        padding-right: 0px;
    }

    .bg-dark {
        padding: 20px 14px;

    }

    .result-sec {

        padding: 20px;
    }

    .lets-con-link {
        padding: 12px 21px;
    }

    .plan-sec {
        padding-bottom: 12px;
    }

    .new-spacing {
        padding-right: 0px;
    }

    .ps-section {
        padding: 27px 10px;
    }

    .main-viesw {
        margin-top: 2px;
    }

    .build-bootom .build-card-sec::before {
        top: -4px;
        left: -5px;
    }

    .margin-bottom {
        margin-bottom: 50px;
    }

    .lets-commence-form {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        border-radius: 10px;
        padding: 40px 10px 10px;
    }

    .col-md-3 {
        width: 100%;
    }

    .plans-section br {
        display: none;
    }

    .coutn-filter-sec {
        text-align: start;
    }

    .fliter-details {

        margin-top: 3%;
    }

    .col-md-2 {
        width: 100%;
    }

    .modeles {
        padding-top: 20px;
    }

    .finishes {
        padding-top: 20px;
    }

    .quartz-sec {
        padding-bottom: 20px;
    }

    .homes-range-section {

        padding: 20px !important;
    }

    .plans-main-section {
        padding-bottom: 0px;
    }

    .finishe-sec {
        position: unset;
        padding-top: 13px;
    }

    .plans-section {
        padding-bottom: 0px;
    }

    .finishe-sec {
        padding-top: 28px;
    }

    /* .inner-color {
        display: none;
    } */

    .col-md-5 {
        width: 100%;
    }

    .mangin-img img {
        width: 100%;
        height: 362px;
        border-radius: 10px;
    }

    .first-img {
        height: 207px;
        object-fit: cover;
    }

    .flip-container {
        margin-bottom: 40px;
    }

    .roi-section ul {
        padding-right: 0px;
        padding-left: 10px;
    }

    .result-sec .ast-container {
        padding: 0px;
    }

    .fs-30 {
        font-size: 23px;
    }

    .main-buil-section {
        padding-bottom: 40px;
    }



    .result-sec {
        margin-bottom: 0;
        padding-bottom: 25px;
    }

    .result-sec .fs-40 {
        font-size: 27px;
    }

    .stronger-section {
        padding-bottom: 87px;
    }

    .sub-category-link {
        overflow-x: auto;
        bottom: 4px;
    }

    .expect-img img {
        height: 100%;

    }

    .process-header {
        margin-bottom: 0px;
    }

    .process-headers {
        display: none;
    }

    .sub-category-link ul {
        width: 430px;
        justify-content: space-around;
        padding-top: 11px !important;
    }

    .category-link {
        white-space: nowrap;
        display: block;
    }


    .custom-btn-animation {
        transition: all .3s ease;
    }

    .mobile-hide {
        display: block;
    }

    .desptop-show {
        display: none;
    }



    .show-menu .protal-sec {
        margin-left: inherit !important;
        margin-top: 24px !important;
        margin-left: 7px !important;
    }

    .house-img img {
        height: 133px;

    }

    .investors-section {
        text-align: center;
    }

    .cb-section h6 {
        height: auto;
    }

    .house-img {
        margin-top: 40px;
    }

    .image-slider .slick-track {
        display: flex;
    }


    .review-details {
        font-size: 17px;
    }

    .col-lg-12 {
        width: 100%;
    }



    .custom-logo-link img {
        width: 206px;
    }



    .common-btn {
        font-size: 17px;
        margin-top: 10px;
    }

    .sold-img img {
        width: auto;
        object-fit: contain;
    }

    .lets-con-link {
        font-size: 14px;
    }

    .adrres-section {
        display: grid;
        align-content: end;
        width: 100%;
        justify-content: start;
    }

    .build-heading {
        padding-top: 40px;
        padding-bottom: 60px;
        gap: 14px;
    }

    .common-tb-spacing {
        padding: 46px 0px;
    }

    .home-img img {

        height: 100%;
    }

    .work-sec-details {
        row-gap: 0px;
        padding: 40px 21px;

    }

    .footer-link {
        padding-left: 0px;
    }

    .footer-heading h4 {
        font-size: 22px;
        padding-bottom: 14px;
        text-align: start;
        width: 100%;
    }

    footer {
        padding: 40px 0px;
    }

    .main-heading {
        padding-bottom: 9px;
        font-size: 28px !important;
    }

    .common-spacing {
        padding-top: 40px;
    }

    .main-review-sec {
        margin-top: 0px;
    }

    /* .common-tb-spacing {
        padding: 30px 0px 23px 0px;
    } */

    .ast-container {
        padding: 0px 10px 0px 10px;
    }

    .custom-espert-sec {
        max-width: 100%;
        margin-left: 0;
        padding: 0px 10px;
    }



    .fs-40 {
        font-size: 30px;
    }

    .exp-details {
        font-size: 17px;
        font-weight: var(--fw-300);
    }


    .logo.mobile-logo img {
        object-fit: contain;
        width: 222px;
        margin-bottom: 29px;
        padding-left: 7px;
    }

    .blank-img img {
        width: 100%;
        height: 100%;
    }

    .centered-box {
        text-align: center;
        margin-top: 15px !important;
    }

    .commence-sec {
        justify-content: start;
    }

    .investors-cus::after {
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .closed-btn {
        display: block;
        color: var(--text-light);
    }

    /* ul#menu-main-menu {
        display: grid;
        row-gap: 10px;
    
    } */
    .inner-banner-section h1 {
        padding: 0px !important;
    }
    .expect-details {
        padding: 0px 10px;
    }
    section.wexpect-sec {
        padding-top: 40px;
    }

    .investors-section {
        padding-bottom: 40px;
    }

    .timeline {
        width: 100% !important;
    }

    .markup-sections:before {
        content: unset;
        position: unset;

    }

    .commerce-details {
        font-size: 20px;
        color: var(--text-light);
        font-weight: 300;
        padding: 0;
    }

    .fornt-end-view {
        padding: 0px 20px;
    }
	.margin-top-set-wc {
		margin-top: -155px;
	}
}

@media screen and (max-width:367px) {
.selector-images-sction .fs-img {
    width: 100%;
 
}
    .build-heading h1 {
        font-size: 30px;
    }

    .fs-25 {
        font-size: 19px;
    }

    .commerce-details {
        font-size: 19px;
        color: var(--text-light);
        font-weight: 300;
        padding: 0px;
    }
}

@media screen and (min-width:320px) and (max-width:568px) {
    .row.sm_card .col-md-4 {
    width: 100%;
}
    .selector-images-sction .fs-img {
    width: 100%;
 
}
    .fit-section-details p {

        padding: 20px;
    }

    .team-section .col-md-3 {
        width: 99%;
    }

    .flipper-sec:before {
        width: 237px;
        height: 172px;
        top: -4px;
        left: -4px;

    }

    .landow-main-sec {
        justify-content: center;
    }

    .col-md-6.flipper-sec {
        width: 100%;
    }

    .fs-20 {
        font-size: 16px !important;
    }

    .step {
        margin: 0px !important;
        flex-wrap: wrap;
        display: block;

    }

  

    .icon:hover {
        background: var(--second-theme-color);
        background: transparent;
    }

    .step-box {
        background: #fff;
        border-radius: 8px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
        width: 312px;
        height: 128px;
        text-align: center;
        display: grid;
        z-index: 9;
        position: relative;
    }

    .icon img {
    /* width: 58% !important; */
    /* height: 82% !important; */
    object-fit: contain !important;
    /* border: #fff !important; */
    /* background: #fff !important; */
    z-index: 9;
    width: 126px !important;
    height: 55px !important;
}

 

       .line {
        background: #6c6a6a57;
        top: 0px !important;
        bottom: 5px;
        left: 50% !important;
        transform: translateX(-50%);
        z-index: -1;
        height: 84% !important;
    }
.icon {
    width: 126px !important;
    height: 67px !important;
    justify-content: center;
    border-radius: 50% !important;
    align-items: center !important;
    color: white !important;
    left: 50% !important;
    z-index: 9 !important;
    position: unset !important;
    transform: unset !important;
    margin: 0;
    background-color: #ffffff;
    margin: 0 auto !important;
    text-align: center !important;
}

    .cb-section {
        height: 226px;
    }
}

@media screen and (min-width:368px) and (max-width:767px) {
    .advantage-section .col-md-6 {
        width: 100%;
    }

    .fs-17 {
        font-size: 16px !important;
    }

    .team-section .col-md-3 {
        width: 90%;
    }

    .team-section {
        justify-content: center;
    }

    .col-md-6.flipper-sec.bounceInLeft.animated {
        width: 47%;
    }

    .build-heading h1 {
        font-size: 23px;
        color: var(--text-light);
    }




    .inner-banner-section .build-heading h1 {
        font-size: 30px;
        padding-right: 0px;
    }

}

@media screen and (max-width:1024px) {
.step-box .back-end-view p {


    font-size: 17px !important;
}
    .plan-sec {
        margin-bottom: 33px;
    }

    .walk-img {
        padding: 0px 10px;
    }

    .modeles .justify-content-center {
        justify-content: start;
    }

    .exp-details {
        font-size: 17px;
        font-weight: var(--fw-300);
    }

    .main-buil-section .build-card-sec {
        z-index: 9;
    }

    .coutn-filter-sec {
        position: unset;
    }

    .quar-fliter {
        display: block;
    }

    .filter-sec {
        background-color: #EBEDEC;
        border-radius: 8px;
        padding: 10px 10px 0px 13px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        margin-bottom: 33px;
    }

    .filter-toogle {
        display: block;
    }

    .des-view {
        display: none;
    }

    .filter-closed {
        border: unset;
        text-align: right;
        position: absolute;
        top: 10px;
        right: 7px;
        display: block;
        margin-bottom: 41px;
        padding-bottom: 20px;
        background: transparent;
    }

    /* .square-sec {
        position: fixed;
        background: #fff;
        top: -1px;
        width: 300px;
        left: 0;
        height: 100%;
        z-index: 999999999999999999;
        padding: 16px;
        padding-top: 53px;
    } */
}

@media screen and (min-width:768px) and (max-width:1024px) {

    .flip-top .fornt-end-view {
    align-items: unset;
    padding: 70px 50px 0px;
    display: flex;
    align-items: center;
}
.flip-top .build-icon {
    height: 78px;
}
    .expect-img img {
        height: 384px;
    }

    .fit-section-details p {
        font-size: 17px;

        padding: 12px;
    }

    .fit-section-details {
        height: 166px;
    }

    .ultra-large {
        font-size: clamp(89px, 3vw, 105px) !important;
    }

    .homes-range-section {
        padding: 40px 30px 0px 30px !important;
    }

    ul.square-sec.bath-listing {
        margin-top: 10px;
    }

    .footer-link {
        padding-left: 49px;
    }

    ul#menu-footer-menu li a {

        padding: 0;
    }

    .homes-range-section .col-md-10 {
        width: 99%;
    }

    .coutn-filter-sec .filter-sec {
        padding: 14px;
    }

    .handles-deatils {
        height: 392px;
    }

    .spacing-sec {
        padding: 30px 26px;
    }

    .investor-fav-ses img {
        width: 100%;
        height: 326px;
    }

    .home-card p {
        font-size: 19px;
    }

    .team-section {
        justify-content: center;
    }

    .fs-17 {
        font-size: 16px !important;
    }

    .filter-toggle-sec h6 {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

    .fliter-details p {
        font-size: 19px;
    }

    .our-team {
        margin-bottom: 0px;
    }

    .result-sec {
        padding: 60px 14px;
    }

    .build-heading {
        padding-top: 138px;
        padding-bottom: 20px;
    }

    section.wexpect-sec {

        padding: 60px 0px;
    }

    .common-tb-spacing {
        padding: 60px 0px;
    }

    .how-active .col-md-10 {
        width: 90%;
    }
    .map-sec img {
        height: 310px;
    }

    .home-img img {
        height: 310px;
    }

    .blank-img img {
        height: 310px;
    }

    .ps-section {
        padding: 40px 0px;
    }

    .expert-section {
        padding-top: 47px;
    }

    .main-viesw {
        margin-top: 0;
    }

    .fs-25 {
        font-size: 16px;
    }

    .new-spacing {
        padding-right: 0;
    }

    .main-heading {
        font-size: 30px;
    }

    .monetize-section .fornt-end-view {
        padding: 29px;
    }

    .monetize-section .fornt-end-view {
        font-size: 23px;
    }

    .landow-main-sec {
        column-gap: 13px !important;
        row-gap: 52px !important;

        padding: 40px 10px 1px 10px;
    }

    .flipper-sec:before {

        width: 261px;
        height: 177px;
        top: -6px;
        left: -6px;

    }

    .what-cost-section .col-md-4 {
        width: 45%;
    }

    .flat-free-list {
        padding-top: 9px;

    }
    .row {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .plans-main-section {
        background-image: linear-gradient(to bottom, #AC1E30, #AC1E30, #300a0f, #000000, #ffffff00);
        padding-bottom: 209px;
    }

    .finishe-sec {
        position: unset;
        padding-top: 22px;
    }

    .home-mobile {
        padding-top: 21px;
    }


    .investors-section {
        padding-bottom: 40px;
    }

    .mobile-hide {
        display: block;
    }

    .desptop-show {
        display: none;
    }

    .header_menu.show-menu .mobile-logo {
        display: block;
    }

    .logo.mobile-logo img {
        object-fit: contain;
        width: 171px;
        margin-bottom: 50px;
        padding-left: 7px;
    }

    .show-menu .protal-sec {
        margin-left: inherit !important;
        margin-top: 24px !important;
        margin-left: 7px !important;
    }

    .house-img img {
        height: 133px;
        object-fit: cover;
        width: 100%;
    }

    .house-img {
        margin-top: 40px;
    }

    .build-heading h1 {
        font-size: 40px;
        color: var(--text-light);
        padding-right: 0;
    }

    .investors-section .row {
        justify-content: center;
    }

    .cb-section .fornt-end-view {
        padding: 0px 20px;
    }

    .exp-details {
        font-size: 18px;
        padding-bottom: 20px;
        line-height: 26px;
    }

    .work-sec-details {
        row-gap: 14px;
    }

    .fs-30 {
        font-size: 20px;
    }

    .capital-section p {
        line-height: 33px;
        padding: 0px;
    }

    .work-sec-details {
        padding: 27px 28px;
    }

    .review-details {
        font-size: 17px;

        padding-top: 24px;
    }

    .custon-card-sec {
        padding: 18px 24px;
        height: 320px;

        margin: 20px 0px;
    }

    .main-review-sec {
        margin-top: 40px;
    }

    .fs-40 {
        font-size: 30px;
    }

    .common-spacing {
        padding-top: 60px;
    }

    .plan-sec {
        padding-bottom: 60px;
    }

    .commerce-details {
        font-size: 18px;
    }

    .common-btn {
        font-size: 18px;
    }

    .ast-container {
        padding: 0px 20px;
    }

    .closed-btn {
        display: block;
        color: var(--text-light);
    }
    .timeline {
        width: 100%;
        position: relative;
    }
    .lets-con-link {
        font-size: 15px;
        white-space: nowrap;
        padding: 14px 29px;

    }
}

@media screen and (min-width:992px) and (max-width:1399px) {
    .slider-section img {
        height: 372px;
        border-radius: 10px;
        object-fit: cover;
    }
    #menu-main-menu {
        column-gap: 16px;
    }
    .custom-logo-link img {
        width: 233px;

    }
    #menu-main-menu li a {
        font-size: 14px;
                white-space: nowrap;
    }
    .build-heading h1 {
        font-size: 50px;
        color: var(--text-light);
        padding-right: 0px;
    }

 

    .timeline {
        width: 100%;
        position: relative;
    }
}

.filter-closed i {
    font-size: 21px;
}

@media screen and (max-width:568px) {
    .why-commence-sec {
    height: 614px;
}
    .col-md-6.flipper-sec.bounceInLeft.animated {
        width: 96% !important;
    }
}


@media screen and (max-width: 992px) {
    .why-commence-sec {
    height: 548px;
}
    .toggle-btn{
        display: block;
    }
    .portal-sec {
        padding: 0px 25px;

    }

    .header_menu {
        position: fixed;
        top: 0;
        left: 0%;
        width: 80%;
        max-width: 320px;
        height: 100%;
        background-color: #ac1e30;
        z-index: 10000;
        padding: 20px;
        box-shadow: -3px 0 10px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        transition: right 0.4s ease-in-out;
        overflow-y: auto;
        display: none;
    }

    .header_menu.active {
        right: 0;
        display: block;
    }

    .mobile-logo {
        display: block;

    }

    .header_menu.active .mobile-logo {
        display: block;
    }

    .menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .menu>li {
        margin-bottom: 10px;
    }

    .menu>li>a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        font-weight: 600;
        color: #ffffff;
        padding: 10px 14px;

    }

    .menu li .dropdown-arrow {
        transition: transform 0.3s ease;
        font-size: 14px;
    }

    .menu li.open>a .dropdown-arrow {
        transform: rotate(180deg);
    }

  

    .menu li.open>a {
        color: #0e0e0e;
        color: #0e0e0e;
        background: #ffffff70;
        border-radius: 4px;
    }

    .menu li .sub-menu {
        max-height: 0;
        overflow: hidden;

        padding-left: 15px;
    }

    .menu li.open .sub-menu {
        max-height: 500px;
        background: #fff;
        border-radius: 4px;
        margin-top: 10px;
        padding: 10px;
    }

    .menu li .sub-menu li a {
        font-size: 14px;
        font-weight: 400;
        padding: 8px 10px;
        display: block;
        color: #444;
    }

    .menu li .sub-menu li a.active {
        color: #0073ff;
        font-weight: 600;
    }

    .menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        background: rgba(0, 0, 0, 0.6);
        z-index: 9999;
    }

    .menu-overlay.active {
        display: block;
    }

    .toggle-btn {
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
        z-index: 10001;
        position: relative;
    }

    body.no-scroll {
        overflow: hidden;
    }
}

.header_menu.active .toggle-btn .hide-click {
    display: block !important;
}

@media screen and (max-width:768px) {
    .single-filter-section {
    width: 100%;
}
    .work-sec .col-md-6 {
        width: 100%;
        flex: 0 0 calc(99% - 15px);
        max-width: 100%;
    }

    .flex-drection {
        flex-direction: column-reverse;
    }
}
@media screen  and (min-width:568px) and (max-width:992px){
    .coutn-filter-sec h6 {
    white-space: wrap;
}

.fliter-details {
    display: block;
    margin-top: 22%;
}
    .row.sm_card .col-md-4 {
    width: 48%;
}
.row.sm_card {
    justify-content: center;
}
    .nf-listing ul li {
    width: 99%;
    font-size: 20px;
}
    .single-filter-section {
    width: 100%;
}
    .selector-images-sction .fs-img {
    /* width: calc(33.333% - -90.667px); */
    box-sizing: border-box;
    text-align: center;
}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .handles-deatils {
    text-align: start;
    margin: 2px 50px 50px 50px;
    height: 494px;
}
    .why-commence-sec {
    height: 632px;
}
   .commerce-details {
        font-size: 18px;
    }
    .mangin-img img {
    height: 613px;
}
}
@media screen and (min-width:768px) and (max-width:1200px) {
   

/* .roi-section {
    width: 100%;
    height: 389px;
    position: relative;
    background: #fff;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    perspective: 1200px;
    cursor: pointer;
    transition: background 0.4s ease;
}
.roi-section:hover .roi-card-inner .build-back-side{
color:#fff;
}
.roi-section ul {
    text-align: start;
    display: grid;
    row-gap: 16px;
    list-style: square;
    padding-left: 11px;
    padding-right: 2px;
    font-size: 11px;
}
.roi-section ul li {
    font-size: 16px;
    font-weight: 300;
}
.build-fornt-side.card_align {
    align-items: unset;
    padding: 9px 28px 0px;
    align-items: center;
} */

.margin-top-set-wc {
    margin-top: -203px;
}
    .cost-model-section {
    padding-bottom: 0px;
}
  

    .expect-img img {

        height: 377px;

    }
}

@media screen and (min-width:768px) and (max-width:880px)  {
   .why-commence-sec {
    height: 582px;
}
    .cb-section {
    width: 100%;
    max-width: 340px;
    height: 241px;

}
    .mangin-img img {
    height: 675px;
 
}
    .managin-section .main-heading.fs-40 {
    font-size: 25px !important;
}
.cost-btn {
    margin-top: 31px;
}
.handles-deatils {
    height: 533px;
}
.step-box {
    width: 270px !important;
}
}

@media screen and  (min-width:768px) and (max-width:1024px){
        .our-team-sec .col-md-3 {
    flex: 0 0 auto;
    width: 44.333333%;
}
.hor-works-mains-sec {
    height: 491px;
}
.build-heading {
    gap: 16px;   
}
}

@media screen and (min-width:550px) and (max-width:767px){
	.why-commence-sec {
		height: 498px;
	}

}


@media screen and (min-width: 567px) and (max-width: 767px) {
    .icon {
    width: 126px !important;
    height: 67px !important;
    justify-content: center;
    border-radius: 50% !important;
    align-items: center !important;
    color: white !important;
    left: 50% !important;
    z-index: 9 !important;
    position: unset !important;
    transform: unset !important;
    margin: 0;
    background-color: #ffffff;
    margin: 0 auto !important;
    text-align: center !important;
}
.step {
    margin: 0px !important;
    flex-wrap: wrap;
    display: block;
}

.step-box {
    background: #fff;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    width: 312px;
    height: 128px;
    text-align: center;
    display: grid;
    z-index: 9;
    position: relative;
}
.icon img {
    /* width: 58% !important; */
    /* height: 82% !important; */
    object-fit: contain !important;
    /* border: #fff !important; */
    background: #fff !important;
    z-index: 9;
    width: fit-content;
    height: 55px !important;
}
}