body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
}

@media (max-width: 1500px) {

    /* Banner */
    .banner-container .overlay-container .overlay           { top: 39%; }
}

@media (max-width: 1205px) {

    /* Containers */
    .breadcrumbs-container .breadcrumbs,
    .footer-container .footer,
    .news-container .news-content,
    .content-container .content,
    .cta-container .cta-content,
    .header-container .header           { width: 97%; }

    /* Banner */
    .banner-container .arrow        { top: 28%;  }
    .banner-container .arrow.arrow-left     { left: 20px; }
    .banner-container .arrow.arrow-right     { right: 20px; }

    /* News */
    .news-grid li .news-title       { font-size: 25px; min-height: 90px }
}

@media (max-width: 1100px) {

    /* Navigation */
    .navigation-container .nav a.level-top span.borders     { padding: 0 13px; }
}

@media (max-width: 1060px) {

    /* Home - News */
    .news-list li .overlay .news-name       { font-size: 17px; }
    .news-list li .overlay .news-date       { font-size: 16px; }

    .banner-container .overlay-container .overlay-link a            { font-weight: bold !important; font-family: "Corporate S W01 Medium", Arial, "Helvetica Neue", Helvetica, sans-serif !important; }
}

@media (max-width: 1000px) {

    /* Banner */
    .banner-container .overlay-container .overlay-title     { font-size: 38px; }
}

@media (max-width: 970px) {

    /* Navigation */
    #nav-toggle     { display: inline-block !important; vertical-align: top; background: #160b5b url('../gui/icon-nav.png') 72% 48% no-repeat; padding: 13px 64px 15px 32px; border-radius: 25px }

    .navigation-container       { float: right; text-align: right; padding-top: 26px; }
    .nav        { display: none; }
    .nav           { position: absolute; top: 72px; right: 0; left: 0; width: 100%; z-index: 9000; background: #160B5B; padding: 10px 0px; }
    .nav li           { display: block; float: none !important; width: 100%; }
    .nav li a          { color: #fff !important; padding-right: 12px !important; }
    .nav li a:hover          { color: #fff !important; }
    .nav li span           { border-right: 0 !important; border-left: 0 !important; padding-right: 13px !important }

    /* News */
    .news-grid li .news-title       { font-size: 19px; min-height: 70px }
}

@media (max-width: 930px) {

    /* Home - News */
    .news-list li .overlay .news-name       { padding: 17px 5% 5px; font-size: 19px; }
}

@media (max-width: 915px) {

    /* Banner */
    .banner-container .overlay-container .overlay           { top: 35%; }

    /* News sidebar */
    .news-sidebar .news-title       { font-size: 16px; }
}

@media (max-width: 870px) {

    /* Cta */
    .cta-container .cta .cta-title      { font-size: 18px; line-height: 23px; }

    /* Homepage */
    .content-container.home-container .slideshow-group .slide .overlay      { position: static; background: #160B5B; }

    /* Banner */
    .banner-container .overlay-container .overlay       { top: 38%; }
    .banner-container .overlay-container .overlay-title     { font-size: 33px; }
    .banner-container .overlay-container .overlay-desc      { font-size: 19px; margin-bottom: 5px; }
    .banner-container .overlay-container .overlay-link      { padding-top: 12px; }
    .banner-container .overlay-container .overlay-link a        { font-size: 14px; }

    .banner-container .overlay-container .overlay       { top: 28%; }
    .banner-container       { margin-top: 100px; }

	.property-list li {
		float: none;
		width: auto;
		margin: 0 0 20px;
	}
	.property-list li .property-content {
		min-height: 0;
	}
}

@media (max-width: 830px) {

    /* News */
    .news-list li .overlay      { position: static; color: #222; background: none; opacity: 1 }
    .news-list li .overlay .news-name       { font-size: 16px; padding-bottom: 14px; }
    .news-list li .overlay .news-date       { margin-bottom: 0; font-size: 16px; }
    .news-list li .overlay .news-link       { display: none; }

    /* About us */
    .accordion-group .accordion-title       { font-size: 25px; }

    /* Developments */
    .development-list li .development-title     { font-size: 20px; }

    /* News - article */
    .article-container .article-image       { width: 40%; }

    /* Banner */
    .banner-container .overlay-container .overlay-title         { font-size: 36px }
}

@media (max-width: 755px) {

    /* Banner */
    .header-container       { position: static; }
    .banner-container       {  }
    .banner-container .overlay-container                { padding: 15px 0 }
    .banner-container .overlay-container,
    .banner-container .overlay-container .overlay       { position: static;  background: #211c44; }
    .banner-container .overlay-container .overlay-desc,
    .banner-container .overlay-container .overlay-title     { color: #fff; }

    .banner-container       { margin-top: 0px; }
    .banner-container .arrow        { display: none; }

    .banner-container .overlay-container .overlay       { top: 38%; }

    /* News */
    .news-grid li       { display: block; width: 100%; float: none; clear: both; margin-right: 0; padding-bottom: 20px; overflow: hidden; }
    .news-grid li .news-title       { display: none; }
    .news-grid li .news-image       { float: left; width: 30%; }
    .news-grid li .news-title-rail       { display: block !important; color: #160b5b; font-family: "Corporate S W01 Regular", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 19px; margin-bottom: 0; padding-bottom: 0; }
    .news-grid li .detail-group       { float: right; width: 66.5%; }
    .news-grid li .news-excerpt     { padding: 8px 0 0; }
    .news-grid .button-link         { display: inline; background: none; color: #222; text-decoration: underline; padding-left: 0; margin-left: 0; }
}

@media (max-width: 720px) {

    /* Layout */
    .col2-right .col-main           { width: 100%; float: none; padding-bottom: 25px; }
    .col2-right .col-right          { width: 100%; float: none; }

    /* News sidebar */
    .news-sidebar .latest-news li     { padding-bottom: 2px; margin-bottom: 10px; border-bottom: 1px solid #ddd }

    /* Properties */
    /*.property-list li       { width: 47.5%; padding-bottom: 10px; }*/
    .property-list li .property-title       { font-size: 25px; }

    /* News - article */
    .article-container .article-image       { width: auto; }
}

@media (max-width: 650px) {

    /* Home */
    .content-container.home-container .detail       { width: 100%; display: block; float: none; padding-top: 20px; }
    .content-container.home-container .slideshow-group      { width: 100%; float: none; display: block; }
    .content-container.home-container .slideshow-group .slide img       { width: 100%; }
    .content-container.home-container .slideshow-group .slide .overlay      { position: absolute;   background: url('../gui/bg-overlay-purple.png') repeat; }

    /* CTA */
    .cta-container .cta     { width: 49%; margin-right: 2%; margin-bottom: 30px; }
    .cta-container .cta:nth-child(2n)     { margin-right: 0; }
    .cta-container .cta-content     { padding-bottom: 0; }
}

@media (max-width: 680px) {

    /* News */
    .news-grid li .news-image       { width: 35%; padding-top: 5px; }
    .news-grid li .detail-group     { width: 62.5% }
}

@media (max-width: 595px) {

    /* News - article */
    .article-container .article-image       { float: none; width: auto; padding-bottom: 10px; padding-left: 0; max-width: 100%; display: block; }
}

@media (max-width: 570px) {

    /* Banner */
    .banner-container .overlay-container .overlay-title     { font-size: 26px; }
    .banner-container .overlay-container .overlay-desc      { font-size: 16px; }
    .banner-container .overlay-container .overlay-link a        { font-size: 15px; }
    
    #nav-toggle             { background-position: 78% 42% !important }

    .banner-internal        { display: none !important }

    /* Developments */
    .development-site-container .development-image      { padding-bottom: 15px; width: auto; max-width: 100%; float: none; margin-right: 0; }
    .development-site-container .development-detail     { width: 100%; float: none; }

    .development-list li        { width: 49%; margin-right: 2%; margin-bottom: 15px; }
    .development-list li:nth-child(2n)        { margin-right: 0; }

    /* CTA */
    .cta-container .cta .cta-title      { padding: 0 3%; font-size: 16px; line-height: 21px; }
}


@media (max-width: 440px) {

    /* Home - News */
    .news-list li           { width: 100%; margin-right: 0; padding-bottom: 30px; }
    .news-list li .overlay .news-name       { padding-bottom: 6px; }

    .news-container .news-content h3 span       { padding: 10px 11px }
    .news-container .news-content h3 a      { display: none; }

    .breadcrumbs-container .breadcrumbs     { padding-top: 10px; }
    .article-container.content-container .content     { padding-top: 10px; }

    /* Homepage */
    .content-container.home-container .slideshow-group .slide .overlay      { position: static; background: #160B5B; }
    .content-container.home-container .slideshow-group .arrow       { top: 31%; }

    /* Footer */
    .footer-container .footer .copyright,
    .footer-container .footer .attrib           { width: 100%; float: left !important; text-align: left !important; padding-bottom: 10px; }
}

@media (max-width: 400px) {

    /* News */
    .news-grid li   { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 25px; }
    .news-grid li .news-image       { width: 100%; padding-bottom: 15px; }
    .news-grid li .detail-group     { width: 100%; display: block; }

    /* Properties */
    .property-list li           { width: 100%; margin-right: 0; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }

    /* Developments */
    .development-list li        { margin-right: 0; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }

    /* Navigation */
    #nav-toggle     { padding: 13px 46px 15px 16px; background-position: 79% 48% }
}

@media (max-width: 380px) {

    /* Banner */
    .banner-container .overlay-container .overlay-title         { padding: 0 11%; }
    .banner-container .overlay-container .overlay-desc          { padding: 0 3% }
    .banner-container .overlay-container .overlay-desc br       { content: " "; margin-right: 5px; }
}

@media (max-width: 355px) {

    /* Header */
    .header-container .header .logo     { max-width: 58%; margin-top: 9px; height: auto !important }
}