@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: #0b517c; padding: 5px 0; margin: 0;}
	.head-contact h3 {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); background-size: 20px 30px;}
	.head-logo {width: 100%; float: none; padding: 10px 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 {position: relative; padding: 20px 0 40px 0; background-color: #FFF; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
	.top-form-control {height: 45px; border: 0; border-bottom: 1px solid #b8904f; background-color: #f5eee2; border-radius: 10px 10px 0 0;}
	.form-col-top {width: 100%; float: none;}
	.form-col-top h3 {font-size: 1.5rem; text-transform: uppercase; padding: 15px 0; color: #000;}
	
	h2 {font-size: 1.5rem;}
	.about-heading {width: 100%;}
	.about-main {width: 100%;}
	.about-main p {font-size: 0.9rem; line-height: 2rem;}
	
	.highlights-col {width: 100%;}
	.highlights-heading {width: 90%; padding: 50px 0;}
	.highlights-heading h2 {font-size: 1.3rem;}
	.highlights-col li {font-size: 0.9rem;}
	
	.amenities-heading {width: 100%;}
	.amenities-main {width: 100%;}
	.amenities-col {width: 50%; padding: 0px;}
	.amenities-col-in {padding: 10px;}
	.amenities-icon {margin: 0 auto;}
		
	.gallery-heading {width: 90%; padding: 0 0 30px 0;}
	.gallery-heading h2 {font-size: 2rem;}
	.gallery-heading p {font-size: 0.9rem;}
	
	.location {padding: 0;}
	.location-heading {width: 80%; padding: 0 0 30px 0;}
	.location-heading p {font-size: 0.8rem; margin: 15px 0 0 0;}
	
	.map-heading {width: 100%;}
	.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 {padding: 50px 0;}
	.footer-form-main {width: 100%; padding: 0;}
	.footer-form-main h3 {font-size: 1.6rem; font-weight: 500; margin: 0 0 15px 0;}
	.footer-form-main p {font-size: 0.9rem;}
	.footer-form-col {width: 100%;}
	.footer-form-col.form-right-pd {padding: 30px 20px;}
	.footer-form-col h2 {margin: 0 0 15px 0; font-size: 1.3rem;}
	.footer-form-col.form-right-pd p {width: 90%;}
	.form-col {width: 100%; float: none; padding: 0;}
	.butn {width: 50%;}
	.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: -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; border: 1px solid #FFF; padding: 10px; background-image: linear-gradient(to right, #02562c, #02562c); background-origin: border-box; color: #FFF;}
	.bottombtnleft {border-right: 0;}
	.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: #0b517c; padding: 5px 0; margin: 0;}
	.head-contact h3 {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); background-size: 20px 30px;}
	.head-logo {width: 100%; float: none; padding: 10px 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 {position: relative; padding: 20px 0 40px 0; background-color: #FFF; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
	.top-form-control {height: 45px; border: 0; border-bottom: 1px solid #b8904f; background-color: #f5eee2; border-radius: 10px 10px 0 0;}
	.form-col-top {width: 100%; float: none;}
	.form-col-top h3 {font-size: 1.5rem; text-transform: uppercase; padding: 15px 0; color: #000;}
	
	h2 {font-size: 1.5rem;}
	.about-heading {width: 100%;}
	.about-main {width: 100%;}
	.about-main p {font-size: 0.9rem; line-height: 2rem;}
	
	.highlights-col {width: 100%;}
	.highlights-heading {width: 90%; padding: 50px 0;}
	.highlights-col li {font-size: 0.9rem;}
	
	.amenities-heading {width: 100%;}
	.amenities-main {width: 100%;}
	.amenities-col {width: 50%; padding: 0px;}
	.amenities-col-in {padding: 10px 20px;}
	.amenities-icon {margin: 0 auto;}
		
	.gallery-heading {width: 90%; padding: 0 0 30px 0;}
	.gallery-heading h2 {font-size: 2rem;}
	.gallery-heading p {font-size: 0.9rem;}
	
	.location {padding: 0;}
	.location-heading {width: 80%; padding: 0 0 30px 0;}
	.location-heading p {font-size: 0.8rem; margin: 15px 0 0 0;}
	
	.map-heading {width: 100%;}
	.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 {padding: 50px 0;}
	.footer-form-main {width: 100%; padding: 0;}
	.footer-form-main h3 {font-size: 1.6rem; font-weight: 500; margin: 0 0 15px 0;}
	.footer-form-main p {font-size: 0.9rem;}
	.footer-form-col {width: 100%;}
	.footer-form-col.form-right-pd {padding: 30px 20px;}
	.footer-form-col h2 {margin: 0 0 15px 0;}
	.footer-form-col.form-right-pd p {width: 90%;}
	.form-col {width: 100%; float: none; padding: 0;}
	.butn {width: 50%;}
	.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; border: 1px solid #FFF; float: left; padding: 10px; background-image: linear-gradient(to right, #02562c, #02562c); background-origin: border-box; color: #FFF;}
	.bottombtnleft {border-right: 0;}
	.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: #0b517c; padding: 5px 0; margin: 0;}
	.head-contact h3 {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); background-size: 20px 30px;}
	.head-logo {width: 100%; float: none; padding: 10px 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 {position: relative; padding: 20px 0 40px 0; background-color: #FFF; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
	.top-form-control {height: 45px; border: 0; border-bottom: 1px solid #b8904f; background-color: #f5eee2; border-radius: 10px 10px 0 0;}
	.form-col-top {width: 100%; float: none;}
	.form-col-top h3 {font-size: 1.5rem; text-transform: uppercase; padding: 15px 0; color: #000;}
	
	h2 {font-size: 1.8rem;}	
	.about-heading {width: 100%;}
	.about-main {width: 100%;}
	.about-main p {font-size: 0.9rem; line-height: 2rem;}
	
	.highlights-col {width: 100%;}
	.highlights-heading {width: 90%; padding: 50px 0;}
	.highlights-col li {font-size: 0.9rem;}
	
	.amenities-heading {width: 100%;}
	.amenities-main {width: 100%;}
	.amenities-col {width: 50%; padding: 0px;}
	.amenities-col-in {padding: 10px 20px;}
	.amenities-icon {margin: 0 auto;}
		
	.gallery-heading {width: 90%; padding: 0 0 30px 0;}
	.gallery-heading h2 {font-size: 2rem;}
	.gallery-heading p {font-size: 0.9rem;}
	
	.location {padding: 0;}
	.location-heading {width: 80%; padding: 0 0 30px 0;}
	.location-heading p {font-size: 0.8rem; margin: 15px 0 0 0;}
	
	.map-heading {width: 100%;}
	.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 {padding: 50px 0;}
	.footer-form-main {width: 100%; padding: 0;}
	.footer-form-main h3 {font-size: 1.6rem; font-weight: 500; margin: 0 0 15px 0;}
	.footer-form-main p {font-size: 0.9rem;}
	.footer-form-col {width: 100%;}
	.footer-form-col.form-right-pd {padding: 30px 20px;}
	.footer-form-col h2 {margin: 0 0 15px 0;}
	.footer-form-col.form-right-pd p {width: 90%;}
	.form-col {width: 100%; float: none; padding: 0;}
	.butn {width: 50%;}
	.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; border: 1px solid #FFF; float: left; padding: 10px; background-image: linear-gradient(to right, #02562c, #02562c); background-origin: border-box; color: #FFF;}
	.bottombtnleft {border-right: 0;}
	.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){
	
}