@media only screen and (max-width:320px){
	.frame {width: 90%;}
	header {position: relative; top: 0;}
	.head {width: 100%; padding: 0;}
	.sticky {position: relative;}
	.mobile-frame {width: 100%;}
	.mobile-hide {display: none;}
	.head-contact {width: 100%; float: none; padding: 0; background: #42813d; padding: 5px 0;}
	.head-contact h2 {margin: 0; color: #FFF; font-weight: normal; font-size: 1.3rem;}
	.head-contact .call-icon {filter: brightness(1) sepia(9) hue-rotate(180deg) saturate(9);}
	.head-logo {width: 100%; float: none; padding: 5px 0; background: #FFF; position: relative;}
	.head-logo img.h-logo-1 {width: 100%; box-shadow: none; padding: 0 80px;}
	/*.head-logo img.h-logo-2 {display: block; padding: 0 30px; width: 80%; margin: 0 auto;}*/
	.sticky .head-logo img.h-logo-2 {padding: 0 30px;}
	.head-menu {width: 100%; float: none; display: none;}
	.top-form {padding: 20px 0 40px 0;}
	.form-col-top {width: 100%; float: none;}
	.about {padding: 50px 0 30px 0;}
	.about-main {width:100%;}
	.about-left {width:100%; float: none;}
	.about-left img {height: auto;}
	.about-right {width:100%; float: none; padding: 50px 0 0 0;}
	.about-right h2 {margin: 10px 0 20px 10px;}
	.about-right ul	 {margin: 5px 0 0 10px;}
	.about-right ul li {width: 100%; margin: 10px 0;}
	.about-right p span {font-size: 2rem;}
	
	.advantage-heading h2 {font-size: 1.6rem;}
	.advantage-heading p {font-size: 0.9rem;}
	.advantage-left li.active {font-size: 0.9rem; padding: 20px 5px 10px 5px;}
	
	.amenities-heading {width: 90%; padding: 0 0 30px 0;}
	.amenities-heading h2 {font-size: 1.7rem;}
	.amenities-heading p {font-size: 0.9rem;}	
	.amenities-sec {width: 100%;}
	.amenities-3, .amenities-4, .amenities-5, .amenities-6 {width: 50%; padding: 0 5px 5px 0;}
	.amenities-3 .overlay, .amenities-4 .overlay {height: 97%;}
	.amenities-7 {width: 100%; padding: 0 5px 5px 0;}
	.amenities-7 .overlay {width: 98%;}
	.amenities-sec1 {width: 100%;}
	.amenities-1, .amenities-2 {padding: 0 5px 5px 0;}
	.amenities-2 .overlay {height: 97%; width: 98%;}
	.amenities-sec2 {width: 100%;}
	.amenities-content h1 {font-size: 0.9rem; font-weight: 500;}
	.amenities-1:hover > .amenities-content h1,
	.amenities-2:hover > .amenities-content h1,
	.amenities-3:hover > .amenities-content h1,
	.amenities-4:hover > .amenities-content h1,
	.amenities-5:hover > .amenities-content h1,
	.amenities-6:hover > .amenities-content h1,
	.amenities-7:hover > .amenities-content h1 {font-size: 0.7rem;}
	.amenities-1:hover > .amenities-content,
	.amenities-2:hover > .amenities-content,
	.amenities-3:hover > .amenities-content,
	.amenities-4:hover > .amenities-content,
	.amenities-5:hover > .amenities-content,
	.amenities-6:hover > .amenities-content,
	.amenities-7:hover > .amenities-content {top: 70%;}
	
	.gallery-heading {width: 90%; padding: 0 0 30px 0;}
	.gallery-heading h2 {font-size: 1.7rem;}
	.gallery-heading p {font-size: 0.9rem;}
	
	.location {padding: 30px 0 0 0;}
	.location-heading {width: 90%; padding: 0 0 30px 0;}
	.location-heading h2 {font-size: 1.7rem;}
	.location-heading p {font-size: 0.9rem;}
	.location .filter-button {width: 100%;}
	.location .filter-button .bton {width: 50%; padding: 10px 5px; font-size: 0.7rem;}
	.google-map {width: 100%;}
	.gmap {height: 350px;}
	
	.location-main {width: 100%;}
	.location-main h2 {font-size: 1.2rem; margin: 0;}
	.loc-col-left {width: 100%; float: none; padding: 30px 0;}
	.loc-col-right {width: 100%; float: none;}
	.footer-form-main {width: 100%; padding: 30px 20px; background-size: 40%, 100% 100%;}
	.footer-form-main h2 {font-size: 1.8rem; font-weight: 500; margin: 0 0 15px 0;}
	.footer-form-main p {font-size: 0.9rem;}
	.form-col {width: 100%; float: none; padding: 0;}
	.footer-col-bg {padding: 50px 0;}
	.footer-col-bg p {font-size: 0.9rem;}
	.modal-content {width: 95%;}
	.modal-content1 {width: 90%; margin-top: 20%;}
	.brochure-form-inner {display: block; padding: 20px;}
	.base {padding: 20px 0 60px 0;}
	.pencil {display: none;}
	.pdf {display: none;}
	.cal {bottom: 40%; right: -15px;}
	.cal img {width: 75%;}
	.wa {bottom: 25%; right: -15px;}
	.wa img {width: 75%;}
	.desktop-hide {display: block;}
	.bottom-btn-sec {width: 100%; height: auto; position: fixed; bottom: 0; left: 0; z-index: 999;}
	.bottombtn {width: 50%; height: auto; float: left; padding: 10px; background-image: linear-gradient(to right, #42813d, #4c9047); background-origin: border-box; color: #FFF;}
	.bottombtn p {text-align: center;}
	.bottombtn a {color: #FFF;}
}

@media only screen and (max-width:400px) and (min-width:360px) {
	.frame {width: 90%;}
	header {position: relative; top: 0;}
	.head {width: 100%; padding: 0;}
	.sticky {position: relative;}
	.mobile-frame {width: 100%;}
	.mobile-hide {display: none;}
	.head-contact {width: 100%; float: none; padding: 0; background: #42813d; padding: 5px 0;}
	.head-contact h2 {margin: 0; color: #FFF; font-weight: normal; font-size: 1.3rem;}
	.head-contact .call-icon {filter: brightness(1) sepia(9) hue-rotate(180deg) saturate(9);}
	.head-logo {width: 100%; float: none; padding: 5px 0; background: #FFF; position: relative;}
	.head-logo img.h-logo-1 {width: 100%; box-shadow: none; padding: 0 80px;}
	/*.head-logo img.h-logo-2 {display: block; padding: 0 30px; width: 80%; margin: 0 auto;}*/
	.sticky .head-logo img.h-logo-2 {padding: 0 30px;}
	.head-menu {width: 100%; float: none; display: none;}
	.top-form {padding: 20px 0 40px 0;}
	.form-col-top {width: 100%; float: none;}
	.about {padding: 50px 0 30px 0;}
	.about-main {width:100%;}
	.about-left {width:100%; float: none;}
	.about-left img {height: auto;}
	.about-right {width:100%; float: none; padding: 50px 0 0 0;}
	.about-right h2 {margin: 10px 0 20px 10px;}
	.about-right ul	 {margin: 5px 0 0 10px;}
	.about-right ul li {width: 100%; margin: 10px 0;}
	.about-right p span {font-size: 2.5rem;}
	
	.advantage-heading p {font-size: 0.9rem;}
	.advantage-left li.active {font-size: 0.9rem;}
	
	.amenities-heading {width: 90%; padding: 0 0 30px 0;}
	.amenities-heading h2 {font-size: 2rem;}
	.amenities-heading p {font-size: 0.9rem;}	
	.amenities-sec {width: 100%;}
	.amenities-3, .amenities-4, .amenities-5, .amenities-6 {width: 50%; padding: 0 5px 5px 0;}
	.amenities-3 .overlay, .amenities-4 .overlay {height: 97%;}
	.amenities-7 {width: 100%; padding: 0 5px 5px 0;}
	.amenities-7 .overlay {width: 98%;}
	.amenities-sec1 {width: 100%;}
	.amenities-1, .amenities-2 {padding: 0 5px 5px 0;}
	.amenities-2 .overlay {height: 97%; width: 98%;}
	.amenities-sec2 {width: 100%;}
	.amenities-content h1 {font-size: 0.9rem; font-weight: 500;}
	.amenities-1:hover > .amenities-content h1,
	.amenities-2:hover > .amenities-content h1,
	.amenities-3:hover > .amenities-content h1,
	.amenities-4:hover > .amenities-content h1,
	.amenities-5:hover > .amenities-content h1,
	.amenities-6:hover > .amenities-content h1,
	.amenities-7:hover > .amenities-content h1 {font-size: 0.8rem;}
	.amenities-1:hover > .amenities-content,
	.amenities-2:hover > .amenities-content,
	.amenities-3:hover > .amenities-content,
	.amenities-4:hover > .amenities-content,
	.amenities-5:hover > .amenities-content,
	.amenities-6:hover > .amenities-content,
	.amenities-7:hover > .amenities-content {top: 70%;}
	
	.gallery-heading {width: 90%; padding: 0 0 30px 0;}
	.gallery-heading h2 {font-size: 2rem;}
	.gallery-heading p {font-size: 0.9rem;}
	
	.location {padding: 30px 0 0 0;}
	.location-heading {width: 90%; padding: 0 0 30px 0;}
	.location-heading h2 {font-size: 2em;}
	.location-heading p {font-size: 0.9rem;}
	.location .filter-button {width: 100%;}
	.location .filter-button .bton {width: 50%; padding: 10px 5px; font-size: 0.8rem;}
	.google-map {width: 100%;}
	.gmap {height: 350px;}
	
	.location-main {width: 100%;}
	.location-main h2 {font-size: 1.2rem; margin: 0;}
	.loc-col-left {width: 100%; float: none; padding: 30px 0;}
	.loc-col-right {width: 100%; float: none;}
	.footer-form-main {width: 100%; padding: 30px 20px; background-size: 40%, 100% 100%;}
	.footer-form-main h2 {font-size: 2rem; font-weight: 500; margin: 0 0 15px 0;}
	.footer-form-main p {font-size: 0.9rem;}
	.form-col {width: 100%; float: none; padding: 0;}
	.footer-col-bg {padding: 50px 0;}
	.footer-col-bg p {font-size: 1rem;}
	.modal-content {width: 95%;}
	.modal-content1 {width: 90%; margin-top: 20%;}
	.brochure-form-inner {display: block; padding: 20px;}
	.base {padding: 20px 0 60px 0;}
	.pencil {display: none;}
	.pdf {display: none;}
	.cal {bottom: 40%; right: -5px;}
	.wa {bottom: 25%;}
	.desktop-hide {display: block;}
	.bottom-btn-sec {width: 100%; height: auto; position: fixed; bottom: 0; left: 0; z-index: 999;}
	.bottombtn {width: 50%; height: auto; float: left; padding: 10px; background-image: linear-gradient(to right, #42813d, #4c9047); background-origin: border-box; color: #FFF;}
	.bottombtn p {text-align: center;}
	.bottombtn a {color: #FFF;}
}

@media only screen and (max-width:667px) and (min-width:400px) {
	.frame {width: 90%;}
	header {position: relative; top: 0;}
	.head {width: 100%; padding: 0;}
	.sticky {position: relative;}
	.mobile-frame {width: 100%;}
	.mobile-hide {display: none;}
	.head-contact {width: 100%; float: none; padding: 0; background: #42813d; padding: 5px 0;}
	.head-contact h2 {margin: 0; color: #FFF; font-weight: normal; font-size: 1.3rem;}
	.head-contact .call-icon {filter: brightness(1) sepia(9) hue-rotate(180deg) saturate(9);}
	.head-logo {width: 100%; float: none; padding: 5px 0; background: #FFF; position: relative;}
	.head-logo img.h-logo-1 {width: 100%; box-shadow: none; padding: 0 80px;}
	/*.head-logo img.h-logo-2 {display: block; padding: 0 30px; width: 80%; margin: 0 auto;}*/
	.sticky .head-logo img.h-logo-2 {padding: 0 30px;}
	.head-menu {width: 100%; float: none; display: none;}
	.top-form {padding: 20px 0 40px 0;}
	.form-col-top {width: 100%; float: none;}
	.about {padding: 50px 0 30px 0;}
	.about-main {width:100%;}
	.about-left {width:100%; float: none;}
	.about-left img {height: auto;}
	.about-right {width:100%; float: none; padding: 50px 0 0 0;}
	.about-right h2 {margin: 10px 0 20px 10px;}
	.about-right ul	 {margin: 5px 0 0 10px;}
	.about-right ul li {width: 100%; margin: 10px 0;}
	.about-right p span {font-size: 2.5rem;}
	
	.advantage-heading h2 {font-size: 2.2rem;}
	.advantage-heading p {font-size: 0.9rem;}
	.advantage-left {padding: 0 0 20px 0;}
	.advantage-left li {font-size: 1em;}
	.advantage-left li.active {font-size: 1rem;}
	
	.amenities-heading {width: 90%; padding: 0 0 30px 0;}
	.amenities-heading h2 {font-size: 2.3rem;}
	.amenities-heading p {font-size: 0.9rem;}	
	.amenities-sec {width: 100%;}
	.amenities-3, .amenities-4, .amenities-5, .amenities-6 {width: 50%; padding: 0 5px 5px 0;}
	.amenities-3 .overlay, .amenities-4 .overlay {height: 97%;}
	.amenities-7 {width: 100%; padding: 0 5px 5px 0;}
	.amenities-7 .overlay {width: 98%;}
	.amenities-sec1 {width: 100%;}
	.amenities-1, .amenities-2 {padding: 0 5px 5px 0;}
	.amenities-2 .overlay {height: 97%; width: 98%;}
	.amenities-sec2 {width: 100%;}
	.amenities-content h1 {font-size: 0.9rem; font-weight: 500;}	
	.amenities-1:hover > .amenities-content h1,
	.amenities-2:hover > .amenities-content h1,
	.amenities-3:hover > .amenities-content h1,
	.amenities-4:hover > .amenities-content h1,
	.amenities-5:hover > .amenities-content h1,
	.amenities-6:hover > .amenities-content h1,
	.amenities-7:hover > .amenities-content h1 {font-size: 0.9rem;}
	.amenities-1:hover > .amenities-content,
	.amenities-2:hover > .amenities-content,
	.amenities-3:hover > .amenities-content,
	.amenities-4:hover > .amenities-content,
	.amenities-5:hover > .amenities-content,
	.amenities-6:hover > .amenities-content,
	.amenities-7:hover > .amenities-content {top: 70%;}
	
	.gallery-heading {width: 90%; padding: 0 0 30px 0;}
	.gallery-heading h2 {font-size: 2.3rem;}
	.gallery-heading p {font-size: 0.9rem;}
	
	.location {padding: 30px 0 0 0;}
	.location-heading {width: 90%; padding: 0 0 30px 0;}
	.location-heading h2 {font-size: 2.3rem;}
	.location-heading p {font-size: 0.9rem;}
	.location .filter-button {width: 100%;}
	.location .filter-button .bton {width: 50%;}
	.google-map {width: 100%;}
	.gmap {height: 350px;}
	
	.location-main {width: 100%;}
	.location-main h2 {font-size: 1.2rem; margin: 0;}
	.loc-col-left {width: 100%; float: none; padding: 30px 0;}
	.loc-col-right {width: 100%; float: none;}
	.footer-form-main {width: 100%; padding: 30px 20px; background-size: 40%, 100% 100%;}
	.footer-form-main h2 {font-size: 2.3rem; font-weight: 500; margin: 0 0 15px 0;}
	.footer-form-main p {font-size: 0.9rem;}
	.form-col {width: 100%; float: none; padding: 0;}
	.footer-col-bg {padding: 50px 0;}
	.footer-col-bg p {font-size: 1.1rem;}
	.modal-content {width: 95%;}
	.modal-content1 {width: 90%; margin-top: 20%;}
	.brochure-form-inner {display: block; padding: 20px;}
	.base {padding: 20px 0 60px 0;}
	.pencil {display: none;}
	.pdf {display: none;}
	.cal {bottom: 40%; right: -5px;}
	.wa {bottom: 25%;}
	.desktop-hide {display: block;}
	.bottom-btn-sec {width: 100%; height: auto; position: fixed; bottom: 0; left: 0; z-index: 999;}
	.bottombtn {width: 50%; height: auto; float: left; padding: 10px; background-image: linear-gradient(to right, #42813d, #4c9047); background-origin: border-box; color: #FFF;}
	.bottombtn p {text-align: center;}
	.bottombtn a {color: #FFF;}	
}

@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){
	
}