@media(max-width:1230px){
	div.right-img-col img {
		width: calc(50% - 5px);
	}
}
@media (max-width:1100px) {
	div.home-news-card div.inner {
		padding: 2em;
	}
}
@media (max-width:950px) {
	div.triangle {
		left: 80px;
	}
	div.latest-news {
		width: 400px;
	}
	div.home-news-card {
		width: calc(100% - 400px);
		margin-left: 400px;
	}
}
@media(max-width:890px) {
	div.header-contact {
		right: 90px;
	}
	div.page-intro {
		width: 70%;
		padding: 5em 15%;
	}
	div.blog-col {
		width: 100%;
		padding-left: 0;
	}
	div.sidebar {
		display: none;
	}
}
@media(max-width:850px) {
	div.triangle {
		left: 100px;
		    border-width: 366px 0 0 250px;
	}
	div.latest-news {
		width: 350px;
	}
	div.home-news-card {
		width: calc(100% - 350px);
		margin-left: 350px;
	}
}
@media (max-width:768px),(max-device-width:768px) {
	div.header-contact {
		display: none;
	}
	div.home-developments {
		padding: 3em 0;
	}
	div.development-card div.image {
		width: 100%;
		height: 450px;
		background-size: cover;
	}
	div.spec-inner {
		width: 100%;
	}
	div#localarea {
		column-count: 1;
		column-gap: 0;
	}
	div.development-card div.text {
		width: calc(100% - 4em);
	}
	div.development-card div.image::after {
		display: none;
	}
	div.development-card {
		margin-bottom: 3em;
	}
	div.development-card:last-of-type {
		margin-bottom: 0;
	}
	div.our-development-card, .post-wrap {
		width: 100%;
		margin-right: 0;
	}
	div.post-wrap div.date {
		width: calc(110px - 4.5em);
		background-color: #444;
		text-align: left;
		padding: 0.75em 1em 0.75em 3.5em;
		position: absolute;
		left: 0;
		top: 25px;
	}
	div.team-wrapper, div.floorplan {
		padding: 3em 0;
	}
	div.established, div.twin-col-text {
		padding: 3em 0 0 0;
	}
	div.twin-col-text div.left-col, div.twin-col-text div.right-col, div.established div.left-col, div.established div.right-col {
		width: 100%;
	}
	div.floorplan div.details, div.floorplan div.image {
		width: 90%;
		margin: 0 5%;
	}
	div.floorplan div.details {
		margin-bottom: 2em;
	}
	div.twin-col-text div.left-col, div.established div.left-col {
		margin-bottom: 2em;
	}
	div.established div.left-col {
		text-align: left;
	}
	h2 {
		margin-bottom: 0.75em;
	}
	div.right-img-col {
		width: 100%;
		margin-right: 0;
	}
	div.left-img-col {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	div.post-date {
		padding: 1em;
		margin-left: 5%;
		margin-bottom: 1em;
		position: static;
	}
	div.development-card:nth-last-of-type(odd) div.text {
		/*min-height: 330px;*/
	}
	/**/
}
@media(max-width:768px){
	div.team-card {
		width: 97%;
		margin-right: 0;
	}
	div.latest-news  {
		z-index: 0;
		margin-top: 0;
		height: 300px;
		position: relative;
    	width: 100vw;
    	border: none;
    	object-fit: cover;
    	background-size: cover;
    	background-repeat: no-repeat;
	}
	div.home-news-card {
		width: 100%;
		margin-left: 0;
	}
	div.home-news-card div.inner {
		width: auto;
	}
	footer {
		padding: 2em 3em 5em 5em;
	}
	div.footer-tag {
		bottom: 100px;
	}
	div.right-img-col div.top, div.right-img-col div.bottom {
		width: 100%;
	}
	div.right-img-col img {
		width: calc(50% - 5px);
		height: 225px;
		object-fit: cover;
	}
	div.team-img {
		height: 350px;
		background-position-x: center;
	}
	.home article.latest-news {
		height: auto;
	}
	.home article.latest-news div.latest-news,.home article.latest-news div.home-news-card {
		top:0;
	}
}
@media(max-width:550px), (max-device-width:550px) {
	
	th.details, td.details {
		display: none;
	}
	
	a.view-btn {
		display: none;
	}
	span#email_footer {
		display:block;
	}
	footer span.pipe {
		display:none;
	}
}

@media(max-width:440px), (max-device-width:440px) {
	div.box-header {
		padding: .5em 0 0 6.5em;
	}
	nav.social-links {
		left: 1.2em;
	}
	div.development-card div.image div.banner, div.our-development-card div.banner {
		padding: .5em;
		margin-top: 53px;
		width: 152px;
		margin-left: 12%;
	}
	div.development-card:nth-last-of-type(even) div.image div.banner, div.our-development-card div.banner {
		margin-left:-6%	
	}
	div.our-development-card div.banner {
		margin-left: -18px;
		height: 7.5px;
	}
	div.development-card div.image div.banner::before, div.our-development-card div.banner::before {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-left: 17px solid transparent;
		border-right: 17px solid transparent;
		border-bottom: 17px solid #333;
		transform: rotate(135deg);
		left: -22.5px;
		top: 9px;
	}
	div.development-card div.image div.banner::after, div.our-development-card div.banner::after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-left: 17px solid transparent;
		border-right: 17px solid transparent;
		border-bottom: 17px solid #333;
		transform: rotate(-135deg);
		right: -22px;
		top: 9px;
	}
	div.development-card div.image div.banner p {
		font-size: .75em;
	}
	div.our-development-card div.banner p {
		font-size: .5em;
		line-height: 8px;
	}
	div.triangle {
		display: none;
	}
	header {
		height: 80px;
	}
	div#localarea h4 {
		max-width: 100%;
	}
	body {
		padding-top: 65px;
	}
	div.home-developments {
		padding: 1em 0 3em;
	}
	th.availability, td.availability {
		display: none;
	}
	th.price, td.price {
		display: none;
	}
	
	th.bedrooms, td.bedrooms {
		text-align: right!important;
	}
	
	th.details, td.details {
		text-align: right!important;
	}
	.tab {
		display: block;
	}
	.tab a {
		display: block;
		margin-bottom: 3em;
		margin-right: 0;
	}
	div.team-card {
		width: 100%;
	}
	
	div.slideshow-home {
		height: calc(100vh - 340px);
	}
	div.page-intro {
		width: 80%;
		padding: 2.5em 10%;
	}
	div.enquire {
		padding: 2em 5%;
	}
	h2 {
		font-size: 6vw;
	}
	div.development-card:nth-last-of-type(odd) div.text {
		/*min-height: 370px;*/
	}
	div.latest-news {
		height: 210px;
	}
	div.home-news-card div.inner {
		padding: 1em;
	}
	article.latest-news::before {
		display: none;
	}
	footer {
		width: calc(100% - 2em);
		padding: 4em 0 4em 3em;
	}
	footer div.left-col {
		width: 80%;
	}
	footer div.left-col ul li:nth-of-type(2) a::after {
		display: none;
	}
	nav.social-links {
		float: left;
		text-align: left;
		position: absolute;
		top: 1em;
		left: 2.2em;
	}
	nav.social-links ul li {
		position: absolute;
	}
	nav.social-links ul li:nth-of-type(2) {
		margin-left: 30px;
	}
	div.development-card div.image {
		width: 100vw;
		height: 250px;
		background-size: cover;
		object-fit: cover;
	}
	div.footer-tag {
		bottom: 182px;
	}
	div.right-img-col img {
		height: 120px;
	}
	.flex-direction-nav a {
		top: 110px;
	}
	div.zoom-panel a img {
		height: 220px
	}
	div.img-cols div.left-img-col img {
		height: 220px;
	}
	div#localarea div.localarea_inner {
		column-count: 1;
		column-gap:0;
	}
	a.wordmark {
		width: 264.162px;
		height: 40.274px;
		left: calc(50% - 132.81px);
		top: calc(50% - 20.137px );
	}
	div.development-card div.text::after {
		display:none;
	}
	div.page-intro div.inner {
		padding-left: 1em;
	}
}

@media(max-width:375px), (max-device-width:375px) {
	div.page-intro {
		padding: 3em 10%;
	}
	div.right-img-col div.top {
		margin-bottom: 0;
	}
	div.right-img-col img {
		width: 100%;
		height: 220px;
		object-fit: cover;
		margin-bottom: 10px;
		margin-top: 0;
	}
	nav.social-links {
		left: .5em;
	}
	footer {
		width: calc(100% - 1em);
		padding: 4em 0 4em 1.5em;
	}
	h1 {
		font-size:2em;
	}
	h4 {
    	font-size: 1em;
	}
}
@media(max-width:345px),(max-device-width:345px){
	.home .post-title-wrapper {
		height: auto;
	}
	div.post-title-wrapper h3 {
		top: 0;
		-webkit-transform: none;
		transform: none;
		margin-top: 1em;
		margin-bottom: 0;
	}
	.home div.post-title-wrapper div.date {
		width: 100%;
		float: none;
		height: auto;
		box-sizing: border-box;
	}
	.home div.home-news-card div.inner {
		padding: 0em;
	}
	.home article.latest-news div.home-news-card {
		height: auto;
	}
	.home .home-news-card a.cta-btn {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	div.signoff {
		background-color: #FFF;
		border-top: 3px solid #b76d4d;
		padding: 1em;
	}
}


/* Landscape */

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape),
	
/* ----------- iPhone 6+, 7+ and 8+ ----------- */
  	  (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape),
	
/* ----------- iPhone X ----------- */
	  (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape),
	
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */	
	  (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape),
	
/* ----------- Galaxy S6 ----------- */
	  (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape),
	
/* ----------- Galaxy S4, S5 and Note 3 ----------- */
	  (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape),
	
/* ----------- Google Pixel ----------- */
	  (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape),
	
/* ----------- Google Pixel XL ----------- */
	  (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
	and (orientation: landscape){ 
	header {
		height: 70px;
	}
	body {
		padding-top: 65px;
	}
	div.page-intro {
		width: 90%;
		padding: 3em 5%;
	}
	div.development-card div.image {
		height: 280px;
	}
	div#localarea h4 {
		max-width: 100%;
	}
	div.slideshow-home {
		height: 80vh;
    	min-height: 260px;
	}
	div.our-development-card, .post-wrap {
		width: 47%;
		margin-right: 5%;
	}
		div.zoom-panel a img {
			height: 160px;
		}
		div.slideshow {
			height: calc(100vh - 80px);
		}
		div.established div.left-col p {
			font-size: 4em;
		}
		div.team-card {
			width: 47.5%;
			margin-right: 5%
		}
		div.team-card:nth-of-type(2), div.team-card:nth-of-type(4), div.team-card:nth-of-type(6), div.team-card:nth-of-type(8) {
			margin-right: 0;
		}
		div.team-img {
			height: 150px;
		}
		div.post-date {
			position: absolute;
		}
		div.blog-col img {
			max-width: 100%;
			margin-bottom: 2em;
			height: calc(100vh - 90px);
			width: 100%;
			object-fit: cover;
		}

}