@media only screen and (max-width:320px){
	
}

@media only screen and (max-width:400px) and (min-width:360px) {
	header {position: relative;}
	.msicontainer {width: 90%;}
	header .top .top-content .col {width: 50%;}
	header .top .top-content .col p {font-size: 0.8rem;}
	header .top .top-content .col p:before {margin: 0 5px 0 0; filter: brightness(1) sepia(1) hue-rotate(360deg) saturate(9);}
	header .top .top-content .site-visit p:before {margin: 0 5px 0 0; filter: brightness(0) sepia(1) hue-rotate(360deg) saturate(9);}
	header .top .top-content .email {display: none;}
	header .head .head-content .col {width: 30%;}
	header .head .head-content .col:last-child {width: 70%;}
	header .head .head-content .col img {width: 100%; position: relative; top: 0; padding: 0; box-shadow: none;}
	.about-home {padding: 30px 0;}
	.about-home-col {width: 100%;}
	.about-home-col h1 {font-size: 1.5rem; line-height: 2.5rem; margin: 0 0 20px 0; text-align: center;}
	.about-home-col h1 .rrre {font-size: 2rem;}
	.about-home-col h1 .rr {font-size: 2rem;}
	.about-home-col h4 {line-height: 2rem; text-align: center;}
	.about-home-col p {text-align: center;}
	.about-home-col img {width: 100%; position: relative; top: 5px; margin: 0;}
	.about-home-points-col {width: 100%; padding: 20px;}
	.points-col-middle {border-right: 0; border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	.about-home-points-col h3 {font-size: 0.9rem;}
	.about-home-points-col h3:before {width: 30px; height: 25px; margin: -3px 10px 0 0; background-size: 30px 25px;}
	.about-home-points-col p {font-size: 0.8rem; line-height: 1.5rem;}
	.about-home-vm {width: 100%; padding: 20px;}
	.about-home-mission {width: 100%; margin: 25px 0; padding: 20px;}
	.about-page-points {width: 100%; margin: 0 auto;}
	.our-developement {padding: 30px 0 0 0;}
	.our-developement-heading h2 {font-size: 1.8rem; margin: 0 0 10px 0;}
	.our-developement-heading p {font-size: 0.8rem; width: 80%; margin: 0 auto;}
	.count {padding: 20px 0 30px 0;}
	.count-number span {font-size: 1rem;}
	.count-heading h2 {font-size: 1.8rem; margin: 0 0 10px 0;}
	.count-heading p {font-size: 0.8rem; width: 80%; margin: 0 auto;}
	.count-sec {width: 100%; padding: 50px 0 0 0;}
	.count-col {width: 50%; padding: 30px 5px;}
	.count-col h3 {font-size: 1.6rem;}
	.count-col h4 {font-size: 0.9rem; line-height: 1.6rem;}
	.count-icon {padding: 20px;}
	.reviews {padding: 20px 0 30px 0;}
	.reviews-heading h2 {font-size: 1.8rem; margin: 0 0 10px 0;}
	.reviews-heading p {font-size: 0.8rem; width: 75%; margin: 0 auto;}
	.footer-form-shape {width: 200px; top: -1px;}
	.footer-form-left {width: 100%; display: none;}
	.footer-form-right {width: 100%; padding: 60px 10px 30px 10px;}
	.footer-form-right h2 {text-align: center;}
	.form-col {width: 100%;}
	.consent-form-col {position:relative;}
	.consent-form-col-content-column {padding: 0 0 10px 15px;}
	.consent-form-col-content-column p {font-size: 0.8rem;}
	.faq {padding: 50px 0;}
	.faq-heading h2 {font-size: 1.9rem;}
	.faq-heading span {font-size: 0.9rem;}
	.faq-heading p {font-size: 0.8rem; width: 95%; margin: 0 auto;}
	.faq-sec {width: 100%;}
	.content-heading {font-size: 0.9rem;}
	.content-body p {font-size: 0.8rem;}
	.footer-col {width: 100%; padding: 50px 20px 0 20px;}
	.footer-col.footer-col-logo {padding: 0 20px; width: 100%;}
	.footer-logo {padding: 30px 0;}
	.footer-logo img {margin: 0 auto;}
	.footer-col.footer-main-links {width: 100%;}
	.footer-col.footeraddress {width: 100%;}
	.social-media {width: 90%; margin: 0;}
	.social-media-col {padding: 6px 10px;}
	.triangle-down-right {border-left: 0px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #bd3030; right: -18px; top: -20px;}
	.footeraddress {padding: 50px 20px 50px 20px}
	.base-left, .base-right {width: 100%;}
	.base-left p, .base-right p {text-align: center; line-height: 2rem;}
	.page-banner, .page-banner img {height: 25vh;}
	.page-banner .section-center h1 {font-size: 1.5rem;}
	.page-banner .section-center h1::before, .page-banner .section-center h1::after {transform: translateY(-0.4rem); width: 2.5rem;}	
	.about-page-content {width: 100%;}
	.about-page-left {width: 100%;}
	.about-page-right {width: 100%; padding: 30px 10px;}
	.about-page-right h2 {margin: 20px 0;}
	.about-page-right p {font-size: 0.8rem; line-height: 1.8rem;}
	.sustainability {padding: 20px 30px; margin: 20px 0; width: 100%;}
	.sustainability-shape {width: 10px; right: -1px; top: -1px;}
	.sustainability h2 {margin: 0 0 20px 0; font-size: 1.5rem;}
	.founder {padding: 0 0 50px 0;}
	.founder-content {width: 100%;}
	.founder-left {width: 100%; padding: 0 10px 30px 10px;}
	.founder-left h2 {font-size: 2rem;}
	.founder-left h4 {font-size: 1.2rem;}
	.founder-right {width: 100%;}
	.founder-right:after {right: 10%;}
	.founder-verse {width: 100%; padding: 70px 20px 30px 20px; margin: 0;}	
	.founder-verse:before {top: -10px;}
	.contact-page-heading h2 {font-size: 1.8rem; margin: 0 0 20px 10px;}
	.contact-page-heading h2:after {width: 25%; left: 75%;}	
	.contact-page-content {width: 100%;}
	.contact-page-left {width: 100%; border-radius: 20px 20px 0 0;}
	.contact-page-action {margin: 10px 0 0 0;}
	.contact-page-right {width: 100%;}
	.contact-page-address1, .contact-page-address2 {margin: 0; padding: 20px 20px 60px 20px;}
	.contact-page-address1.active, .contact-page-address2.active {padding: 20px;}
	.contact-page-address1.active, .contact-page-address2.active {border-radius: 20px;}
	.contact-page-address1 p:after, .contact-page-address2 p:after {content: "View Map Below"; transform: rotate(0deg); -webkit-transform: rotate(0deg); top: unset; right: unset; left: 40px; bottom: 25px;}
	.contact-page-right .gmap {height: 350px; border-radius: 0 0 20px 20px;}	
	.career {padding: 50px 0;}
	.career-left {width: 100%; padding: 0;}
	.career-page-heading h2 {font-size: 1.5rem; text-align: center;}
	.career-page-heading h2:after {display: none;}
	.career-right {width: 100%; padding: 20px 0;}
	.careerformsec {padding: 30px 20px;}
	.career-desc-left {width: 100%; padding: 10px 20px; background-color: #F8F5F5; border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 0; border-left: 1px solid #eee;}
	.career-desc-right {width: 100%; padding: 10px 20px;}
	
	.project-head {padding: 50px 0 0 0;}
	.project-head-col.project-name {width: 100%; padding: 0 0 20px 10px; border-top: 0;}
	.project-head-col.project-name p {font-size: 1rem; margin: 5px 0;}
	.project-head-col.project-location {width: 100%;}
	.project-head-col.project-location:before {margin: -8px -5px 0 0;}
	.project-head-col {width: 100%; border-right: 0; padding: 20px 0; border-top: 1px solid #CCC;}
	.project-head-col:before {width: 40px; height: 45px; margin: -8px 0 0 0; background-size: 30px 45px;}
	.project-head-col h2 {font-size: 1.5rem;}
	.project-head-col h3 {display: inline-block; font-size: 1.1rem;}
	.project-head-col p {display: inline-block; margin: 0 0 0 5px;}
	.about-project {padding: 50px 0;}
	.about-project-left {width: 100%; padding: 0 10px;}
	.about-project-left p {font-size: 0.8rem; text-align: justify;}
	.about-project-left a {width: 48%; margin: 30px 3px; font-size: 0.8rem; text-align: center; padding: 8px 10px;}
	.about-project-right {width: 100%; padding: 10px;}
	.project-gmap {padding: 30px 0 50px 0;}
	.project-gmap-content iframe {height: 350px;}
	
	.project-amenities-heading h2 {font-size: 1.6rem; margin: 0 0 10px 0;}
	.project-amenities-heading p {font-size: 0.8rem; width: 85%; margin: 0 auto;}	
	.project-proximity-heading h2 {font-size: 1.6rem; margin: 0 0 10px 0;}
	.project-proximity-heading p {font-size: 0.8rem; width: 85%; margin: 0 auto;}
	.project-proximity-col-inner li {font-size: 0.8rem;}	
	.project-gmap-heading h2 {font-size: 1.6rem; margin: 0 0 10px 0;}
	.project-gmap-heading p {font-size: 0.8rem; width: 85%; margin: 0 auto;}
	.project-gmap-content {width: 100%;}
	
	.thanks-page-content h2 {font-size: 2rem;}
	.thanks-page-content p {font-size: 1rem;}
}

@media only screen and (max-width:667px) and (min-width:400px) {
	header {position: relative;}
	.msicontainer {width: 90%;}
	header .top .top-content .col {width: 50%;}
	header .top .top-content .col p {font-size: 0.8rem;}
	header .top .top-content .col p:before {margin: 0 5px 0 0; filter: brightness(1) sepia(1) hue-rotate(360deg) saturate(9);}
	header .top .top-content .site-visit p:before {margin: 0 5px 0 0; filter: brightness(0) sepia(1) hue-rotate(360deg) saturate(9);}
	header .top .top-content .email {display: none;}
	header .head .head-content .col {width: 30%;}
	header .head .head-content .col:last-child {width: 70%;}
	header .head .head-content .col img {width: 100%; position: relative; top: 0; padding: 0; box-shadow: none;}
	.about-home {padding: 30px 0;}
	.about-home-col {width: 100%;}
	.about-home-col h1 {font-size: 1.8rem; line-height: 2.8rem; margin: 0 0 20px 0; text-align: center;}
	.about-home-col h1 .rrre {font-size: 2.5rem;}
	.about-home-col h1 .rr {font-size: 2.5rem;}
	.about-home-col h4 {line-height: 2rem; text-align: center;}
	.about-home-col p {text-align: center;}
	.about-home-col img {width: 100%; position: relative; top: 5px; margin: 0;}
	.about-home-points-col {width: 100%; padding: 20px;}
	.points-col-middle {border-right: 0; border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	.about-home-points-col h3 {font-size: 0.9rem;}
	.about-home-points-col h3:before {width: 30px; height: 25px; margin: -3px 10px 0 0; background-size: 30px 25px;}
	.about-home-points-col p {font-size: 0.8rem; line-height: 1.5rem;}
	.about-home-vm {width: 100%; padding: 20px;}
	.about-home-mission {width: 100%; margin: 25px 0; padding: 20px;}
	.about-page-points {width: 100%; margin: 0 auto;}
	.our-developement {padding: 30px 0 0 0;}
	.our-developement-heading h2 {font-size: 1.8rem; margin: 0 0 10px 0;}
	.our-developement-heading p {font-size: 0.9rem; width: 80%; margin: 0 auto;}
	.count {padding: 20px 0 30px 0;}
	.count-number span {font-size: 1rem;}
	.count-heading h2 {font-size: 1.8rem; margin: 0 0 10px 0;}
	.count-heading p {font-size: 0.9rem; width: 80%; margin: 0 auto;}
	.count-sec {width: 100%; padding: 50px 0 0 0;}
	.count-col {width: 50%; padding: 30px 5px;}
	.count-col h3 {font-size: 1.6rem;}
	.count-col h4 {font-size: 0.9rem; line-height: 1.6rem;}
	.count-icon {padding: 20px;}
	.reviews {padding: 20px 0 30px 0;}
	.reviews-heading h2 {font-size: 1.8rem; margin: 0 0 10px 0;}
	.reviews-heading p {font-size: 0.9rem; width: 75%; margin: 0 auto;}
	.footer-form-shape {width: 200px; top: -1px;}
	.footer-form-left {width: 100%; display: none;}
	.footer-form-right {width: 100%; padding: 60px 10px 30px 10px;}
	.footer-form-right h2 {text-align: center;}
	.form-col {width: 100%;}
	.consent-form-col {position:relative;}
	.consent-form-col-content-column {padding: 0 0 10px 15px;}
	.consent-form-col-content-column p {font-size: 0.8rem;}
	.faq {padding: 50px 0;}
	.faq-heading h2 {font-size: 2rem;}
	.faq-heading span {font-size: 1rem;}
	.faq-heading p {font-size: 0.8rem; width: 95%; margin: 0 auto;}
	.faq-sec {width: 100%;}
	.content-heading {font-size: 0.9rem;}
	.content-body p {font-size: 0.8rem;}
	.footer-col {width: 100%; padding: 50px 20px 0 20px;}
	.footer-col.footer-col-logo {padding: 0 20px; width: 100%;}
	.footer-logo {padding: 30px 0;}
	.footer-logo img {margin: 0 auto;}
	.footer-col.footer-main-links {width: 100%;}
	.footer-col.footeraddress {width: 100%;}
	.social-media {width: 90%; margin: 0;}
	.social-media-col {padding: 6px 10px;}
	.triangle-down-right {border-left: 0px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #bd3030; right: -18px; top: -20px;}
	.footeraddress {padding: 50px 20px 50px 20px}
	.base-left, .base-right {width: 100%;}
	.base-left p, .base-right p {text-align: center; line-height: 2rem;}
	.page-banner, .page-banner img {height: 25vh;}
	.page-banner .section-center h1 {font-size: 1.5rem;}
	.page-banner .section-center h1::before, .page-banner .section-center h1::after {transform: translateY(-0.4rem);}	
	.about-page-content {width: 100%;}
	.about-page-left {width: 100%;}
	.about-page-right {width: 100%; padding: 30px 10px;}
	.about-page-right h2 {margin: 0 0 20px 0;}
	.about-page-right p {font-size: 0.9rem; line-height: 1.8rem;}
	.sustainability {padding: 20px 30px; margin: 20px 0; width: 100%}
	.sustainability-shape {width: 10px; right: -1px; top: -1px;}
	.sustainability h2 {margin: 0 0 20px 0; font-size: 1.6rem;}
	.founder {padding: 0 0 50px 0;}
	.founder-content {width: 100%;}
	.founder-left {width: 100%; padding: 0 10px 30px 10px;}
	.founder-left h2 {font-size: 2rem;}
	.founder-left h4 {font-size: 1.2rem;}
	.founder-right {width: 100%;}
	.founder-right:after {right: 10%;}
	.founder-verse {width: 100%; padding: 70px 20px 30px 20px; margin: 0;}	
	.founder-verse:before {top: -10px;}
	.contact-page-heading h2 {font-size: 2rem; margin: 0 0 20px 10px;}
	.contact-page-heading h2:after {width: 25%; left: 70%;}	
	.contact-page-content {width: 100%;}
	.contact-page-left {width: 100%; border-radius: 20px 20px 0 0;}
	.contact-page-action {margin: 10px 0 0 0;}
	.contact-page-right {width: 100%;}
	.contact-page-address1, .contact-page-address2 {margin: 0; padding: 20px 20px 60px 20px;}
	.contact-page-address1.active, .contact-page-address2.active {padding: 20px;}
	.contact-page-address1.active, .contact-page-address2.active {border-radius: 20px;}
	.contact-page-address1 p:after, .contact-page-address2 p:after {content: "View Map Below"; transform: rotate(0deg); -webkit-transform: rotate(0deg); top: unset; right: unset; left: 40px; bottom: 25px;}
	.contact-page-right .gmap {height: 350px; border-radius: 0 0 20px 20px;}	
	.career {padding: 50px 0;}
	.career-left {width: 100%; padding: 0;}
	.career-page-heading h2 {font-size: 1.5rem; text-align: center;}
	.career-page-heading h2:after {display: none;}
	.career-right {width: 100%; padding: 20px 0;}
	.careerformsec {padding: 30px 20px;}
	.career-desc-left {width: 40%; padding: 10px 15px; background-color: #F8F5F5;}
	.career-desc-right {width: 60%; padding: 10px 15px;}
	
	.project-head {padding: 50px 0 0 0;}
	.project-head-col.project-name {width: 100%; padding: 0 0 20px 10px; border-top: 0;}
	.project-head-col.project-name p {font-size: 1rem; margin: 5px 0;}
	.project-head-col.project-location {width: 100%;}
	.project-head-col.project-location:before {margin: -8px -5px 0 0;}
	.project-head-col {width: 100%; border-right: 0; padding: 20px 10px; border-top: 1px solid #CCC;}
	.project-head-col:before {width: 40px; height: 45px; margin: -8px 0 0 0; background-size: 30px 45px;}
	.project-head-col h2 {font-size: 1.5rem;}
	.project-head-col h3 {display: inline-block;}
	.project-head-col p {display: inline-block; margin: 0 0 0 5px;}
	.about-project {padding: 50px 0;}
	.about-project-left {width: 100%; padding: 0 10px;}
	.about-project-left p {font-size: 0.8rem; text-align: justify;}
	.about-project-left a {width: 48%; margin: 30px 3px; font-size: 0.8rem; text-align: center; padding: 8px 10px;}
	.about-project-right {width: 100%; padding: 10px;}
	.project-gmap {padding: 30px 0 50px 0;}
	.project-gmap-content iframe {height: 350px;}
	
	.project-amenities-heading h2 {font-size: 1.8rem; margin: 0 0 10px 0;}
	.project-amenities-heading p {font-size: 0.9rem; width: 80%; margin: 0 auto;}	
	.project-proximity-heading h2 {font-size: 1.8rem; margin: 0 0 10px 0;}
	.project-proximity-heading p {font-size: 0.9rem; width: 80%; margin: 0 auto;}	
	.project-gmap-heading h2 {font-size: 1.8rem; margin: 0 0 10px 0;}
	.project-gmap-heading p {font-size: 0.9rem; width: 80%; margin: 0 auto;}
	.project-gmap-content {width: 100%;}
	
	.thanks-page-content h2 {font-size: 2rem;}
	.thanks-page-content p {font-size: 1rem;}
}

@media only screen and (max-width:736px) and (min-width:410px) {
	
}


@media only screen and (max-width:768px) and (min-width:482px) {
	
}

@media only screen and (max-width:960px) and (min-width:730px) {
	
}

@media only screen and (max-width:1024px) and (min-width:800px){
	
}

@media only screen and (max-width:1200px) and (min-width:1024px){
	
}

