@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    body { padding-top: 0 !important; }
    .hero-container { position: relative; }
}

@media (max-width: 1252px) {

    .right-col { width: 40%; }
    .left-col { width: 60%; }

    /* ABOUT - LOCATIONS */
    .fifty-fifty .left-col { width: 50%; padding-right: 20px; }
    .fifty-fifty .right-col { width: 50%; padding-left: 0 }

    /* ABOUT - COMMITTMENTS */
    .sixty-forty .left-col { width: 60%; }
    .sixty-forty .right-col { width: 40%; }

    /* INSIGHTS PAGE */
    .insights-header { height: auto; padding-top: 30%; }

    .header-menu-desktop ul.main-nav { margin-left: 30px; margin-right: 0; }
    .header-menu-desktop ul.main-nav .menu-upper:last-child { margin-right: 0; }

    .contact-item-text p {font-size: 18px; }
}

@media (max-width: 1125px) {
    .principals .col-3 p a { word-break: break-all }
    .line-chevron,
    .principals .col-3 p { font-size: 16px; }

    /* INSIGHTS */
    .listing-panel-image { height: auto; padding-top: 50%; }

    .header-menu-desktop ul.main-nav li { font-size: 1.2vw; }
}

@media (max-width: 1065px) {
    .contact-item-text p { font-size: 16px; }

}

@media (max-width: 1050px) {
    .header-menu-desktop ul.main-nav .menu-upper { margin-right: 15px; }
    .header-menu-desktop ul.main-nav .menu-upper:last-child { margin-right: 0; }

    .contact-left-col {width: 100%;}
    .contact-right-col { margin-top: 30px; width: 100%;}
    .contact-item-text p { font-size: 22px; }

}

@media (max-width: 1024px) {

    /* CONTENT HERO CONTAINER */
    .article-header h1 { font-size: 80px; }
    .article-header h1:before,
    .article-header h1:after { bottom: 45px; }

    /* CONTACT */
    .contacts-page-container .contact-form-col { width: calc(100% - 400px); }
}

@media (max-width: 960px) {

    .right-col { padding-left: 50px; }

    /* CONTACT POPUP */
    .contact-popup { padding: 50px; }
    .contact-form-col { width: 40%; }
    .contact-text-col { width: 60%; }

    /* FOOTER */
    footer ul li { margin-left: 20px; }

    /* CONTENT HERO CONTAINER */
    .article-header h1 { font-size: 60px; }
    .article-header h1:before,
    .article-header h1:after { bottom: 35px; }
}

@media (max-width: 900px) {
    /* CONTACTS */
    .contact-details { position: relative; top: auto; right: auto; margin-top: 20px; }
    .contacts-page-container .contact-form-col { width: 100%; }
    .contacts-page-container input[type="submit"] { font-size: 19px; background-size: 10px auto; }
    .nav-icon { display: inline-block; }
    .header-menu-desktop { display: none; }
    .contact-right-col {margin-top:0; }
}


@media (max-width: 820px) {

    .filters hr { display: none; }
    .filter-cell { width: 50%; margin-bottom: 15px; }
    .filter-cell a.btn { width: 100%; }
    a.btn i { float: right; transform: translateY(0) }
}

@media (max-width: 768px) {

    body { padding-top: 0 !important; }
	
	.scroll-header {height: 85px;}
	
    .hero-container { position: relative; min-height: 300px; background-position: 70%; }
	
    .content-section { padding-top: 30px; }

    h1 { font-size: 32px; }
    p.intro { font-size: 20px; }
    p { font-size: 16px; }

    /* HOME HERO */
    .hero-container h1 { font-size: 30px; padding-right: 50px; }
    .hero-container .text-container-inner { width: 100%; }
    .quick-nav li { font-size: 16px; padding-right: 40px; }
    .quick-nav li:before { display: none; }

    /* CONTACT POPUP */
    .contact-popup { padding: 30px; }
    a.close { right: 30px; }

    .icon-panel p { margin-left: 0 }
    .icon-panel img { margin-left: 0 }

    /* CONTENT HERO CONTAINER */
    .article-header h1 { font-size: 40px; }
    .article-header h1:before,
    .article-header h1:after { bottom: 18px; }
	.content-section-gradient {height: 0vw;}

    /* ARTICLE */	
	article 				{margin-top: 0px;}
	
	.article-header 		{background-attachment: inherit; min-height: 50px; height: 70vw;}
    .article-header:before 	{position: absolute; left: 0; top: 0; width: 100%; height: 50%; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)); content: ''; }
    article .content-bg		{margin-top: 30vw; }
	
	.article-header .inner	{z-index: 19; height: 90%;}
	.article-header .header-text {vertical-align: bottom;}

    /* ABOUT - LOCATIONS */
    .fifty-fifty .left-col { width: 100%; padding-right: 0; }
    .fifty-fifty .right-col { width: 100%; margin-top: 30px; padding-left: 0 }

    /* ABOUT - COMMITTMENTS */
    .sixty-forty .left-col { width: 100%; }
    .sixty-forty .right-col { width: 100%; margin-top: 40px; text-align: left; }

    .line-chevron { position: relative; padding-right: 30px; line-height: 1.3em; }
    .line-chevron i { position: absolute; right: 0; bottom: 15px; }

    /* INSIGHTS */
    .main-listing .col-3 { width: 50%; }
}

@media (max-width: 700px) {
    /* INSIGHTS */
    .filter-cell select { font-size: 16px; width: 100%; }
    a.btn { font-size: 16px; }
    .address-holder { margin-bottom: -80px; }
    .address {width:100%; display:block; }
}

@media (max-width: 610px) {
    h2 { font-size: 30px; line-height: 1.2em; }

    .left-col { width: 100%; }
    .right-col { width: 100%; padding-left: 0; text-align: center; }

    .image-container { margin-bottom: 0 }

    .hero-container h1 { width: 100%; }

    /* HOME HERO */
    .hero-container:before { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,1)) }

    /* CONTACT POPUP */
    .contact-form-col { width: 100%; }
    .contact-text-col { width: 100%; padding-left: 0; margin-top: 0; }

    /* FOOTER */
    footer ul { float: none }
    footer ul li { margin-left: 0; margin-right: 10px; }

    /* PRINCIPALS */
    .principals .col-3 { width: 100%; margin-bottom: 30px; }
    .principals.col-container { padding-bottom: 0 }

    /* INSIGHTS */
    .filter-cell { width: 50%; margin-bottom: 15px; }
    .filter-cell a.btn { width: 100%; }
    .filter-cell a.btn i { float: right; transform: translateY(0px) }
    .main-listing .col-3 { width: 100%; }
    .main-listing .col-1 { margin-bottom: 40px; }
    .filters hr { display: none }

    .filter-cell.filter-cell-back { width: auto; }

    .filter-cell a.btn.back i { float: left; transform: rotate(180deg); margin-right: 10px; }

    .insights-actions p.topic { display: block; width: 100%; margin-bottom: 10px; }
    .insights-actions ul { float: none; font-size: 0 }
    .insights-actions ul li { margin-left: 0; padding-left: 0; margin-right: 10px; padding-right: 10px; font-size: 16px; border-right: 2px solid #E96627; border-left: none }
    .insights-actions ul li:last-child { border-right: none }
    .contact-item-text p { font-size: 3vW; }

}

@media (max-width: 450px){
    .minerals-btn,
    .contact-btn { font-size: 30px; transform: translateY(-7px); }
}

@media (max-width: 430px) {
    .inner { padding-left: 15px; padding-right: 15px; }

    /* HEADER */
    .logo img { width: 180px; }


    /* HERO CONTAINER */
    .header-right { margin-top: -5px; }
    .quick-nav { margin-top: 0; padding-top: 32px; border-top: 1px solid #ffffff; }
    .quick-nav li a span { position: relative; display: inline-block; right: auto; margin-left: 10px; }
    .quick-nav li { font-size: 18px; margin-bottom: 20px; }
    .quick-nav:before { display: none }

    /* NAV */
    nav { width: 100%; padding: 35px; }
    ul.social { margin-left: 0; float: right; }
    ul.social li { margin-right: 0; margin-left: 10px; }

    /* CONTENT HERO CONTAINER */
    .article-header h1 { font-size: 32px; }
    .article-header h1:before,
    .article-header h1:after { bottom: 12px; }

    /* ABOUT */
    .col-container { width: calc(100% + 30px); margin-left: -15px; }

    .col-1,
    .col-3 { padding-left: 15px; padding-right: 15px; }

    /* CONTACTS */
    .contact-item-text { padding-left: 25px; margin-left: 20px; }
    .contact-item-text p { font-size: 16px; }
	
	article .content-bg { margin-top: 23vh; }
	
	
}

@media (max-width: 375px) {

    p.intro { font-size: 18px; }

    /* HOME HERO */
    .hero-container h1 { padding-right: 0; font-size: 21px; }
    .hero-container .text-container-inner { padding-right: 40px; }

    .insights-actions p.topic,
    .insights-actions ul li { font-size: 12px; }

    .minerals-btn,
    .contact-btn { font-size: 25px; transform: translateY(-7px); }

    .contact-item-text p { font-size: 12px; }
	
	article .content-bg { margin-top: 23vh; }
	
	
}

@media (max-width: 360px) {
    /* NAV */
    nav { padding: 20px; }

    /* FOOTER */
    footer { padding-top: 20px }
    footer ul li { font-size: 10px; }
    footer p { font-size: 10px; }
    .logo img { width: 160px; }
	article .content-bg { margin-top: 25vh; }
}

@media (max-width: 320px) {
    /* IPHONE 5 */
	article .content-bg { margin-top: 30vh; }
}



@media (orientation: landscape) and (max-height: 411px) {
    body { padding-top: 0 !important; }
    .hero-container { position: relative; min-height: 600px; }
    .content-section { padding-top: 0; }
}