@media only screen and (max-width:320px){
	.frame {width: 100%;}
	.head {padding: 0;}
	.ms-logo {width: 100%; float: none; padding: 20px 40px;}
	.ms-logo img {width: auto; margin: 0 auto;}
	.presents {width: 100%; float: none; padding: 0 20px;}
	.presents h4 {font-size: 1rem;}
	.ms-dream-town-logo {width: 100%; float: none; padding: 10px 20px;}
	.ms-dream-town-logo img {margin: 0 auto; width: auto;}
	.location {padding: 30px; margin-top: 5px;}
	.loc-content {width: 100%; float: none; margin-bottom: 20px;}
	.loc-content h2 {line-height: 2.2rem; font-size: 1rem;}
	.loc-button {width: 100%; float: none;}
	.price-details {width: 100%; float: none;}
	.price-details h2 {font-size: 1.3rem;}
	.price-details h4 {font-size: 1.1rem;}
	.plot-price {width: 100%; float: none; padding: 20px 20px 20px 65px; border-right: 0;}
	.plot-price:before {left: -18px; top: 48px;}
	.villa-price {width: 100%; float: none; padding: 20px 20px 20px 65px;}
	.villa-price:before {left: -12px; top: 48px;}
	.project-icons {width: 100%; float: none; padding: 20px 30px; border-bottom: 1px dotted #999;}
	.contact-form {width: 100%; float: none;}
	.writeup-body {padding: 0 30px;}
	.writeup-left {width: 100%; float: none;}
	.writeup-left h2 {font-size: 1.8rem; margin-bottom: 25px;}
	.writeup-left h2 span {font-size: 2.1rem;}
	.writeup-right {width: 100%; float: none;}
	.surround {padding: 0 30px;}
	.surround h2 {font-size: 1.3rem;}
	.surround-body {width: 100%; float: none; padding: 0; margin: 35px 0;}
	.surround-col {background: none;}
	.surround-col-left {width: 100%; float: none;}
	.surround-col-left img {height: 170px;}
	.surround-col-float {float:left;}
	.surround-col-right {width: 100%; float: none; padding: 0;}
	.surround-col-right h3 {font-size: 1.1rem; color: #b80304;}
	.latest {padding: 0 30px;}
	.latest-left {width: 100%; float: none; padding-right: 0;}
	.latest-right {width: 100%; float: none; margin-top:30px;}
	.gallery {padding: 0 30px;}
	.gallery h2 {font-size: 1.3rem;}
	.work-galley {margin-top: 30px;}
	.modal-content {width: 100%;}
	.column-work-gal {width: 47%; margin-right: 6px; margin-bottom: 6px;}
	.videos {padding: 0 30px;}
	.videos h2 {font-size: 1.3rem;}
	.video {margin-top: 20px;}
	.video-col {width: 100%; float: none; margin: 15px 0; padding:10px 0;}
	.foot-col {width: 100%; float: none;}
	.foot-col h2, .foot-col p, .foot-button a {text-align: center;}
	.foot-col a p {font-size: 1.2rem;}
	.foot-col a p span {margin: 0 0 0 25px;}
	.foot-col a .fa-phone-alt, .foot-col a .fa-envelope-open {position: absolute; margin: 2px 0 0 -10px;}
	.foot .address {padding-left: 20px;}
	.foot-button {width: 75%; margin: 0 auto;}
	.base {width: 100%; float: none; padding: 10px 0;}
	.base p {text-align: center; font-size: 0.9rem;}
	.designed {padding: 0 0 50px 0;}
	.pdf {display: block; bottom: 60%;}
	.wa {bottom: 50%; right: -23px; left: auto;}
	.enquire-btn {bottom: 0; left: 0; width: 100%;}
	.enquire-btn p {transform: rotate(0deg); -webkit-transform: rotate(0deg); text-align: center; padding: 10px 20px;}
	.bro-btn {bottom: 50%; right: -85px; display: none;}
	.modal-content1 {width: 95%; margin-top: 30%;}
	.mobile-hide {display: none;}
	.desktop-hide {display: block;}
	.msdt-cookie-banner img {margin-top: 20%; width: 80%;}
	.pop-btn {font-size: 1.5rem;}
}

@media only screen and (max-width:400px) and (min-width:360px) {
	.frame {width: 100%;}
	.head {padding: 0;}
	.ms-logo {width: 100%; float: none; padding: 20px 40px;}
	.ms-logo img {width: auto; margin: 0 auto;}
	.presents {width: 100%; float: none; padding: 10px 20px;}
	.ms-dream-town-logo {width: 100%; float: none; padding: 20px;}
	.ms-dream-town-logo img {margin: 0 auto; width: auto;}
	.location {padding: 30px;}
	.loc-content {width: 100%; float: none; margin-bottom: 20px;}
	.loc-content h2 {line-height: 2.5rem; font-size: 1.1rem;}
	.loc-content h2 span {font-size: 1rem;}
	.loc-button {width: 100%; float: none;}
	.price-details {width: 100%; float: none;}
	.price-details h2 {font-size: 1.3rem;}
	.price-details h4 {font-size: 1.1rem;}
	.plot-price {width: 100%; float: none; padding: 20px 20px 20px 65px; border-right: 0;}
	.plot-price:before {left: -18px; top: 48px;}
	.villa-price {width: 100%; float: none; padding: 20px 20px 20px 65px;}
	.villa-price:before {left: -12px; top: 48px;}
	.project-icons {width: 100%; float: none; padding: 20px 30px; border-bottom: 1px dotted #999;}
	.contact-form {width: 100%; float: none;}
	.writeup-body {padding: 0 30px;}
	.writeup-left {width: 100%; float: none;}
	.writeup-left h2 {font-size: 2rem; margin-bottom: 25px;}
	.writeup-left h2 span {font-size: 2.5rem;}
	.writeup-right {width: 100%; float: none;}
	.surround {padding: 0 30px;}
	.surround h2 {font-size: 1.5rem;}
	.surround-body {width: 100%; float: none; padding: 0; margin: 35px 0;}
	.surround-col {background: none;}
	.surround-col-left {width: 100%; float: none;}
	.surround-col-left img {height: 170px;}
	.surround-col-float {float:left;}
	.surround-col-right {width: 100%; float: none; padding: 0;}
	.surround-col-right h3 {font-size: 1.1rem; color: #b80304;}
	.latest {padding: 0 30px;}
	.latest-left {width: 100%; float: none; padding-right: 0;}
	.latest-right {width: 100%; float: none; margin-top:30px;}
	.gallery {padding: 0 30px;}
	.gallery h2 {font-size: 1.5rem;}
	.work-galley {margin-top: 30px;}
	.modal-content {width: 100%;}
	.column-work-gal {width: 48%; margin-right: 6px; margin-bottom: 6px;}
	.videos {padding: 0 30px;}
	.videos h2 {font-size: 1.5rem;}
	.video {margin-top: 20px;}
	.video-col {width: 100%; float: none; margin: 15px 0; padding:10px 0;}
	.foot-col {width: 100%; float: none;}
	.foot-col h2, .foot-col p, .foot-button a {text-align: center;}
	.foot-col a p {font-size: 1.2rem;}
	.foot-col a p span {margin: 0 0 0 25px;}
	.foot-col a .fa-phone-alt, .foot-col a .fa-envelope-open {position: absolute; margin: 2px 0 0 -10px;}
	.foot .address {padding-left: 20px;}
	.foot-button {width: 70%; margin: 0 auto;}
	.base {width: 100%; float: none; padding: 10px 0;}
	.base p {text-align: center;}
	.designed {padding: 0 0 50px 0;}
	.pdf {display: block; bottom: 60%;}
	.wa {bottom: 50%; right: -23px; left: auto;}
	.enquire-btn {bottom: 0; left: 0; width: 100%;}
	.enquire-btn p {transform: rotate(0deg); -webkit-transform: rotate(0deg); text-align: center; padding: 10px 20px;}
	.bro-btn {bottom: 50%; right: -85px; display: none;}
	.modal-content1 {width: 95%; margin-top: 30%;}
	.mobile-hide {display: none;}
	.desktop-hide {display: block;}
	.msdt-cookie-banner img {margin-top: 20%; width: 80%;}
	.pop-btn {font-size: 1.5rem;}
}

@media only screen and (max-width:667px) and (min-width:400px) {
	.frame {width: 100%;}
	.head {padding: 0;}
	.ms-logo {width: 100%; float: none; padding: 20px 40px;}
	.ms-logo img {width: auto; margin: 0 auto;}
	.presents {width: 100%; float: none; padding: 10px 20px;}
	.ms-dream-town-logo {width: 100%; float: none; padding: 20px;}
	.ms-dream-town-logo img {margin: 0 auto; width: auto;}
	.location {padding: 30px;}
	.loc-content {width: 100%; float: none; margin-bottom: 20px;}
	.loc-content h2 {line-height: 2.5rem; font-size: 1.1rem;}
	.loc-content h2 span {display: block; margin-left: 20px; font-size: 1rem;}
	.loc-button {width: 100%; float: none;}
	.price-details {width: 100%; float: none;}
	.price-details h2 {font-size: 1.3rem;}
	.price-details h4 {font-size: 1.1rem;}
	.plot-price {width: 100%; float: none; padding: 20px 20px 20px 80px; border-right: 0;}
	.plot-price:before {left: -18px; top: 48px;}
	.villa-price {width: 100%; float: none; padding: 20px 20px 20px 80px;}
	.villa-price:before {left: -12px; top: 48px;}
	.project-icons {width: 100%; float: none; padding: 20px 30px; border-bottom: 1px dotted #999;}
	.contact-form {width: 100%; float: none;}
	.writeup-body {padding: 0 30px;}
	.writeup-left {width: 100%; float: none;}
	.writeup-left h2 {font-size: 2rem; margin-bottom: 25px;}
	.writeup-left h2 span {font-size: 2.5rem;}
	.writeup-right {width: 100%; float: none;}
	.surround {padding: 0 30px;}
	.surround h2 {font-size: 1.5rem;}
	.surround-body {width: 100%; float: none; padding: 0; margin: 35px 0;}
	.surround-col {background: none;}
	.surround-col-left {width: 100%; float: none;}
	.surround-col-left img {height: 170px;}
	.surround-col-float {float:left;}
	.surround-col-right {width: 100%; float: none; padding: 0;}
	.surround-col-right h3 {font-size: 1.1rem; color: #b80304;}
	.latest {padding: 0 30px;}
	.latest-left {width: 100%; float: none; padding-right: 0;}
	.latest-right {width: 100%; float: none; margin-top:30px;}
	.gallery {padding: 0 30px;}
	.gallery h2 {font-size: 1.5rem;}
	.work-galley {margin-top: 30px;}
	.modal-content {width: 100%;}
	.column-work-gal {width: 48%; margin-right: 6px; margin-bottom: 6px;}
	.videos {padding: 0 30px;}
	.videos h2 {font-size: 1.5rem;}
	.video {margin-top: 20px;}
	.video-col {width: 100%; float: none; margin: 15px 0; padding:10px 0;}
	.foot-col {width: 100%; float: none;}
	.foot-col h2, .foot-col p, .foot-button a {text-align: center;}
	.foot-col a p {font-size: 1.2rem;}
	.foot-col a p span {margin: 0 0 0 25px;}
	.foot-col a .fa-phone-alt, .foot-col a .fa-envelope-open {position: absolute; margin: 2px 0 0 -10px;}
	.foot .address {padding-left: 20px;}
	.foot-button {width: 70%; margin: 0 auto;}
	.base {width: 100%; float: none; padding: 10px 0;}
	.base p {text-align: center;}
	.designed {padding: 0 0 50px 0;}
	.pdf {display: block; bottom: 60%;}
	.wa {bottom: 50%; right: -23px; left: auto;}
	.enquire-btn {bottom: 0; left: 0; width: 100%;}
	.enquire-btn p {transform: rotate(0deg); -webkit-transform: rotate(0deg); text-align: center; padding: 10px 20px;}
	.bro-btn {bottom: 50%; right: -85px; display: none;}
	.modal-content1 {width: 95%; margin-top: 30%;}
	.mobile-hide {display: none;}
	.desktop-hide {display: block;}
	.msdt-cookie-banner img {margin-top: 20%; width: 80%;}
	.pop-btn {font-size: 1.5rem;}
}

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