@media(max-width:2736px){
    .homepage-inner {
        height: 73vh;
    }
}
@media(max-width:2560px){
    .homepage-inner {
        height: 86vh;
    }
}
@media(max-width:2256px){
    .homepage-inner {
        height: 73vh;
    }
}
@media(max-width:1920px){
    .homepage-inner {
/*        height: 98vh;*/
        height: 86vh;
    }
}
@media(max-width:1980px){
    /*.homepage-inner {
        width: 97%;
        height: 109vh;
    }*/
}

@media(max-width:1600px){
    .homepage-inner {
               width: 96%;
        height: 96vh;
    }
    .forest-life-logo {
        margin-top: 7%;
            width: 350px !important;
    }
    .owl-theme .owl-nav{
        top:45%;
    }
    .owl-nav.custom-nav {
        left: 2%;
     }
}

@media(max-width:1536px){
    .homepage-inner {
        width: 96%;
        height: 96vh;
    }
    .homepage-outer {
        height: 130vh;
    }
}


@media(max-width:1440px){
    .homepage-inner {
        width: 99%;
        height: 89vh;
    }
    .owl-nav.custom-nav {
        left: 0%;
    }
}



@media(max-width:1366px){
    /*.homepage-inner {
        width: 96%;
        height: 96vh;
    }*/
    .homepage-inner {
        width: 96%;
        height: 96vh;
    }
    .homepage-outer {
        height: 134vh;
    }
    .homepage-slider {
        bottom: 27%;
    }
    .unit-onhover .unit-subtitle {
        font-size: 14px;
    }
    .unit-onhover .unit-details {
        font-size: 13px;
    }
    .unit-onhover-top span.unit-title {
       font-size: 12px;
    }
    .unit-onhover-top img.unit-img {
        width: 40px;
    }
}

@media (max-width: 1368px) and (min-height: 912px) {
    .homepage-inner {
        width: 99%;
        height: 84vh;
    }
}


@media (max-width: 1366px) and (min-height: 1024px) {
      .homepage-inner {
        width: 96%;
        height: 71vh;
    }
}



@media(max-width:1280px){
    .homepage-inner {
        width: 96%;
        height: 87vh;
    }
    .homepage-slider {
        bottom: 23%;
    }

}

@media(max-width:1200px){
    .homepage-inner {
        width: 97%;
        height: 109vh;
    }
    .owl-theme .owl-nav {
        width: 30px;
        height: 30px;
     }
     .owl-nav.custom-nav button.owl-prev, 
     .owl-carousel .owl-nav button.owl-next {
        font-size: 50px !important;
     }
     .owl-nav.custom-nav {
        left: -0.4%;
    }
}

@media (max-width: 1180px) and (min-height: 820px) {
    .homepage-inner {
        width: 97%;
        height: 78vh;
    }
}

@media (max-width: 1114px) and (min-height: 617px) {
    .homepage-inner {
        height: 91vh;
    }
}

/*@media (min-width: 1024px) and (min-height: 1366px) {*/
    @media(max-width:1024px){
    .slick-next {
        right: 0px;
    }
    .slick-prev {
        left: 0px;
    }
    .nav-item.nav-link {
        width: 33%;
    }
    #nav-search-tab:nth-child(4) {
        width: 100%;
        margin-top: 5px;
    }
    .search-container {
        width: 20%;
     }
    .homepage-inner {
        width: 95%;
        height: 126vh;
        background: url(../../assets/images/Mobile-frame.png);
        background-repeat: no-repeat;
        background-size:cover ;
    }
    .homepage-slider {
        bottom: 45%;
    }
    .forest-life-logo {
        text-align: center;
        float: none;
        margin: 0 auto;
        width: 450px !important;
    }
    .owl-theme .owl-nav {
        margin-top: 0px;
        position: relative;
        background: #ffffff !important;
        width: 100px;
        height: 100px;
        line-height: 0px;
        margin: 0 auto;
                right: auto;
    }
    .owl-nav.custom-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
        font-size: 150px !important;
        padding-top: 30px !important;
    }
    .owl-carousel .owl-nav button.owl-next {
        /*margin: 0 auto !important;
        display: block;
        text-align: center;
        top: 10px;
        position: relative;
        background: #ffffff !important;
        width: 100px;
        height: 100px;*/
    }
    .homepage-slider.custom-slider .homepage-second-slide-single {
        width: 70%;
            padding: 30px 0px 40px;
            margin-bottom: 50px;
    }
    .homepage-slider.custom-slider  {
        position: relative;
    }
    .homepage-slider.custom-slider .homepage-second-slide-outer {
        padding-top: 20%;
    }
    body.inner-page-body .homepage-inner {
        width: 90%;
    }
}
/*1024 ENDS*/

@media (max-width: 1024px) and (min-height:600px) {
    .homepage-inner {
        height: 287vh;
    }
    .homepage-outer {
        height: 300vh;
    }
}

@media (max-width: 1024px) and (min-height: 768px) {
    .homepage-inner{
/*        background: url(../../assets/images/Desktop-frame.png);*/
        width: 63%;
        height: 149vh;
    }
    .homepage-outer {
        height: 165vh;
    }
    .homepage-slider.custom-slider .homepage-second-slide-single {
        padding: 10px 0px 40px;
    }
    .homepage-slider.custom-slider .homepage-second-slide-outer {
        padding-top: 14%;
    }
    .slide-icon {
        width: 80px !important;
    }
    .owl-theme .owl-nav {
        width: 80px;
        height: 80px;
    }
    .owl-nav .owl-prev {
        margin: 0px !important;
    }
    .owl-nav.custom-nav button.owl-prev{
        padding-top: 15px !important;
    }
    .owl-carousel .owl-nav button.owl-next {
        padding-top: 21px !important;
    }
}




@media (max-width: 1024px) and (min-height: 1366px) {
      .homepage-inner {
        width: 96%;
        height: 125vh;
    }
    .homepage-slider.custom-slider .homepage-second-slide-outer {
        padding-top: 27%;
    }
}
@media (max-width: 912px) {
    .homepage-inner {
        width: 93%;
        height: 110vh;
    }
}

@media (max-width: 884px) and (min-height: 1104px) {
    .homepage-inner {
        height: 136vh;
    }
}


@media (max-width: 882px) and (min-height: 344px) {
    .homepage-outer {
        height: 441vh;
    }
    .homepage-inner {
        height: 422vh;
    }
}

@media (max-width: 853px) {
    .homepage-inner {
        height: 107.5vh;
    }
}

@media (max-width: 834px) {
    .homepage-inner {
        height: 124vh;
    }
}

/*@media (min-width: 820px) and (min-height: 1180px) {*/
@media (max-width: 820px) {
    .owl-theme .owl-nav [class*=owl-] {
        margin: 0px;
    }
    .homepage-inner {
        width: 92%;
/*        height: 111vh;*/
        height: 122vh;
    }
    .forest-life-logo {
        width: 400px !important;
    }
    .homepage-slider.custom-slider .homepage-second-slide-single {
        padding: 20px 0px 40px;
    }
    .owl-carousel .owl-nav button.owl-next {
        font-size: 130px !important;
        padding-top: 25px !important;
    }
    .owl-nav.custom-nav button.owl-prev{
        font-size: 130px !important;
        padding-top: 17px !important;
    }
    .owl-theme .owl-nav {
        width: 80px;
        height: 80px;
    }
    .tab-block .tab-mnu li {
        width: 25%;
        text-align: left !important;
                line-height: 0.8;
    }
    .tab-block .tab-mnu li:after {
        content: '>';
        position: relative;
                font-weight: 100;
    }
    .tab-block .tab-mnu li:first-child:after {
        right: -87px;
        width: 20px;
        height: 20px;
        font-size: 20px;
        top: -8px;
        color: #ffffff;
    }
    .tab-block .tab-mnu li:nth-child(2):after {
        right: -49px;
        width: 20px;
        height: 20px;
        font-size: 20px;
        top: -8px;
        color: #ffffff;
    }
    .tab-block .tab-mnu li:nth-child(3):after{
        display: none;
    }
    .tab-block .tab-mnu li:nth-child(3){
        line-height: 1;
    }
    .tab-block .tab-mnu {
        padding-left: 0px;
    }
    .tab-block .tab-mnu li span {
        display: none;
    }    
    .understanyourcost .row.my-5 .col-lg-4.col-md-6 {
        width: 100%;
        margin-bottom: 15px !important;
    }
    .step1-img {
        display: none;
    }
    .step1-first-row, 
    .step1-second-row, 
    .step2-first-row, 
    .step2-second-row, 
    .step3-first-row, 
    .step3-second-row {
        display: block;
    }
    .form-container {
        width: 90%;
    }
    .pan-container {
        width: 100%;
    }
    .main.dragscroll {
         height: 500px;
    }
    .sqft-outer {
        left: 5%;
    }
    .download-master-btn {
        right: 5%;
    }
    .search-container {
        width: 27%;
    }
    .unit-onload, 
    .unit-onload:hover .unit-onhover {
        height: 120px;
    }
    .unit-onload {
         padding: 25px 0px 0px;
    }
}
/*820 ENDS*/


@media (max-width: 800px) {
    .homepage-inner {
        height: 105vh;
    }
}


@media(max-width:768px){
    .homepage-inner {
/*        height: 122vh;*/
        height: 134vh;
    }
    .slide-icon {
        width: 80px !important;
    }
    .download-master-img {
        width: 20px;
    }
    .download-master-btn{
        padding: 0px 5px 4px 5px;
    }
    body.inner-page-body .homepage-inner {
        width:98%;    
    }
    .tab-block .tab-mnu li {
/*        width: 32%;*/
        width: auto;
    }
    .tab-block .tab-mnu {
        font-size: 12px;
        font-weight: 100;
    }
    .tab-block .tab-mnu li:first-child:after {
        right: -4px;
        font-size: 16px;
        top: 0px;
    }
    .tab-block .tab-mnu li:nth-child(2):after {
        right: -4px;
        font-size: 16px;
        top: 0px;
    }
    .tab-block .tab-mnu li:nth-child(3) {
        padding: 16px 0px;
    }
    .tab-block .tab-mnu .active{
        font-weight: 100;        
    }
    .tab-block .tab-cont{
        border: 0px;
    }
    .my-5.understanyourcost .row.my-5 {
        margin-top: 0px !important;
    }
    .section-map-outer {
        padding: 2px;
    }
    .main.dragscroll {
        height: 250px;
    }
    .understanyourcost .card-body {
        padding: 20px;
    }
    .my-5.understanyourcost {
        margin-top: 0px !important;
    }
}
/*768 ENDS*/


@media(max-width:767px){
    .footer-logo, .footer-disclaimer {
        width: 25%;
    }
    .footer-copyright{
        width: 50%;
    }
    .footer-logo img {
        width: 100%;
    }
    .understanyourcost .card-body {
        padding: 30px 0px 20px;
    }
    .my-5.understanyourcost {
        margin-top: 0px !important;
    }
    .understanyourcost .card-body img {
        width: 70px;
    }
    .understanyourcost .card-title {
        font-size: 18px;
    }
    .costsheetstable {
        overflow: scroll;
    }
    .tab-block .tab-mnu li {
        width: 32%;
    }
    .tab-block .tab-mnu li:first-child:after {
        right: -54px;
        top: -8px;
    }
    .tab-block .tab-mnu li:nth-child(2):after {
        right: -28px;
        top: -8px;
    }
    .tab-block .tab-mnu li:nth-child(3) {
        padding: 13px 0px;
    }
}
/*767 ENDS*/

@media (max-width: 720px) and (min-height: 540px) {
    .homepage-inner {
        height: 217vh;
    }
    .homepage-outer {
        height: 267vh;
    }
    .homepage-slider.custom-slider .homepage-second-slide-outer {
        padding-top: 14%;
    }
}

@media (max-width: 667px) and (min-height: 375px) {
    .homepage-inner {
        height: 289vh;
    }
}


@media only screen and (max-width: 600px) {
    .homepage-inner {
        height: 72vh;
                background-size: contain;

    }
    .forest-life-logo {
        width: 200px !important;
        margin-top: 50%;
    }
    .owl-theme .owl-nav {
        width: 40px;
        height: 40px;
    }
    .owl-carousel .owl-nav button.owl-next, 
    .owl-carousel .owl-nav button.owl-prev {
        font-size: 57px !important;
    }
    .owl-carousel .owl-nav button.owl-next{
        padding-top: 0px !important;
    }
    .owl-nav.custom-nav button.owl-prev {
        padding-top: 6px !important;
    }
    .slide-icon {
        width: 50px !important;
    }
    .slide-text {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .homepage-slider.custom-slider .homepage-second-slide-single {
        padding: 5px 0px 40px;
    }
    .divider {
        height: 2px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .homepage-slider.custom-slider .homepage-second-slide-single {
        padding: 5px 0px 22px;
        margin: 0px 13%;
    }
    .steps {
        margin-bottom: 0px;
    }
    .visible-mobile{
        display: block;
    }
    .visible-desktop{
        display: none;
    }    
    .homepage-slider.custom-slider .homepage-second-slide-single {
        margin-bottom: 30px;
    }
    .slide-cta {
        bottom: -7%;
    }
    .homepage-outer {
        height: 100vh;
    }
    .download-master-btn {
        right: auto;
        bottom: 18%;
        left: 3%;
    }
    .sqft-outer {
        left: 3%;
    }
    .section-title-h5 {
        font-size: 15px;
        margin-bottom: 0px;
    }
    .explore-the-layout-tabs-outer h3.section-title-h3 {
        font-size: 18px;
    }
    .explore-the-layout-tabs-outer {
        width: 100%;
    }
    .section-title {
        padding-bottom: 10px;
    }
    .nav-item.nav-link{
        padding: 8px 2px;
        font-size: 10px;
        display: inherit;
    }
    #nav-search-tab:nth-child(4) {
        width: 100%;
        padding: 6px 0px 0px;
    }
    .nav-item.nav-link img {
        height: max-content;
    }
    .search-container {
        width: 100%;
    }
    .unit-onload, .unit-onload:hover .unit-onhover {
        height: 90px;
    }
    .unit-onload:hover .unit-onhover{
        padding-left: 5px;
    }
    .unit-onhover-top img.unit-img {
        width: 30px;
        height: -webkit-fill-available;
    }
    .unit-onhover-top span.unit-title {
        padding-top: 10px;
        font-size: 10px;
    }
    .unit-onhover .unit-subtitle, 
    .unit-onhover .unit-details {
        font-size: 11px;
    }
    .unit-onload {
        padding: 10px 0px 0px;
    }
    .slick-slide img {
        width: 40px;
    }
    .unit-onload-inner span.unit-title {
        font-size: 14px;
    }
    .tab-content {
        margin-top: 20px;
        padding-top: 20px;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 0px;
    }
    .slick-prev:before, .slick-next:before {
        font-size: 13px;
    }
    div#Four {
        margin: 0px;
    }
    .footer p {
        padding-top: 5px;
        font-size: 10px;
    }
    .my-5.understanyourcost .row.my-5 {
        margin-bottom: 20px !important;
    }
    .costsheetstable .heading-row, 
    .costsheetstable .milestone-row, 
    .costsheetstable .total-row {
        width: 250%;
    }
    .costsheetstable .heading-row .col-4, 
    .costsheetstable .milestone-row .col-4, 
    .costsheetstable .total-row .col-4 {
        padding-left: 20px;
    }
    .form-container {
        padding-left: 0px;
    }
    .form-container .nationality-group input {
        display: none;
    }
    input[type="radio"]+label {
        padding: 5px 15px;
    }
    .accordion-digit {
        font-size: 20px;
    }
    .form-container {
        width: 100%;
    }
    .click-to-continue-cta {
        padding: 15px 20px;
    }
    .click-to-continue.click-to-cancel a{
        padding: 14px 76px;
    }
    .tab3-terms-section {
        padding-top: 16%;
    }
    .section-title-h5 {
        font-size: 13px;
    }
    .tab3-terms-section h3.section-title-h3{
        font-size: 20px;
    }
}

/* ENDS 600*/

@media(max-width:540px){
    .homepage-inner {
        height: 122vh;
    }
    .homepage-outer {
        height: 139vh;
    }
    .forest-life-logo {
        margin-top: 30%;
    }
}



@media(max-width:430px){
    .forest-life-logo {
        margin-top: 40%;
    }
    .homepage-inner {
        height: 77vh;
    }
    .slick-slide {
        padding: 3px;
    }
    .slick-slide img {
        width: 30px;
    }
    .unit-onload {
        margin-bottom: 10px;
    }
    .tab-content {
        padding-bottom: 15px;
    }
    .tab3-terms-text {
        width: 100%;
     }
     .step3-cta {
        display: grid;
    }
    .click-to-continue.click-to-cancel {
        margin-top: 40px;
        order: 1;
    }
    .click-to-continue{
        order:0;
    }
    button.zoom-buttons img {
        width: 30px;
    }
    button.zoom-buttons.zoomin {
        top: 2%;
    }
    button.zoom-buttons.zoomout {
        top: 15%;
    }
}

@media (max-width: 430px) and (min-height: 738px) {
    .homepage-inner {
        height: 92vh;
    }
}

@media(max-width:414px){
    .homepage-inner {
        height: 76vh;
    }
}

@media (max-width: 414px) and (min-height: 720px) {
    .homepage-inner {
        height: 93vh;
    }
}


@media(max-width:412px){
    .homepage-inner {
        height: 85vh;
    }
    .homepage-slider.custom-slider .homepage-second-slide-single {
        margin-bottom: 22px;
    }
    .slide-icon {
        width: 40px !important;
    }
}

@media (max-width: 412px) and (min-height: 827px) {
    .homepage-inner {
        height: 81vh;
    }
}


@media(max-width:393px){
    .homepage-inner {
        height: 91vh;
    }
    .tab-block .tab-mnu li {
        font-size: 10px;
    }
    span.download-btn-text, 
    li.sqft-li {
        font-size: 10px;
    }
    span.sqft-li-color {
        width: 10px;
        height: 10px;
    }
    .nav-item.nav-link img {
        width: 25px;
        padding-top: 5px;
    }   
}

@media (max-width: 393px) and (min-height: 600px) {
    .homepage-inner {
        height: 96vh;
    }
}

@media(max-width:390px){
    .slide-cta-click {
        padding: 5px 40px;
    }
    .slide-icon {
        width: 40px !important;
    }
    .homepage-slider.custom-slider .homepage-second-slide-single {
        margin-bottom: 20px;
    }
    .slide-text {
        font-size: 14px;
    }
}




@media(max-width:375px){
    .homepage-inner {
        height: 92vh;
    }
    .homepage-slider.custom-slider .homepage-second-slide-single {
        width: 80%;
        margin: 0px 7% 6%;
    }
    .slide-cta {
        bottom: -9%;
    }
}

@media (max-width: 375px) and (min-height: 612px) {
    .homepage-inner {
        height: 96vh;
    }
}

@media (max-width: 375px) and (min-height: 724px) {
    .homepage-inner {
        height: 94vh;
    }
}

@media (max-width: 375px) and (min-height: 812px) {
    .homepage-inner {
        height: 94vh;
    }
}


@media(max-width:360px){
    .homepage-inner {
        height: 82vh;
    }
    .homepage-slider.custom-slider .homepage-second-slide-outer {
        padding-top: 14%;
    }
}



@media (max-width: 360px) and (min-height: 602px) {
    .homepage-inner {
        height: 96vh;
    }
}
@media (max-width: 360px) and (min-height: 712px) {
    .homepage-inner {
        height: 82vh;
    }
}
@media (max-width: 360px) and (min-height: 716px) {
    .homepage-inner {
/*        height: 82vh;*/
    }
}

@media (max-width: 360px) and (min-height: 792px) {
    .homepage-inner {
        height: 74vh;
    }
}

@media(max-width:344px){
    .slide-icon {
        width: 36px !important;
    }
}