.mobile-only {
	display:none;
}

@media screen and (max-width: 1279px) {
	#enquire .align {
		padding: 0px;
	}
	
	#enquire .column.contact {
		width: 30%;
	}
	
	#enquire .column.form {
		width: 70%;
		position: relative;
		right: -8px;
	}
	
	#enquire .column.map {
		width: 100%;
		padding-left: 20px;
	}
	
	.slideshow .box.first {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 100%;
		padding-right: 0;
	}
	
	.slideshow .box.first .tg {
		position: absolute;
		top: 50%; right: 40px;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		width: 272px;
	}
	
	#header .logo {
		margin: 0px 20px;
		width: 75px;
		height: 45px;
	}
	
	#header ul li {
		top: 0px;
	}
	
	#header .buttons {
		margin-top: -13px;
	}
	
	body {
		padding-top: 95px;
	}
	
	body.shrink-menu #header .logo {
		margin: 0px 20px;
	}
    
	#floorplans .column.w36 {
		display: block;
        width: 100%;
		max-width: 600px;
		margin: 0 auto;
        padding-right: 0;
        padding-bottom: 40px;
		text-align: center;
    }

    #floorplans .column.w64 {
		text-align: center;
        width: 100%;
    }

	.stackplan-nav {
		margin: 0 auto;
		width: 100%;
	}
}

@media screen and (max-width: 1023px) {
	#header .align {
		padding: 10px;
		text-align: center;
	}
	
	#header .buttons {
		display: none;
	}
	
	#header .button.shrink.enquire {
		right: auto;
		left: 20px;
		display: block;
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
		pointer-events: auto;
	}
	
	#header .menu-button {
		display: block;
	}
	
	body {
		padding-top: 60px;
	}
	
	#header ul {
		display: inline-block;
	}
	
	#header ul:after {
		content: none;
		display: none;
	}
	
	#header ul li {
		display: none;
	}
	
	#header .logo {
		display: inline-block;
		margin: 0;
		width: 60px;
		height: 40px;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	
	#header .insta {
		display: none;
	}
	
	.site-footer {
		text-align: center;
	}
	
	.site-footer .left {
		width: 100%;
	}
	
	.site-footer .right {
		width: 100%;
	}
	
	.site-footer .column {
		padding: 0;
		width: 100%;
	}
	
	.site-footer .insta {
		padding-bottom: 20px;
		font-size: 14px;
	}
	
	.site-footer .bottom {
		position: static;
		width: 100%;
		padding-top: 40px;
	}
	
	.site-footer .bottom a {
		font-size: 14px;
	}
	
	.site-footer h3 {
		font-size: 14px;
		margin: 10px 0px;
		line-height: 1.25;
		text-transform: uppercase;
	}
	
	.site-footer p {
		font-size: 14px;
		line-height: 1.25;
		margin: 10px 0px;
	}

	
	#info .column {
		width: 100%;
	}
	
	.slideshow .box.first {
		width: 660px;
	}
	
	.slideshow .box.first .tg {
		display: none;
	}
	
	.align.two-col {
		position: relative;
		padding: 40px 20px;
		text-align: center;
	}
	
	.align.two-col .left {
		position: static;
		width: auto;
		border-top: 0;
		padding-right: 0;
		padding-bottom: 40px;
		margin: 0 auto;
		max-width: 350px;
	}
	
	.align.two-col .right {
		padding-left: 0;
	}
	
	.align.two-col .left ul {
		position: static;
		font-size: 0;
		margin-top: 20px;
		text-align: left;
	}
	
	.align.two-col .left ul li {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		margin: 0 0 5px 0;
	}
	
	.align.two-col .left ul li img {
		top: 0;
	}
	
	#location ul li:first-of-type {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	
	#location ul li:first-of-type img {
		top: 4px;
	}
	
    #details .grid-system .cell.w66,
    #details .grid-system .cell.w33 {
        width: 100%;
    }
    #details .grid-system .cell .bounds {
        position: relative;
    }
    #details .grid-system .cell .bounds .centre {
	    top: 0;
	    -webkit-transform: none;
	            transform: none;
	}
	#details .grid-system .cell p {
	    font-size: 14px;
	}
    #details .grid-system .cell.w33.port:after {
        padding-top: 0;
    }
	#details .slideshow {
	    max-height: 170px;
	    min-height: 170px;
	}
	#details .align {
	    padding: 30px;
	}
	#details .intro-b h1, .intro-b h2 {
	    font-size: 28px;
	    line-height: 26px;
	    margin: 0px;
	}
	#details .intro-b p {
	    font-size: 14px;
	}
	#details .intro-b.narrow .align {
	    padding: 20px;
	}
	#details #floorplans .align {
	    padding: 15px;
	}
	#floorplans .column.w36 {
	    width: 100%;
	    padding-right: 0;
	    padding-bottom: 20px;
	}
	#details #intro .align {
	    padding: 0;
	    max-width: none;
	}
	#details .grid-system .align {
	    padding: 15px;
	    background: #ebe8e2;
	}
	#details .grid-system .cell.white {
	    background-color: #ebe8e2;
	}
	#details #floorplans .align {
	    text-align: center;
	}
	#floorplans h2,
	#sustainable h2 {
	   	font-size:  28px;
	    line-height: 26px;
	}
	#floorplans  p,
	#sustainable p {
	    font-size: 14px;
	    line-height: 18px;
	}
	#floorplans h2,
	#floorplans  p {
	    max-width: 550px;
	    margin: 0 auto;
	}
	#details .grid-system .cell .bounds .reference {
	    padding: 15px;
	}
	#details .grid-system .cell.w66, 
	#details .grid-system .cell.w33 {
	    margin-bottom: 15px;
	}
	#sustainable .sml {
	    max-width: 80px;
	    padding-top: 0;
	}
	#sustainable img {
	    margin-bottom: 20px;
	}
	#sustainable .med {
	    max-width: 100px;
	}

}

@media screen and (max-width: 767px) {
	a.anchor-tag {
		display: block;
		position: relative;
		top: -60px;
		visibility: hidden;
	}

	#enquire .align {
		text-align: center;
	}
	
	#enquire .submit {
		margin: 10px auto;
	}
	
	
	.mobile-only {
		display: block;
	}
	.hide-mobile {
		display: none;
	}
	.related h1 {
    	font-size: 28px;
    	margin-bottom: 20px;
	}
	.related .column p {
	    font-size: 14px;
	    line-height: 18px;
	}
	.related .column {
		width: 100%;
		padding: 0 0 20px;
	} 
	.intro-b h1, .intro-b h2 {
	    font-size:  28px !important;
	    line-height: 26px;
	    margin: 0px;
	}
	.intro-b p {
	    font-size: 14px;
	}
	
	#enquire .column.contact {
		width: 40%;
	}

	#enquire .column.form {
		width: 60%;
	}

	#overview .align {
	    padding: 30px;
	}
	#overview #intro .align {
	    padding: 0;
	    max-width: none;
	}
	#overview .grid-system .align {
	    padding: 0;
	}
	#overview .grid-system .column {
	    width: 100%;
	    padding: 15px;
	    background: #ebe8e2;
	}
	#overview .grid-system .cell {
	    width: 100%;
	    margin-bottom: 15px;
	}
	#overview .grid-system .cell:after {
	    padding-top: 72%;
	    content: '';
        display: block;
	}
	#overview .grid-system .cell h2 {
		font-size: 26px;
	    line-height: 26px;
	}
	#overview .intro-b h1, #overview .intro-b h2 {
	    font-size:  28px;
	    line-height: 26px;
	    margin: 0px;
	}
	#overview .intro-b p {
	    font-size: 14px;
	    margin: 3px 0px;
	    line-height: 18px;
	    height: 0;
    	overflow: hidden;
	}
	#overview .intro-b p:first-of-type  {
		height:auto;
	}
	#why .intro-b {
	    background-color: #ebe8e2;
	}
	#why .intro-b.dark {
		background-color: #3f3d3a;

	}
	#why .intro-b.dark H1 {
	    color: #d4622a;
	}
	#why .intro-b.dark p {
	    color: #fff;
	}
	#why .intro-b.brown {
	    background-color: #AFA59C;
	}
	#why .intro-b p {
	    font-size: 14px;
	    color: #3f3d3a;
	}
	#why .intro-b.brown p {
	    color: #fff;
	}
	#why .intro-b.brown.background p {
	    color: #3f3d3a;
	}
	#why .slideshow {
	    max-height: 170px;
	    min-height: 170px;
	}
	/*#why .align {
	    padding: 30px;
	}*/
	#why #intro .align {
	    padding: 0;
	    max-width: none;
	}
	#why .grid-system .align {
	    padding: 0;
	}
	#why .grid-system.grid-mobile .intro-b .align {
	    padding: 0 30px;
	}
	#why .grid-system.grid-mobile .column {
	    width: 100%;
	    padding: 15px;
	    background: #ebe8e2;
	}
	#why .grid-system.grid-mobile .cell {
	    width: 100%;
	    margin-top: 15px;
	}
	#why .grid-system.grid-mobile .cell:after {
	    padding-top: 72%;
	    content: '';
        display: block;
	}

	#why .intro-b img {
	    margin-bottom: 15px;
	    width: 70px;
	}
	#why .intro-b .column {
	    padding: 0;
	    width: 100%;
	}
	#why .intro-b .column:first-child {
	    padding-bottom: 30px;
	}
	#why .grid-system .column.w50 {
	    width: 100%;
	}
	#why .grid-system .cell.flatten:after {
	    display: none;
	}
	#why .grid-system .cell .bounds {
	    position: relative;
	}
	#why .grid-system .cell .bounds .reference {
	    padding: 30px;
	}
	#why .grid-system .cell .bounds .centre {
	    -webkit-transform: none;
	            transform: none;
	}	
	#why .intro-b p {
	    font-size: 14px;
	    margin: 3px 0px;
	    line-height: 18px;
	    height: 0;
    	overflow: hidden;
	}
	#why .intro-b p:first-of-type  {
		height:auto;
	}
	.toggle-overflow .toggle-content {
	    height: 0;
    	overflow: hidden;
	}
	#why .grid-system .cell h2 {
    	font-size: 28px;
	}
	#why .grid-system .cell p {
	    font-size: 14px;
	    line-height: 18px;
	}
	#gallery .intro-b H2 {
		font-size:  28px;
	    line-height: 26px;
	    margin: 0px;
	}
	#gallery .intro-b.white {
	    background-color: #FFFFFF;
	}
	#gallery .intro-b .align {
	    padding-top: 20px;
	    padding-bottom: 30px;
	}
	#gallery .slideshow {
	    max-height: 200px;
	    min-height: 200px;
	}
	
	.intro-b .align {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.site-footer.fixed {
		display: none;
	}

	.site-footer.shadow {
		opacity: 1;
	}
	
	#mob-stackplan {
		display: block;
		width: 100%;
	}
	
	.stackplan-nav {
        max-width: 352px; 
        margin: 0 auto;
display: none;
    }
    .stackplan-bg {
    	width:352px;
    }

    .stack-nav {
        top:63px;
    }

    .stack-nav .stack-row {
	    height: 21px;
	    line-height: 20px;
	    border: none;
    }
    .stack-nav .stack-row:first-child {
	    height: 26px;
	    line-height: 26px;
    }
    .stack-nav .stack-row:last-child {
	    height: 26px;
	    line-height: 26px;
        width:81px;
    }

    .stack-col1 {
        font-size: 10px;
        width:40px;
        padding: 0 5px;
    }
    .stack-col2 {
        font-size: 6px;
        width:88px;
        padding:0 5px;
    }
    .stack-col3 {
        font-size: 6px;
        width:84px;
    }    
    .stack-col4 {
        font-size: 6px;
        width:128px;
    }
    .stack-nav .stack-row:last-child .stack-col1 {
        font-size: 6px;
        padding-left:32px;
        width:79px;
    }
	
	#imgry-image-grid.grid-system .cell .bounds {
		top: auto;
		opacity: 1;
	}
	
	#imgry-image-grid.grid-system .cell .bounds .centre {
		top: auto;
		-webkit-transform: none;
		        transform: none;
	}

}

@media screen and (max-width: 700px) {
	.slideshow .box {
		padding: 20px 40px 20px 20px;
	}
	
	.slideshow .box h1 {
		font-size: 30px;
		word-spacing: normal;
	}
	
	.slideshow .box p {
		font-size: 16px;
	}
	
	.slideshow .box.first .enquire_now {
		width: 140px;
	}
	
	#enquire .align {
		padding: 0px;
	}
	
	#enquire .close {
		top: 20px; right: 20px;
	}

	#enquire .column.contact {
		width: 100%;
	}

	#enquire .column.form {
		width: 100%;
		right: 0px;
	}
	
	#enquire form {
		margin: 0;
	}
	
	#info .align {
		padding: 10px 0px 40px 0px;
	}
	
	#footer .align {
		padding: 20px 20px 20px 20px;
		text-align: center;
	}
	
	#footer .pembroke {
		position: static;
		margin-top: 20px;
	}
	
	#footer .links {
		position: static;
	}
	
	#footer .column {
		padding: 20px;
		display: block;
	}
	
	#footer .column:nth-child(2) h3 {
		display: none;
	}



	#location ul li {
		font-size: 12px;
	}
	
	#location ul li img {
		top: -2px;
	}
	
	#location ul li:first-of-type img {
		top: 6px;
	}
	
	
	#features .col-33 {
		width: auto;
		display: block;
		padding: 0px 10px 50px 10px;
		margin: 0 auto;
	}
    #sustainable .column {
        width: 100%;
    }
    #sustainable .stack-row a .row-group .stack-col3,
    #sustainable .stack-row a .row-group .stack-col4 {
        display:none;
    }	

}