@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: 0;}
	.sticky {position: relative;}
	.mobile-frame {width: 100%;}
	.head-contact {width: 50%; float: right; padding: 0; padding: 25px 0;}
	.head-contact h2 {font-weight: 700; font-size: 1rem;}
	.head-contact .call-icon {padding: 2px 0 0 18px; background-size: 18px 18px;}
	.head-contact .call-icon-bg {padding: 2px 5px; margin: 0 10px;}
	.head-logo {width: 50%; float: left; padding: 5px 0; background: transparent; position: relative;}
	.head-logo img.h-logo-1 {width: 100%; box-shadow: none; padding: 0 5px;}
	/*.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;}
	.top-form-sec {width: 100%;}
	.image-container {width: auto; margin: 0 30px;}
	.form-col-top {width: 100%; float: none;}
	.about {padding: 50px 0 0 0;}
	.about-col-left {width: 100%; float: none;}
	.about-col-left img {margin: 0;}
	.about-col-right {width: 100%; float: none; padding: 30px 0;}
	.about-col-right p {font-size: 0.9rem; text-align: center;}
	.about-col-right h1 {font-size: 1.5rem; padding: 0; text-align: center;}
	.about-col-right h1 span {font-size: 1.2rem;}
	.highlights-main {width: 100%; margin: 10px 0;}
	.highlights-col {width: 50%; padding: 5px;}
	.highlights-col-in {padding: 15px 10px; border-radius: 30px;}
	.highlights-col-in p {font-size: 0.8rem;}
	.mobile-highlights-col {width: 100%;}
	.mobile-highlights-col-in {width: 50%; margin: 0 auto;}
	.highlights-icon {width: 100%;}
	.highlights-col-in img {padding: 35px;}
	.column-inner-content-col {padding: 30px 20px;}
	.column-inner-content-col ul {width: 100%;}
	.column-inner-content-col ul li span span {float: none;}
	.column-inner-content-col ul li span span:before {
		content: "-";
		display: inline;
		margin: 0px 10px 0 0;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		cursor: pointer;
	}
	.bton {width: 46%; background-color: #391006; color: #FFF;}
	.bton.activia {font-weight: 500; background-color: #333; color: #FFF;}
	.bton:hover {border: 0 solid #391006;}
	.gallery {height: 290px;}
	.gallery-main {width: 100%; margin: 40px auto;}
	.gallery img {max-width: 70%;}
	.controls button {margin: 0 -10px;}
	/*
	.w-50 {width: 100%;}
	.infra-main {width: 100%;}
	.infra-left {width: 100%; float: none;}
	.infra-right {width: 100%; float: none; padding: 30px 0 0 0;}
	.infra-butn {width: 50%;}
	.arrow-infra {top: 25%; color: #FFF; font-size: 1.2em; background-color: #333; border: 0; padding: 5px 15px;}
	.prev-btn {left: 15px;}
	.next-btn {right: 15px;}
	*/
	.location-main {width: 100%;}
	.location-main h2 {font-size: 1.2rem; margin: 0;}
	.loc-col-left {width: 100%; float: none; padding: 30px 0;}
	#accordian ul li {margin: 0 35px;}
	.loc-col-right {width: 100%; float: none;}
	.loc-col-right img {width: 100%; margin: 0 auto; position: relative; left: 0;}
	.map-col {width: 100%; float: none; padding: 0;}
	.map-col h4 {margin: 20px 0 50px 0;}
	.map-col iframe {height: 300px;}
	.vrhighlights-col {width: 50%;}
	.vrhighlights-col-in {padding: 5px;}
	.footer-form-main {width: 100%; padding: 0;}
	.footer-form-main h2 {font-size: 1.3rem; font-weight: 500; margin: 0 0 15px 0; color: #391006;}
	.footer-form-left {width: 100%; float: none;}
	.footer-form-right {width: 100%; float: none; padding: 40px 20px; background-color: transparent; margin: 0 0 50px 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 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; 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, #391006, #391006, #391006); background-origin: border-box; color: #FFF;}
	.bottombtn p {text-align: center;}
	.bottombtn a {color: #FFF;}
	.entry-popup .popup h2 {font-size: 1.1rem;}
	.entry-popup .popup::before{left: -30px; top: -30px; background-size: 60px 60px;}
	.popup-form-cb-col, .popup-form-cb-content-col {padding: 0;}
	.top-form-cb, .foot-form-cb {position: relative; bottom: 0;}
	.top-form-cb-col, .foot-form-cb-col {width: 10%;}
	.top-form-cb-content-col {padding: 10px; width: 90%;}
	.foot-form-cb-content-col {padding: 15px 0; width: 90%;}
	.foot-form-cb-inner {padding: 0;}
	.foot-form-cb-content-col p {line-height: 1.3rem; color:#391006;}
	.master-plan {width: 100%;}
	.plan .plan-butn {font-size: 10px;}
	.desktop-hide {display: block;}
	.mobile-hide {display: none;}
	.dazzle-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: 0;}
	.sticky {position: relative;}
	.mobile-frame {width: 100%;}
	.head-contact {width: 50%; float: right; padding: 0; padding: 30px 0;}
	.head-contact h2 {font-weight: 700; font-size: 1.2rem;}
	.head-contact .call-icon {padding: 2px 0 0 18px; background-size: 18px 18px;}
	.head-contact .call-icon-bg {padding: 2px 5px; margin: 0 10px;}
	.head-logo {width: 50%; float: left; padding: 5px 0; background: transparent; position: relative;}
	.head-logo img.h-logo-1 {width: 100%; box-shadow: none; padding: 0 5px;}
	/*.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;}
	.top-form-sec {width: 100%;}
	.image-container {width: auto; margin: 0 30px;}
	.form-col-top {width: 100%; float: none;}
	.about {padding: 50px 0 0 0;}
	.about-col-left {width: 100%; float: none;}
	.about-col-left img {margin: 0;}
	.about-col-right {width: 100%; float: none; padding: 30px 0;}
	.about-col-right p {font-size: 0.9rem; text-align: center;}
	.about-col-right h1 {font-size: 1.5rem; padding: 0; text-align: center;}
	.about-col-right h1 span {font-size: 1.2rem;}
	.highlights-main {width: 100%; margin: 10px 0;}
	.highlights-col {width: 50%; padding: 5px;}
	.highlights-col-in {padding: 15px 10px; border-radius: 30px;}
	.highlights-col-in p {font-size: 0.9rem;}
	.mobile-highlights-col {width: 100%;}
	.mobile-highlights-col-in {width: 50%; margin: 0 auto;}
	.highlights-icon {width: 100%;}
	.highlights-col-in img {padding: 40px 45px;}
	.column-inner-content-col {padding: 30px 20px;}
	.column-inner-content-col ul {width: 100%;}
	.column-inner-content-col ul li span span {float: none;}
	.column-inner-content-col ul li span span:before {
		content: "-";
		display: inline;
		margin: 0px 10px 0 0;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		cursor: pointer;
	}
	.bton {width: 46%; background-color: #391006; color: #FFF;}
	.bton.activia {font-weight: 500; background-color: #333; color: #FFF;}
	.bton:hover {border: 0 solid #391006;}
	.gallery {height: 290px;}
	.gallery-main {width: 100%; margin: 40px auto;}
	.gallery img {max-width: 70%;}
	.controls button {margin: 0 -10px;}
	/*
	.w-50 {width: 100%;}
	.infra-main {width: 100%;}
	.infra-left {width: 100%; float: none;}
	.infra-right {width: 100%; float: none; padding: 30px 0 0 0;}
	.infra-butn {width: 50%;}
	.arrow-infra {top: 25%; color: #FFF; font-size: 1.2em; background-color: #333; border: 0; padding: 5px 15px;}
	.prev-btn {left: 15px;}
	.next-btn {right: 15px;}
	*/
	.location-main {width: 100%;}
	.location-main h2 {font-size: 1.2rem; margin: 0;}
	.loc-col-left {width: 100%; float: none; padding: 30px 0;}
	#accordian ul li {margin: 0 35px;}
	.loc-col-right {width: 100%; float: none;}
	.loc-col-right img {width: 100%; margin: 0 auto; position: relative; left: 0;}
	.map-col {width: 100%; float: none; padding: 0;}
	.map-col h4 {margin: 20px 0 50px 0;}
	.map-col iframe {height: 300px;}
	.vrhighlights-col {width: 50%;}
	.vrhighlights-col-in {padding: 5px;}
	.footer-form-main {width: 100%; padding: 0;}
	.footer-form-main h2 {font-size: 1.3rem; font-weight: 500; margin: 0 0 15px 0; color: #391006;}
	.footer-form-left {width: 100%; float: none;}
	.footer-form-right {width: 100%; float: none; padding: 40px 20px; background-color: transparent; margin: 0 0 50px 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 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; 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, #391006, #391006, #391006); background-origin: border-box; color: #FFF;}
	.bottombtn p {text-align: center;}
	.bottombtn a {color: #FFF;}
	.entry-popup .popup h2 {font-size: 1.1rem;}
	.entry-popup .popup::before{left: -30px; top: -30px; background-size: 60px 60px;}
	.popup-form-cb-col, .popup-form-cb-content-col {padding: 0;}
	.top-form-cb, .foot-form-cb {position: relative; bottom: 0;}
	.top-form-cb-col, .foot-form-cb-col {width: 10%;}
	.top-form-cb-content-col {padding: 10px; width: 90%;}
	.foot-form-cb-content-col {padding: 15px 0; width: 90%;}
	.foot-form-cb-inner {padding: 0;}
	.foot-form-cb-content-col p {line-height: 1.3rem; color: #391006;}
	.master-plan {width: 100%;}
	.plan .plan-butn {font-size: 10px;}
	.desktop-hide {display: block;}
	.mobile-hide {display: none;}
	.dazzle-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){
	
}