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

@media only screen and (max-width:400px) and (min-width:360px) {
	.frame {width: 90%;}
	header {position: relative; top: 0;}
	.head {width: 100%; padding: 5px 0; background: #000;}
	.sticky {position: relative;}
	.mobile-frame {width: 100%;}
	.head-contact {width: 50%; float: right; padding: 15px 0;}
	.head-contact a {color: #FFF;}
	.head-contact h2 {margin: 6px 8px 0 0; font-weight: 700; font-size: 1.2rem;}
	.head-contact .call-icon {padding: 0 0 0 22px; background-size: 18px 18px; filter: none;}
	.head-contact .call-icon-bg {padding: 2px 0; margin: 0 5px 0 0;}
	.head-logo {width: 50%; float: left; padding: 10px 0; position: relative;}
	.head-logo img.h-logo-1 {width: 80%; box-shadow: none; padding: 0 25px;}
	/*.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; width: 90%; position: relative; margin: -50px auto 0 auto; right: 0; left: 0; top: 0; background-color: rgba(255, 189, 89, 1);}
	.top-form h2 {color: #000; font-weight: 500;}
	.top-form-control {background-color: rgba(0, 0, 0, 0.8); border: 0;}
	.top-form-sec {width: 90%;}
	.image-container {width: auto; margin: 0 30px;}
	.form-col-top {width: 100%; float: none;}
	.top-form-butn {margin-top: 15px;}	
	.about {padding: 30px 0;}
	.about-content {width: 100%;}	
	.about-left {width: 100%; float: none; padding: 0 0 50px 0;}
	.about-left h1 {font-size: 1.6rem;}
	.about-right {width: 100%; float: none; padding: 0;}
	.highlights {margin: 0;}
	.highlights h2 {font-size: 1.6rem;}
	.highlights-main {width: 100%; margin: 10px 0;}
	.highlights-col {width: 50%; padding: 10px 5px;}
	.highlights-col-in {padding: 15px 10px;}
	.mobile-highlights-col {width: 100%;}
	.mobile-highlights-col-in {width: 50%; margin: 0 auto;}
	.amenities2 {padding: 0;}
	.amenities2 h2 {font-size: 1.6rem;}
	.plan h2 {font-size: 1.6rem;}
	.map h2 {font-size: 1.6rem;}
	.map-col {width: 100%; float: none; padding: 0;}
	.map-col h4 {margin: 20px 0 50px 0;}
	.map-col iframe {height: 300px;}
	.accordin-col {padding: 30px 0 0 0;}
	.footer-form {padding: 10px 0;}
	.footer-form-main {width: 100%; padding: 0;}
	.footer-form-main h2 {font-size: 1rem; font-weight: 700; margin: 0 0 15px 0;}
	.footer-form-left {width: 100%; float: none; padding: 20px;}
	.footer-form-left-img {width: 100%; float: none; padding: 10px 0 50px 0;}
	.footer-form-left img {margin: 0 auto; width: 70%;}
	.footer-form-left-address {width: 100%; float: none; padding: 10px 0;}
	.footer-form-left-address h2 {font-size: 1.8rem; font-weight: 700; margin: 0 0 15px 0;}
	.footer-form-left p {font-size: 0.9rem; line-height: 2rem; margin: 0 0 20px 0;}
	.footer-form-left p a {font-size: 1.1rem;}
	.footer-form-right {width: 100%; float: none; padding: 30px 20px 40px 20px; margin: 0 0 30px 0;}
	.form-col {width: 100%; float: none; padding: 0;}
	.footer-col-bg p {font-size: 0.9rem;}
	.base p {font-size: 0.9rem;}
	.modal-content {width: 95%;}
	.modal-content1 {width: 90%;}
	.base {padding: 20px 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; background: transparent;
        background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.01) 100%); padding: 20px 0 0 0;}
	.bottombtn {width: 50%; height: auto; float: left; padding: 10px; background-image: linear-gradient(to bottom, #0f510b, #0f510b, #0f510b); background-origin: border-box; color: #FFF; border-right: 1px solid #000;}
	.bottombtn p {text-align: center;}
	.bottombtn a {color: #FFF;}
	.entry-popup .popup h2 {font-size: 1.6rem;}
	.entry-popup .popup::before{left: -30px; top: -30px; background-size: 60px 60px;}
	.master-plan {width: 100%;}
	.plan .plan-butn {font-size: 10px;}
	.desktop-hide {display: block;}
	.mobile-hide {display: none;}
	.jvp-cookie-banner img {width: 80%; margin-top: 20%;}
}

@media only screen and (max-width:667px) and (min-width:400px) {
	.frame {width: 90%;}
	header {position: relative; top: 0;}
	.head {width: 100%; padding: 5px 0; background: #000;}
	.sticky {position: relative;}
	.mobile-frame {width: 100%;}
	.head-contact {width: 50%; float: right; padding: 20px 0;}
	.head-contact a {color: #FFF;}
	.head-contact h2 {margin: 6px 8px 0 0; font-weight: 700; font-size: 1.2rem;}
	.head-contact .call-icon {padding: 0 0 0 22px; background-size: 18px 18px; filter: none;}
	.head-contact .call-icon-bg {padding: 2px 0; margin: 0 5px 0 0;}
	.head-logo {width: 50%; float: left; padding: 5px 0; position: relative;}
	.head-logo img.h-logo-1 {width: 80%; box-shadow: none; padding: 0 25px;}
	/*.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; width: 90%; position: relative; margin: -50px auto 0 auto; right: 0; left: 0; top: 0; background-color: rgba(255, 189, 89, 1);}
	.top-form h2 {color: #000; font-weight: 500;}
	.top-form-control {background-color: rgba(0, 0, 0, 0.8); border: 0;}
	.top-form-sec {width: 90%;}
	.image-container {width: auto; margin: 0 30px;}
	.form-col-top {width: 100%; float: none;}
	.top-form-butn {margin-top: 15px;}	
	.about {padding: 30px 0;}
	.about-content {width: 100%;}	
	.about-left {width: 100%; float: none; padding: 0 0 50px 0;}
	.about-left h1 {font-size: 1.6rem;}
	.about-right {width: 100%; float: none; padding: 0;}
	.highlights {margin: 0;}
	.highlights h2 {font-size: 1.6rem;}
	.highlights-main {width: 100%; margin: 10px 0;}
	.highlights-col {width: 50%; padding: 10px 5px;}
	.highlights-col-in {padding: 15px 10px;}
	.mobile-highlights-col {width: 100%;}
	.mobile-highlights-col-in {width: 50%; margin: 0 auto;}
	.amenities2 {padding: 0;}
	.amenities2 h2 {font-size: 1.6rem;}
	.plan h2 {font-size: 1.6rem;}
	.map h2 {font-size: 1.6rem;}
	.map-col {width: 100%; float: none; padding: 0;}
	.map-col h4 {margin: 20px 0 50px 0;}
	.map-col iframe {height: 300px;}
	.accordin-col {padding: 30px 0 0 0;}
	.footer-form {padding: 10px 0;}
	.footer-form-main {width: 100%; padding: 0;}
	.footer-form-main h2 {font-size: 1.3rem; font-weight: 700; margin: 0 0 15px 0;}
	.footer-form-left {width: 100%; float: none; padding: 20px;}
	.footer-form-left-img {width: 100%; float: none; padding: 10px 0 50px 0;}
	.footer-form-left img {margin: 0 auto; width: 70%;}
	.footer-form-left-address {width: 100%; float: none; padding: 10px 0;}
	.footer-form-left-address h2 {font-size: 1.8rem; font-weight: 700; margin: 0 0 15px 0;}
	.footer-form-left p {font-size: 0.9rem; line-height: 2rem; margin: 0 0 20px 0;}
	.footer-form-left p a {font-size: 1.1rem;}
	.footer-form-right {width: 100%; float: none; padding: 30px 20px 40px 20px; margin: 0 0 30px 0;}
	.form-col {width: 100%; float: none; padding: 0;}
	.footer-col-bg p {font-size: 0.9rem;}
	.base p {font-size: 1rem;}
	.modal-content {width: 95%;}
	.modal-content1 {width: 90%;}
	.base {padding: 20px 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; background: transparent;
        background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.01) 100%); padding: 20px 0 0 0;}
	.bottombtn {width: 50%; height: auto; float: left; padding: 10px; background-image: linear-gradient(to bottom, #0f510b, #0f510b, #0f510b); background-origin: border-box; color: #FFF; border-right: 1px solid #000;}
	.bottombtn p {text-align: center;}
	.bottombtn a {color: #FFF;}
	.entry-popup .popup h2 {font-size: 1.6rem;}
	.entry-popup .popup::before{left: -30px; top: -30px; background-size: 60px 60px;}
	.master-plan {width: 100%;}
	.plan .plan-butn {font-size: 10px;}
	.desktop-hide {display: block;}
	.mobile-hide {display: none;}
	.jvp-cookie-banner img {width: 80%; margin-top: 20%;}
}

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