@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: 100%;
		float: none;
		padding: 0;
	}

	.head-contact h2 {
		margin: 0;
		color: #FFF;
		font-weight: normal;
		font-size: 1rem;
	}

	.head-contact .call-icon {
		filter: brightness(1) sepia(1) hue-rotate(180deg) saturate(1);
		background-size: 18px 24px;
	}

	.head-logo {
		width: 100%;
		float: none;
		padding: 5px 0;
		background: #FFF;
		position: relative;
		top: 0;
	}

	.head-logo img.h-logo-1 {
		width: 100%;
		box-shadow: none;
		padding: 5px 50px;
		position: relative;
	}

	/*.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;
		position: relative;
		width: 85%;
		right: 0;
		top: 25px;
		margin: 0 auto;
		background-color: rgba(255, 255, 255, 0.6);
	}

	.form-col-top {
		width: 100%;
		float: none;
	}

	.features-title h2 {
		font-size: 1.5rem;
	}

	.features-col {
		width: 100%;
		margin: 10px 0;
		padding: 10px;
	}

	.features-col img {
		max-width: 60px;
	}

	.features-col-content h5 {
		font-size: 1rem;
	}

	.features-col-content p {
		font-size: 0.8rem;
	}

	.amenities-title {
		padding: 0;
	}

	.amenities-title h2 {
		font-size: 1.5rem;
	}

	.advantages-title h2 {
		font-size: 1.5rem;
	}

	.advantages-col {
		/*width: 100%;*/
		flex: 0 0 calc(100%);
		margin: 10px 0;
		padding: 0;
	}

	.advantages-col h3 {
		width: 100%;
		padding: 8px 0 5px 0;
		color: #FFF;
		background-color: #1e6a39;
		text-align: center;
	}

	.advantages-col ul {
		padding: 10px 10px 0 10px;
	}

	.advantages-col ul li span {
		width: 60%;
	}

	.advantages-col ul li .distance {
		width: 40%;
	}

	.gallery-title {
		padding: 0;
	}

	.gallery-title h2 {
		font-size: 1.5rem;
	}

	.map-title h2 {
		font-size: 1.5rem;
	}

	.map-col {
		flex: 0 0 calc(100%);
		margin: 10px 0;
		padding: 0;
	}

	.milestone-col {
		width: 50%;
		margin: 10px 0;
		padding: 10px;
	}

	.milestone-col:first-child {
		width: 100%;
	}

	.milestone-col img {
		width: 75%;
		margin: 0 auto
	}

	.footer-form-main {
		width: 100%;
		padding: 20px;
	}

	.footer-form-main h2 {
		font-size: 1.3rem;
		font-weight: 500;
		margin: 0 0 15px 0;
	}

	.form-col {
		width: 100%;
		float: none;
		padding: 0;
	}

	.footer-col-bg {
		padding: 50px 10px;
	}

	.footer-col-bg p {
		font-size: 0.9rem;
	}

	.base p {
		padding: 0 0 45px 0;
	}

	.modal-content {
		width: 95%;
	}

	.modal-content1 {
		width: 90%;
	}

	.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, #1e6a39, #1b4752);
		background-origin: border-box;
		color: #FFF;
	}

	.bottombtn:last-child {
		border-left: 2px solid #1e6a39;
		background-image: linear-gradient(to right, #1b4752, #1e6a39);
	}

	.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%;
	}

	.head-contact {
		width: 100%;
		float: none;
		padding: 0;
	}

	.head-contact h2 {
		margin: 0;
		color: #FFF;
		font-weight: normal;
		font-size: 1rem;
	}

	.head-contact .call-icon {
		filter: brightness(1) sepia(1) hue-rotate(180deg) saturate(1);
		background-size: 18px 24px;
	}

	.head-logo {
		width: 100%;
		float: none;
		padding: 5px 0;
		background: #FFF;
		position: relative;
		top: 0;
	}

	.head-logo img.h-logo-1 {
		width: 90%;
		box-shadow: none;
		padding: 5px 50px;
		position: relative;
	}

	/*.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;
		position: relative;
		width: 85%;
		right: 0;
		top: 25px;
		margin: 0 auto;
		background-color: rgba(255, 255, 255, 0.6);
	}

	.form-col-top {
		width: 100%;
		float: none;
	}

	.features-title h2 {
		font-size: 1.5rem;
	}

	.features-col {
		width: 100%;
		margin: 10px 5px;
		padding: 10px;
	}

	.features-col img {
		max-width: 60px;
	}

	.features-col-content h5 {
		font-size: 1.2rem;
	}

	.features-col-content p {
		font-size: 0.9rem;
	}

	.amenities-title {
		padding: 0;
	}

	.amenities-title h2 {
		font-size: 1.5rem;
	}

	.advantages-title h2 {
		font-size: 1.5rem;
	}

	.advantages-col {
		/*width: 100%;*/
		flex: 0 0 calc(100%);
		margin: 10px 0;
		padding: 0;
	}

	.advantages-col h3 {
		width: 100%;
		padding: 8px 0 5px 0;
		color: #FFF;
		background-color: #1e6a39;
		text-align: center;
	}

	.advantages-col ul {
		padding: 10px 10px 0 10px;
	}

	.advantages-col ul li span {
		width: 60%;
	}

	.advantages-col ul li .distance {
		width: 40%;
	}

	.gallery-title {
		padding: 0;
	}

	.gallery-title h2 {
		font-size: 1.5rem;
	}

	.map-title h2 {
		font-size: 1.5rem;
	}

	.map-col {
		flex: 0 0 calc(100%);
		margin: 10px 0;
		padding: 0;
	}

	.milestone-col {
		width: 50%;
		margin: 10px 0;
		padding: 10px;
	}

	.milestone-col:first-child {
		width: 100%;
	}

	.milestone-col img {
		width: 60%;
		margin: 0 auto
	}

	.footer-form-main {
		width: 100%;
		padding: 20px;
	}

	.footer-form-main h2 {
		font-size: 1.3rem;
		font-weight: 500;
		margin: 0 0 15px 0;
	}

	.form-col {
		width: 100%;
		float: none;
		padding: 0;
	}

	.footer-col-bg {
		padding: 50px 10px;
	}

	.footer-col-bg p {
		font-size: 1rem;
	}

	.base p {
		padding: 0 0 45px 0;
	}

	.modal-content {
		width: 95%;
	}

	.modal-content1 {
		width: 90%;
	}

	.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, #1e6a39, #1b4752);
		background-origin: border-box;
		color: #FFF;
	}

	.bottombtn:last-child {
		border-left: 2px solid #1e6a39;
		background-image: linear-gradient(to right, #1b4752, #1e6a39);
	}

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