@media (max-width: 1800px) {  
    .slider_area .container{max-width: 95%;}
    .header-area .main-header-area {padding: 0 70px;}
    .container {max-width: 85%;}
    .header-icons img {width: 38px;}
    .section_title h3{font-size: 45px;}
    .section_title p, .accordian_label, .accordian_value{font-size: 17px;}
    .reg-area .touch_form .single_input input { margin-bottom: 20px; } 
    #registration-form .btn-submit { margin: 15px auto 0 auto;}
    .logo-img img {width: 140px;}
    .about-area a{font-size: 23px;}
    .wrap { 
        height: 40px; 
        min-width: fit-content; 
    }
    .circle {
        width: 40px;
        height: 40px; 
        padding: 10px; 
        line-height: 1.25; 
        font-size: 20px;
    }
    #green-feature .legend-box { 
        margin: 65px auto -270px auto;
    }
    .gf-one {
        right: 7%;
        top: 58%;
    }
    .gf-two {
        right: 27%;
        bottom: 21%;
    }
    .gf-three {
        left: 560px;
        top: 49%;
    }
    .gf-four {
        left: 20%;
        bottom: 20%;
    }

    .gf-five {
        left: 40%;
        bottom: 27%; 
    }

    .gf-six {
        left: 17%;
        top: 47%; 
    }

    .gf-seven {
        left: 50%;
        top: 46%; 
    }

    .fp-one {
        right: 15%;
        top: 57%; 
    }

    .fp-two {
        right: 23%;
        bottom: 20%; 
    }

    .fp-three {
        left: 36%;
        bottom: 27%; 
    }

    .fp-four {
        left: 42%;
        top: 56%; 
    }

    .fp-five {
        left: 18%;
        top: 58%; 
    }

    .sf-one {
        right: 8%;
        bottom: 30%;
    }

    .sf-two {
        right: 20%;
        bottom: 25%;
    }

    .sf-three {
        right: 27%;
        bottom: 31%;
    }

    .sf-four {
        right: 2%;
        bottom: 17%; 
    }

    #standard .legend-box { 
        min-height: 490px; 
    }
    .owl-carousel .owl-nav button.owl-next { 
      right: 16%;
    }
    .owl-carousel .owl-nav button.owl-prev {
      left: 16%; 
    }
    .gallery-slider p { 
        bottom: 4%;
        right: 6%; 
    }

    .reg-area  .float-right, .reg-area  .float-left {  
        width: 10%; 
    }

    .slider_text img.banner-logo {
        width: 32%;
        margin-bottom: 45px;
    }

    .slider_area .single_slider .slider_text h2 span {
        font-size: 27px; 
    }

    .slider_area .single_slider .slider_text h6 {
        font-size: 24px; 
    }

    .slider_text img.element-white-small { 
        margin: 10px auto 0 auto;
    }

    .slider_area .single_slider .slider_text h2 {
        font-size: 55px; 
    }

    .slider_area .single_slider .slider_text h5 {
        font-size: 22px; 
    }

    .slider_area .single_slider .slider_text h4 span {
        font-size: 17px; 
    }

    .slider_area .single_slider .slider_text h4 {
        font-size: 27px; 
    }

    .slider_area .single_slider, .img-box, .green-box {
        height: 760px;
    }

    .img-box img {
        object-fit: cover;
    }

    .section_title h5 { 
        font-size: 25px; 
        margin-top: 15px;
    }

    .owl-carousel .owl-nav button, .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { 
        top: 40%;
    }

    .gallery-slider p { 
        width: 50%; 
    }
}
@media(max-width: 1440px){
    .section_title p, .accordian_label, .accordian_value{font-size: 16px;}
    .about-area a, .floating-text h5{font-size: 20px;}
    .legend-box {
        width: 500px;
        margin: 65px auto -250px auto;
        padding: 35px 60px 30px 60px;
        min-height: 330px;
    }
    .legend-box.fittingplus {
        margin: 65px auto -250px auto;
        width: 650px;
        min-height: 385px;
    }
    .legend-box.standard { 
        margin: 65px auto -270px auto;
        min-height: 300px;
        width: 530px;
    }
    .gf-one {
        right: 7%;
        top: 60%;
    }
    .gf-two {
        right: 25%; 
    }
    .gf-three {
        left: 35%;
        top: 47%;
    }
    .gf-six {
        top: 56%;
    }
    .gf-seven { 
        top: 46%;
    }
    .fp-one { 
        top: 60%;
    } 
    .legend-row p { 
        font-size: 16px; 
        margin-bottom: 5px;
    }
    .legend-row p span {
        width: 30px;
        height: 30px;
        padding: 7px;
    } 
    #standard .legend-box {
        min-height: 450px;
    }
    .gallery-slider p {
        width: 65%;
    }
    .about-area .section_title p {
        width: 85%; 
    }
}

@media (max-width: 1280px) {   
    .header-area .main-header-area {padding: 0 15px;}   
    .header-area .main-header-area .logo-img {text-align: left;}
    .header-area .main-header-area .main-menu ul li a {padding: 22px 5px 22px 5px;}
    .header-area .main-header-area .main-menu ul li, .header-area .main-header-area.sticky .main-menu ul li {margin: 0px 0px;}
    .logo-img img {width: 100px;}
    .section_title h3 {font-size: 40px;}
    #registration-form .btn-submit{width: 150px;font-size: 20px;}
    #registration-form{width: 80%;}
    .reg-area .float-left{left: 5%;}
    .reg-area .float-right{right: 5%;}
    .usp img{height: 100px;}
    .nav-tabs .green-features-btn, .nav-tabs .fittingplus-btn, .nav-tabs .standard-features-btn {
        font-size: 18px;
    }
    .gf-one {
        right: 4%;
    }
    .gf-two {
        right: 24%;
        bottom: 21%;
    }
    .gf-three { 
        top: 49%;
    }
    .gf-five {
        left: 40%;
        bottom: 25%;
    }
    .gf-seven {
        top: 48%;
    }
    .sf-one {
        right: 3%;
        bottom: 29%;
    }
    .sf-two {
        right: 17%;
        bottom: 23%;
    }
    .sf-three {
        right: 25%;
        bottom: 30%;
    }
    .sf-four {
        right: 0%;
        bottom: 17%;
    }
    .legend-row p span { 
        padding: 7px;
    }
    .circle {
        width: 35px;
        height: 35px;
        padding: 8px; 
        font-size: 18px;
    }
    .legend-box { 
        margin: 65px auto -220px auto; 
    }
    .wrap {
        height: 35px; 
    }
    .fp-four {
        top: 57%;
    }
    .fp-one {
        top: 60%;
        right: 10%;
    }
    .fp-two {
        right: 21%;
        bottom: 19%;
    }
    .slider_area .single_slider {
        margin-top: 25px;
    }
    .slider_area .single_slider, .img-box, .green-box {
        height: 635px;
    }

    .about-area .section_title.text-center.mb50 {
        margin-bottom: 20px;
    }

    .owl-carousel .owl-nav button, .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        height: 75px;
        width: 75px; 
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: 18%;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 18%;
    }

    .reg-area, .about-area, .gallery-area, .loc-area {
        padding: 75px 0; 
    }

    .about-area .section_title p {
        width: 90%;
    }
}

@media (max-width: 1200px) {   
    .owl-carousel .owl-nav button, .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        top: 36%;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: 16%;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 16%;
    }
    
    .about-area .section_title p {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .container {max-width: 90%;}
    .header-area .main-header-area .main-menu ul li a {padding: 22px 2px 22px 2px;}
    .legend-box {
        margin: 65px auto -200px auto;
    }
    .legend-box.standard {
        margin: 65px auto -220px auto;
    }
    .legend-box.fittingplus {
        margin: 65px auto -220px auto;
    }
    #green-feature .legend-box {
        margin: 65px auto -230px auto;
    }
    .gf-one {
        right: -5%;
        top: 65%;
    }
    .gf-two {
        right: 20%;
        bottom: 18%;
    }
    .gf-three {
        left: 35%;
        top: 55%;
    }
    .gf-four {
        right: auto;
        bottom: 16.5%;
        left: 20.5%;
    }
    .gf-five {
        left: 40%;
        bottom: 21.5%;
    }
    .gf-six {
        left: 17%;
        top: 64%;
    }
    .gf-seven {
        top: 53%;
        left: 50%;
    }
    .fp-one {
        top: 65%;
        right: 3%;
    }
    .fp-two {
        right: 16%;
        bottom: 17%;
    } 
    .fp-three {  
        bottom: 24%;
    }
    .fp-four {
        top: 63%;
    }
    .fp-five {
        top: 64%;
    }
    .sf-one {
        right: 0%;
        bottom: 25%;
    }
    .sf-two {
        right: 12%;
        bottom: 20%;
    }
    .sf-three {
        right: 19%;
        bottom: 26%;
    }
    .sf-four {
        right: -2%;
        bottom: 14%;
    }
    #standard .legend-box {
        min-height: 500px;
        padding: 35px 55px 30px 70px;
    }
    .owl-carousel .owl-nav button, .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        height: 65px;
        width: 65px; 
    }
    .owl-carousel .owl-nav button.owl-next { 
      right: 8%;
    }
    .owl-carousel .owl-nav button.owl-prev {
      left: 8%; 
    }
}

@media (max-width: 992px) {
    .header-area .main-header-area {padding: 0 60px;}
    .slicknav_btn { top: -35px;right: 0;}
    .slicknav_menu .slicknav_nav {
        background: #000; 
        width: 100%;
        padding: 20px; 
        border-bottom: 1px solid #000;
    }

    .slicknav_menu .slicknav_nav a  {
        font-size: 25px;
        padding: 15px 0px; 
        letter-spacing: 1px;
        color: #fff;
    }
    .slicknav_menu .slicknav_nav a.active {color: #3bb5a5;}
    .reg-area, .about-area, .loc-area, .gallery-area, .biophilic-area{padding: 50px 0;}
    .slider_bg_1{background-image: url(../img/hero_mobile7.png);background-position-x:56%;background-position: center !important;}
    .slider_area .single_slider {
        height: 950px;
        min-height: 800px;
        background-size: cover;
        background-position: center bottom !important;
        margin-top: 0;
    }
    .slider_area .single_slider .col-md-8 .slider_text, .slider_area .single_slider .section_title{margin-top: 20%;}
    .slicknav_icon-bar{background: #3bb5a5 !important;}

    .biophilic-area { 
        padding-bottom: 0!important;
    }

    .nav-biophilic .nav-item { 
        width: 30%;
    }

    .nav-tabs .green-features-btn, .nav-tabs .fittingplus-btn, .nav-tabs .standard-features-btn {
        font-size: 16px;
        width: 95%;
        padding: 15px 15px;
        margin: 0 10px;
    }

    #green-feature .legend-box {
        margin: 35px auto -150px auto;
        width: 80%;
        padding: 35px 60px 30px 60px;
        min-height: 450px;
        columns: 1;
    }

    .legend-box {
        margin: 65px auto -175px auto;
    }
    .legend-box.standard {
        margin: 65px auto -200px auto;
    }
    .legend-box.fittingplus {
        margin: 65px auto -200px auto;
    }
    .gf-one {
        right: -15%;
        top: 69%;
    }
    .gf-two {
        right: 15%;
        bottom: 14%;
    }
    .gf-three {
        left: 33%;
        top: 64%;
    }
    .gf-four { 
        bottom: 14.5%;  
    }
    .gf-five { 
        bottom: 18.5%;
    }
    .gf-six { 
        top: 70%;
    }
    .gf-seven {
        top: 63%; 
    }
    .fp-one {
        top: 72%;
        right: -7%;
    }
    .fp-two {
        right: 8%;
        bottom: 14%;
    }
    .fp-three {
        bottom: 19%;
        left: 37%;
    }
    .fp-four {
        top: 70%;
    }
    .fp-five {
        top: 70%;
    }
    .sf-one {
        right: -14%;
        bottom: 21%;
    }
    .sf-two {
        right: 4%;
        bottom: 18%;
    }
    .sf-three {
        right: 10%;
        bottom: 21%;
    }
    .sf-four {
        right: -13%;
        bottom: 11%;
    }
    #standard .legend-box {
        min-height: 595px;
        padding: 35px 65px 30px 65px;
        width: 100%;
    }
    .legend-row p span {
        padding: 15px;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        line-height: 0.5;
    }
    .legend-row p { 
        align-items: start;
    }

    .gallery-slider p { 
        font-size: 19px;
        width: 85%;
    }
 
    .slider_area .single_slider .slider_text h4,
    .slider_area .single_slider .slider_text h4 span,
    .slider_area .single_slider .slider_text h5 { 
        color: #3A5345;
    }

    .slider_area .single_slider .slider_text h2, 
    .slider_area .single_slider .slider_text h2 span{
        color: #6C8B7A;
    }

    .slider_area .single_slider .slider_text h6 {
         color: #6CBA9B;
    }
     
}

@media (max-width: 480px) {

    .header-area .main-header-area {
        padding: 0 15px; 
    } 
    .slicknav_menu .slicknav_nav { 
        top: -5px;
    }

    .slicknav_menu .slicknav_nav a {
        font-size: 18px;
        padding: 8px 0px;
        margin: 0;
    }

    .container {
        max-width: 95%;
    }

    .footer p:last-child {
        margin-bottom: 40px;
    }

    .reg-area .touch_form span { 
        font-size: 11px; 
    }


    .progress {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }
    #registration-form {
        width: 95%;
    }

    .header-area .main-header-area.sticky .logo-img {
        text-align: left;
    }


    .header-area .main-header-area.sticky .slicknav_btn {
        top: -35px;
    }
    .slider_text{
        text-align: center;
    }
    .section_title h3 {
        font-size: 32px;
    }
    .slider_area .single_slider{min-height: 650px;}
    .slider_text img{width: 35%;}
    .slider_text img.title{width: 75%;}
    .floating-text h5{font-size: 14px;letter-spacing: 2px;}
    .floating-text p {
        font-size: 10px;
        line-height: 1;
    }
    .section_title p, .reg-area .touch_form .single_input input::placeholder, .reg-area .touch_form .single_input textarea::placeholder, .accordian_label, .accordian_value{font-size: 14px;}
    .about-area .section_title p{width: 100%;}
    .about-area a{font-size: 16px;width: 90%;}
    .reg-area .touch_form .single_input input, .reg-area .touch_form .single_input select, .reg-area .touch_form .single_input textarea
    {height: 50px;}
    .slider_area .single_slider .col-md-8 .slider_text, .slider_area .single_slider .section_title{margin-top: 24%;}
    .accordion-title {font-size: 16px;}
    .owl-carousel .owl-nav button, .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 40px;height: 40px;font-size: 16px;}
    .owl-carousel .owl-nav button, .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        top: 87%; 
    }
    .owl-carousel .owl-nav button.owl-next { 
      right: 3.5%;
    }
    .owl-carousel .owl-nav button.owl-prev {
      left: 3.5%; 
    }
    .usp img{height: 90px;} 
    .owl-carousel .owl-nav button{top: unset;bottom: 0px;} 
    .gallery-area{padding-bottom: 0px;}
    .biophilic-area { 
        padding-bottom: 0 !important;
    }
    .biophilic-area select {
        background: transparent;
        width: 95%;
        margin: 30px auto 0 auto;
        border-radius: 10px;
        padding: 5px 10px;
        height: 55px !important;
        font-size: 15px;
        font-weight: 600;
        color: #473d3a;
        border: 1.5px solid #6bc4a3;
    }

    #green-feature .legend-box{
        margin: 35px auto -180px auto;
        width: 100%;
        padding: 25px 30px 30px 31px;
        columns: 1;
        min-height: 460px;
        z-index: 0;
    }

    #standard .legend-box  {
        margin: 35px auto -180px auto;
        width: 100%;
        padding: 25px 30px 30px 31px;
        columns: 1;
        min-height: 535px;
        z-index: 0;
    }

    .biophilic-house {
        z-index: 0;
        position: relative;
    }

    .legend-box, .legend-box.fittingplus, .legend-box.standard { 
        padding: 30px;
        width: 100%;
        z-index: 0;
    }

    .legend-box {
        margin: 35px auto -130px auto;
    }

    .legend-box.fittingplus { 
        margin: 35px auto -95px auto;
    }

    .legend-box.standard { 
        margin: 35px auto -125px auto;
    }

    .float-element-left, .float-element-right {
        display: none;
    }

    .legend-row p span,
    .legend-row p span.brown,
    .legend-row p span.orange {
        width: 30px;
        height: 30px;
        margin-right: 8px;
        padding: 13px 11px;
    }

    .legend-row p { 
        font-size: 13px; 
        line-height: 1.25;
        align-items: center;
    }

    .circle {
        width: 35px;
        height: 35px;
        padding: 7px; 
        font-size: 18px;
    }

    .wrap, .box{
        height: 30px; 
    }

    .hid-box { 
        height: 30px; 
        padding: 5px 15px 5px 5px;  
    }

    .hid-box h3 {
        font-size: 13px;
        margin: 0 0px 0px 40px;
    }

    .gf-one {
        right: -20%;
        top: 79%;
        z-index: 13;
    }

    .gf-two {
        right: -27%;
        bottom: 10%;
        z-index: 13;
    }

    .gf-three {
        left: 29%;
        top: 69.5%;
    }

    .gf-four { 
        bottom: 9.5%;
        left: 20.5%;
    }

    .gf-five {
        left: 40%;
        bottom: 12.5%;
    }

    .gf-six {
        top: 75%;
    }

    .gf-seven {
        top: 69%;
    }

    .image-box .circle {
        width: 30px;
        height: 30px;
        padding: 6px;
        font-size: 15px;
    }

    .fp-one {
        top: 76%;
        right: -35%;
    }

    .fp-two {
        right: -14%;
        bottom: 10%;
    }

    .fp-three {
        bottom: 15%;
        left: 35%;
    }

    .fp-four {
        top: 72%;
    }

    .fp-five {
        top: 73%;
    }

    .sf-one {
        right: -39%;
        bottom: 17%;
        z-index: 13;
    }

    .sf-two {
        right: -10%;
        bottom: 10%;
    }

    .sf-three {
        right: -10%;
        bottom: 18%;
    }

    .sf-four {
        right: -28%;
        bottom: 10%;
    }


    .legend-box.fittingplus .legend-row p { 
        line-height: 1.25;
        margin-bottom: 8px;
    }


    .tooltip-text {
        visibility: hidden;
        position: absolute;
        z-index: 2;
        background: #fff;
        padding: 8px;
        border-radius: 49px;
        min-width: 140px;
        text-align: center;
        width: auto;
        align-items: center;
        justify-content: center;
        display: flex;
        vertical-align: middle;
        margin: 0;
        height: 35px;
    }

    .tooltip-text h3 {
        font-size: 11px;
        margin: 0;
        line-height: 1.35;
        font-family: 'MarkPro';
        align-items: center;
        justify-content: center;
        display: flex;
        height: 30px;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
    }

    .hover-text:hover .tooltip-text, .hover-text:focus .tooltip-text {
      visibility: visible;
    } 

    .tooltip-text.long { 
        min-width: 165px; 
    }

    .tooltip-text.longest { 
        min-width: 175px; 
    } 

    #top {
        top: -28px;
        left: -50%;
    }

    #bottom {
      top: 25px;
      left: -50%;
    }

    #left {
        top: -5px;
        right: 70%;
    }

    #right {
      top: -8px;
      left: 120%;
    }

    .hover-text {
        opacity: 1;
        background: #6bc4a3;
        border-radius: 100%;
        position: absolute; 
        cursor: pointer;
        color: #fff;
        line-height: 20px;
        text-align: center;
        font-family: 'MarkPro';
        width: 30px;
        height: 30px;
        padding: 6px;
        font-size: 15px;
        z-index: 1;
    }

    
    .hover-text.fittingplus{
        background: #c69c6d;
    }

    .hover-text.standard{
        background: #f7931e;
    }

    .slider_area .single_slider {
        min-height: 610px;
        height: 610px;
        margin-top: 70px;
    }
    .slider_area .single_slider .col-md-8 .slider_text, .slider_area .single_slider .section_title{margin-top: 50px;}

    .slider_area .single_slider .slider_text h4 {
        font-size: 22px; 
    }

    .gallery-area .section_title.text-center.mb50 {
        margin-bottom: 0;
    }

    .gallery-slider p {
        left: 15px;
        right: unset;
        margin: 0;
        font-size: 23px;
        bottom: 5%;
    }

    .owl-carousel.gallery-slider .owl-item::after { 
        background: linear-gradient(to top, #000000bd, transparent);
    }

    .accordion-title span img {
        width: 20px;
        margin-right: 15px !important;
        height: 20px;
        object-fit: contain;
    }

    .header-area .main-header-area .main-menu ul li a { 
        font-size: 12px;
        border-radius: 50px;
    }

    #registration-form .btn-submit {
        width: 180px;
        font-size: 18px;
        margin: 5px auto 0 auto;
        padding: 15px 10px;
    }

    .slider_area .single_slider .slider_text h2 {
        font-size: 45px;
    }

    .slider_area .single_slider .slider_text h6 {
        font-size: 21px;
    }

    .slider_area .single_slider .slider_text h2 span {
        font-size: 23px;
    }

    .section_title h3 {
        font-size: 32px;
        letter-spacing: 3px;
    }

    .section_title h5 {
        font-size: 20px;
        margin-top: 8px;
        letter-spacing: 2px;
    }

    .about-area .section_title.text-center.mb50 {
        margin-bottom: 35px;
    }

    .gallery-slider .item .gallery-caption {
        margin-top: 25px;
        margin-bottom: 35px;
    }

    .gallery-slider h6 { 
        font-size: 26px; 
    }

    .gallery-slider p { 
        font-size: 15px; 
        width: 65%;
        line-height: 1.35;
        margin: 0 auto;
    }

    .reg-area, .about-area, .loc-area, .gallery-area, .biophilic-area {
        padding: 60px 0;
    }
}