@media (max-width:1400px) {

	.main-content .title { font-size:30px; letter-spacing:4px; }

}

@media (max-width:1100px) {

	.image-left-text-right .main-content,
	.text-left-image-right .main-content,
	.featured-development-slider .main-content,
	.image-text .image,
	.image-text .main-content                      { padding-top:100px; padding-bottom:100px; }

	.full-width-content .main-content 								{ padding-left:30px; padding-right:30px; padding-top:100px; padding-bottom:100px; }

	.rectangle,
	.featured-development-slider .rectangle { top:75px; }

	.featured-development-slider .columns 			{ float:none; width:100%; }
	.featured-development-slider .image 			{ height:400px !important; }

	.main-content .title { font-size:28px; letter-spacing:4px; }

	.developments { padding-top:100px; }
	.developments .title { margin-bottom:100px; }

	.map { height:500px; }

}

@media (max-width:1024px) {

	.developments .development a .overlay { opacity:1; }

}

@media (max-width:1023px) {

	.banners .banner .title { font-size:30px; letter-spacing:6px; }
	.banners .banner .subtitle { letter-spacing:2px; }

	.image-left-text-right .columns,
	.text-left-image-right .columns,
	.image-text .columns 			{ float:none; width:100%; }

	.image-left-text-right .image,
	.text-left-image-right .image 				{ height:250px !important; margin:37.5px; margin-bottom:0; }

	.image-text .image { padding-bottom:0; }

	.case-study-lightbox .close-link { right:-60px !important }
	.case-study-lightbox .close-link img { width:40px }
	.case-study-lightbox .image-left { left:-60px }
	.case-study-lightbox .image-left img { width:40px }
	.case-study-lightbox .image-right { right:-60px }
	.case-study-lightbox .image-right img { width:40px }

}

@media (max-width:767px) {

	.off-canvas-menu ul#menu-main-navigation ul { position:relative; top:auto; left:auto; margin-left:30px; }

	.featured-development-slider .featured-developments { top:0; }
	.featured-development-slider .featured-developments .development { position:relative; display:block; font-size:16px; height:80px; border-right:0; border-bottom:1px solid #FFF; width:55%; padding-left:20px; padding-right:20px; padding-top:18px; }
	.featured-development-slider .featured-developments .development:last-child { border-bottom:0; }
	.featured-development-slider .featured-developments .development.active { height:80px; width:75%; }
	.featured-development-slider .featured-developments .development span { display:block; }
	.featured-development-slider .featured-developments .development .view { margin:0; position:absolute; right:20px; top:22px; }

	.mailing-list .sign-up .title { font-size:30px; }
	.mailing-list .sign-up form input[type="submit"] { height:120px; width:120px; margin-top:-126px; }

	.grid .columns { padding-right:1rem; padding-left:1rem; }
	.grid .grid-item { padding-bottom:50px; }
	.grid .grid-item .main-content { padding: 25px; max-width: 100%; text-align:center; }
	.grid .grid-item .overlay { padding:30px; font-size:16px; }
	.grid .grid-item .details-link { position: static; text-align:center; }
	.case-study-lightbox .details { padding:25px; background:#391438 !important; font-size:13px; }
	.case-study-lightbox .inner { max-width: 65%; }

}

@media (max-width:639px) {

	.off-canvas-menu .padding { padding-top:95px; }
	.off-canvas-menu ul#menu-main-navigation li { padding:3px 0; }

	header .logo img { max-width:150px; }
	header .logo img.large-logo { margin-left:-75px; }

	.main-content .title { font-size:24px; letter-spacing:3px; }

	.contact .contact-form { padding-left:30px; padding-right:30px; }
	.contact .contact-form form .left { padding:0; }
	.contact .contact-form form .right { padding:0; }

	.mailing-list .sign-up form input[type="submit"] { height:50px; width:50px; margin-top:-94px; background-size:35px; }
	.mailing-list .sign-up form input[type="text"], .mailing-list .sign-up form input[type="email"] { padding-left:95px; }

	footer { padding:25px; }
	footer .address { text-align:center; }
	footer .footer-copyright { text-align:center; margin-bottom:10px; }
	footer .footer-design { text-align:center; margin-top:10px; }

}