@media screen and (max-width : 1824px) {
}

@media screen and (max-width: 1600px) {
.info-block big {font-size: 30px;}
.info-block big small {font-size: 20px;}
.zim-map {min-height: 417px;}
}

@media screen and (max-width: 1440px) {
.main-map {min-height: 616px;}
.zim-map {min-height: 374px;}	
.sa-map {min-height: 464px;}	
.sub-menu-half:last-of-type {padding: 20px 150px 20px 100px;}	
.sub-menu-half:last-of-type img {max-width: 100%;margin: 0 auto; display: block;}	
.sub-menu-half p {font-size: 13px;}	
.sub-menu-half .article-heading {font-size: 27px;}	
.esg-banner p {margin-top: 250px;}
}



@media screen and (max-width: 1380px) {
.implats-in-data .highlight big {font-size: 50px;}
.main-map {min-height: 577px;}
.zim-map {min-height: 357px;}

.col-55-acc {float: none; width: 100%; padding: 0px;}
.col-45-acc {float: none; width: 100%; padding: 0px;}
.accolades .esg {float: none;width: 100%; margin-right: 0px; padding: 25px; margin-bottom: 25px;}
.sens-banner {min-height: 600px;}
}


@media screen and (max-width: 1280px) {
.gradiant-strip p {padding-left: 50px;}
.main-map {min-height: 543px;}
.zim-map {min-height: 333px;}

section.grey-bg {padding: 40px 30px;}
.table .reserve {float: none; width: 100%; margin-right: 0px; padding: 25px 0px;}
.mineral-reserves .margin-50T {margin-top:10px !important;}
.mineral-reserves .reserves {float: none; width: 100%; margin-right: 0px; padding: 20px 0px;}
.mm00.sm03 section.white-bg h4 {font-size: 20px;}
.mm00.sm03 section.grey-bg h4 {font-size: 20px;}
.mm00.sm03 section.grey-bg p {font-size: 16px;}
.mm00.sm03 section.white-bg p {font-size: 16px;}
ul.list li {font-size: 16px!important;}

.fin-tbl tr td { font-size: 16px!important;}
.mineral-reserves .reserves big {font-size: 16px;}
.mineral-reserves .reserves small {font-size: 15px;}

.esg-banner p {font-size: 30px;}
button.esg-link {margin-right: 15%;}

footer div:nth-child(1) {width:100%; float:none; text-align:center; margin-bottom:30px;}
footer div i {font-size: 20px; padding-right: 15px; padding-left: 15px;}
footer div:nth-child(2), footer div:nth-child(3), footer div:nth-child(4), footer div:nth-child(5)  {width:25%; float:left;}
footer div p {font-size: 17px;}
}


@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 1080px) {
.sub-menu-half {padding: 20px 50px 20px 50px;}
.sub-menu-half:last-of-type {padding: 20px 50px 20px 50px;}
.implats-in-data .highlight big {font-size: 40px;}

.operation-content {float: none; width: 100%; margin-bottom: 0px; padding-right: 0px; box-sizing: border-box; position: relative; padding-top: 60px;}
.main-map {min-height: 468px;}
.zim-map {min-height: 282px;}
.investor-banner article {min-height: 830px;}
.investor-banner article .banner-block {margin-top: 200px;}
.investor-sens {float: none; width: 100%; padding: 30px 0px 30px 0;}
.investor-events {float: none; width: 100%; box-sizing: border-box; padding: 0px 0px 30px 0px;}

.intro-section article .intro-block .links-row {display:block;}
.intro-section article .intro-block .links-row .links-box {display: block; width: 100%; margin-bottom:40px;}
.intro-section article .intro-block .links-row .links-box ul {width:100%;}
.investors-container .share-price-block h4 {color: #fff; margin-top:25px;}

.col-55-pt {float:none; width:100%;}
.col-45-pt {float:none; width:100%;}

section.media-releases article {min-height: 600px; box-sizing: border-box; z-index: 9;}
.investor-events-block .investor-events {float: none; width: 100%; padding: 30px 30px 30px 30px;}
.investor-events-block .event-calendar li .date {float:none; width:100%;}
.investor-events-block .event-calendar li .event-cont {float: none; width: 100%; padding-right: 0px; padding-left: 0px; border-left: 0px solid #707070; margin-top: 15px; border-bottom: 1px solid #707070;}

.sens-banner {min-height: 400px;}
.media-releases-banner p {margin-top: 230px; padding:0px;}
.adr-banner p {margin-top: 230px; font-size:30px;}
.release {padding: 0px 0 25px 0;}

.environment-banner {min-height: 530px;}
.environment-banner p {font-size: 30px; margin-top: 230px;}
.social-banner {min-height: 530px;}
.social-banner p {font-size: 30px; margin-top: 230px;}
.governance-banner {min-height: 530px;}
.governance-banner p {font-size: 30px; margin-top: 230px;}
.pgm-world-banner {min-height: 530px;}
.pgm-world-banner p {font-size: 30px; margin-top: 230px;}

ul.icons-list2 li {float: none; width: 100%; margin-right: 0%; margin-bottom: 30px;}
.dropbtn:after {right: 0px;top: 48px;}

}

@media screen and (max-width: 1024px) {
	.trigger{ display: inline-block}
	
	header nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: right;
    display: block;
    flex-direction: unset;
    justify-content: unset;
    transition: .35s linear all;
}
	
header nav ul li {
    display: none;
    flex-direction: unset;
    align-content: unset;
    justify-content: unset;
    align-items: unset;
    text-align: center;
}	
header nav ul li:first-of-type {
    position: absolute;
    left: 30px;
    top: 0;
    padding: 0px 0;
    transition: .35s linear all;
	display: block;
}	
header nav.opens ul li {
    display: block;
    flex-direction: unset;
    align-content: unset;
    justify-content: unset;
    align-items: unset;
    text-align: center;
}	

	
.trigger{ color: #fff; position: absolute; right: 30px; top: 15px;}
.trigger.active{ color: #fff; position: absolute; left: 30px; top: 15px;}
.trigger:after{content: '';position: absolute;top: 0;left: -50px;border-bottom: 2px solid #fff;width: 100%;height: 2px;}
.trigger:before{content: '';position: absolute;bottom: 0;left: -50px;border-bottom: 2px solid #fff;width: 100%;height: 2px;}
	
	
header nav.opens {
    max-width: 1650px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
    height: auto;
    box-sizing: border-box;
    padding: 0 15px;
}
.left-slide h1 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: left;
}	
	
.left-slide div p {
    font-size: 12px;
    text-align: left;
    color: #5D6F77;
    font-weight: 400;
}	
.investor-center-block {
    width: 33.33%;
    float: left;
    min-height: 400px;
    box-sizing: border-box;
    border-right: 1px solid #fff;
    padding: 30px 30px 30px 35px;
}	
	
.share-price-block {
    width: 33.33%;
    float: left;
    min-height: 400px;
    box-sizing: border-box;
    border-right: 1px solid #fff;
    padding: 30px 30px 30px 35px;
}	
	.careers-block {
    width: 65%;
    background: #fff;
    padding: 80px 80px 80px 60px;
    box-sizing: border-box;
    margin-top: 400px;
    margin-bottom: 80px;
}
	
.home-about .about-implats-map {
    width: 50%;
    float: left;
    position: relative;
}	
	
.home-about .about-implats {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 30px 145px 30px 20px;
}	
	
.home-about .about-implats {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 30px 145px 30px 20px;
}	
	
.home-about .about-implats-map {
    width: 100%;
    float: left;
    position: relative;
}	
	
.social-columns {
    width: calc(50% - 10px);
    box-sizing: border-box;
    float: left;
    margin-right: 10px;
    min-height: 850px;
}	
	
	
	
	
	
	
	
	
}

@media screen and (max-width: 991px) {
.main-map {min-height: 436px;}
.zim-map {min-height: 256px;}
.sa-map {min-height: 345px;}
.proposition-banner p {font-size: 30px;  padding: 0 0px;  margin-top: 250px;}

.gallery-banner {min-height: 520px;}
.gallery-banner p {font-size: 25px; padding: 0 0px; margin-top: 160px;}
.custom-select {max-width: 35%;float: none;}
.esg-table-cell {display: inline-block; width: 45%; padding: 0px 30px 0px 0px;}
.contact-banner {min-height: 280px;}
}

@media screen and (max-width: 870px) {
}

@media screen and (max-width: 768px) {
.about-banner {min-height: 530px;}
.about-banner p {font-size: 25px; margin-top: 160px;}
.about-purpose-block {width: 100%; margin-top:40px; margin-bottom:40px; padding:40px 80px 40px 60px;}
.intro-block {display:block; margin-bottom:0px;}
.links-row {display: block;}
.links-box {display: block; width: 100%; margin-bottom:40px}
.box-2 {display: block; width:100%;}
.box-2 .content-block {min-height: 290px;}
.box-2 .content-block h3 {margin-top: 0px;}
.box-2 .content-block p {margin-bottom: 0px;}
.box-3 {display: block; width:100%;}
.box-3 .image-block {margin-top:40px;}
.box-3 .content-block {min-height: 290px; margin-bottom:40px;}
section.grey-bg {padding: 40px 30px;}
section.grey-bg article {padding: 0px 0px;}
.col-50 {float: none; width: 100%;}
.col-50 .img-box img {width: 100%; display: block;}
.col-50 .cont-box {padding:20px 0;}
.col-50:last-of-type .cont-box {border-left: 0px solid #4F78A4;}
.col-50 .cont-box h4 {font-size: 25px;}
.col-50 .cont-box p {max-width: 100%;}

.center-block {margin-bottom: 50px;}
.pgm-world-banner {min-height:530px;}
.pgm-world-banner p {font-size: 30px; margin-top:160px;}
.white-bg article h4 {font-size:20px!important;}
.col-55 {float: none; width: 100%; padding: 0px 0px;}
.col-45 {float: none; width: 100%;padding: 0px 0px;}
.col-55 h4 {font-size:20px!important;}
.col-45 h4 {font-size:20px!important;}
.stories-row .story-block {width: 100%; float: none; margin-right: 0px;}
.story-block .cont-block {border-right: 0px solid #064181; min-height:auto;}
.stories-row .story-block .cont-block h4 {font-size:25px;}

.center-pie {margin:0 auto;}
.stories-row .story-block .cont-block h4 {font-size: 20px;}

.leadeship-tab-list div {width: 100%; padding: 10px; float: none;}
.subnavblock {width: 100%; float:none;}
.subnavcont {width: 100%; float: none;}
.subnavname {padding: 5px 10px; border-bottom: 0px solid #F1F3F4;}
.subnavname.active {text-align: center; border-bottom: 4px dotted #6E91B6; margin-bottom: 15px; font-size: 20px;}
.leadership-img-block {width: 100%;float: none; margin-bottom:30px;} 
.leadership-cont-block {width: 100%; float: none;}
.leadership-cont-block h4 {font-size:20px; margin-bottom:0px;}

.info-block big {font-size: 30px;}
.para-column {width: 100%; margin-top: 0px; float: none; box-sizing: border-box;}
.image-column {width: 100%; margin-top: 0px; float: none; padding-left: 25px;}
.image-column div h4 {margin-top:20px;}
.info-block {width: 100%; float: none; padding: 10px 25px; border-right: 0px solid #ccc;}
.image-column img {display: none;}

.main-map {min-height: 330px;}
.sa-map {min-height: 280px;}
.zim-map {min-height: 200px;}
#canada-trig {left: 2%;top: 75%;}
#zim-trig {left: 8%;top: 75%;}
#sa-trig {left: 14%;top: 75%;}
#marula-trig {top: 10%;}
#refining-trig {top: 28%;}

.custom-select {max-width:40%;}
.links-box ul {width: 100%;}
section.white-bg {padding: 40px 30px;}
.proposition-banner {min-height: 530px;}
.proposition-banner p {font-size: 25px; padding: 0 0px; margin-top: 160px;}
.accolades .esg .center-block {margin-bottom:15px;}

.media-banner {min-height: 520px;}
.media-banner p {font-size: 20px; margin-top: 160px; padding:0px;}
.adr-banner p {margin-top: 230px; font-size:25px; padding:0px;}
.accordion-trigger {font-size: 16px;}
.gallery-container ul {padding-left:0px;}

.esg-banner {min-height: 572px;}
.esg-banner p {margin-top: 160px; font-size:25px;}
.esg-img-block {width: 100%; float: none;}
.esg-story {margin: 15px 0; padding: 15px 0;}
.esg-story-block {width: 100%; float: none; padding: 0px;}
.value-box {margin-top: 50px;}
.value-table {display: block;}
.value-table-cell {display:block;}
.value-table-cell:nth-child(1) {width:100%; padding-right:0%;}
.value-table-cell:nth-child(2) {width:100%;}
.grey-block {padding: 30px;top:0px;}
.esg-table-cell {padding: 0px 20px 0px 0px;}

.environment-banner {min-height: 440px;}
.environment-banner p {font-size: 20px;}
.social-banner {min-height: 440px;}
.social-banner p {font-size: 20px; margin-top: 160px;}
.governance-banner {min-height: 440px;}
.governance-banner p {font-size: 20px; margin-top: 160px;}

footer div:nth-child(1) {width:100%; float:none; text-align:center; margin-bottom:20px;}
footer div:nth-child(2), footer div:nth-child(3), footer div:nth-child(4), footer div:nth-child(5) {width:100%; float:none; margin-bottom:20px; text-align:center;}
footer div h4 {margin-top:20px;}
	
.share-price-block {
    width: 100%;
    float: left;
    min-height: auto;
    box-sizing: border-box;
    border-right: 0px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 30px 30px 30px 35px;
    text-align: center;
}	
	
.investor-center-block {
    width: 100%;
    float: left;
    min-height: auto;
    box-sizing: border-box;
    border-right: 0px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 30px 30px 30px 35px;
    text-align: center;
}	
	
.reports-block {
    width: 100%;
    float: left;
    min-height: 400px;
    box-sizing: border-box;
    border-right: 0px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 30px 30px 30px 35px;
    text-align: center;
}	
	
.slider-container .action-buttons button {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
}	
.left-slide {
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0;
    transition: transform 1.5s ease-in-out;
}	
	
.story-block {
    display: block;
    width: 100%;
    float: left;
}	
.stories {
    display: block;
    flex-direction: unset;
    flex-wrap: unset;
    align-content: unset;
    justify-content: unset;
    align-items: unset;
    float: left;
}	

header nav.opens ul li:nth-of-type(2) {
    position: relative;
    margin-top: 85px;
}	
header nav.opens {
    max-width: 1650px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
    height: auto;
    box-sizing: border-box;
    padding: 1px 15px;
    top: 0;
}	
	
	
	
	
}


@media screen and (max-width: 736px) {
}

@media screen and (max-width: 667px) {
.gradiant-strip p {font-size: 50px;}
.custom-select {max-width:50%; float:none; vertical-align:top;}
.esg {width: 100%;}
.esg .accolades {float: none; width: 100%; margin-right: 0px; padding: 0px 25px 25px 25px;}
.esg .accolades .center-block {margin-bottom:15px;}
.proposition-banner p {font-size: 20px; padding: 0 0px; margin-top: 160px;}
.media-releases-banner p {font-size: 20px;}

.esg-banner p {font-size: 20px;}
button.esg-link {margin-right: 5%;}
}

@media screen and (max-width: 568px) {
.gradiant-strip p {padding-left:30px; font-size:40px;}
.sub-menu-half {float: none; width: 100%;}
.about-purpose-block p {margin-bottom: 15px;}
.about-purpose-block h4 {font-size: 25px; margin-bottom: 20px;}

.implats-in-data .highlight {float: none; width: 100%; margin-right: 0px; padding: 0px; text-align: center;}
.implats-in-data .highlight big {font-size: 50px;}
.implats-in-data .highlight small {font-size: 20px;}

.implats-at-a-glance-banner article > h1 {font-size: 25px; margin-top: 150px;}
.implats-at-a-glance-banner article > h1 + p {font-size: 20px; margin-left: 0px;}

.banner-block h1 {font-size: 25px;}
.leadership-banner {min-height: 530px;}
.leadership-banner p {font-size: 25px; padding: 0 0px; margin-top: 160px;}

.main-map {min-height: 243px;}
.zim-map {min-height: 148px;}
.sa-map {min-height: 215px;}
#canada-trig {left: 2%;top: 75%;}
#zim-trig {left: 10%;top: 75%;}
#sa-trig {left: 18%;top: 75%;}
#zimplats-trig {top: 10%;}
#marula-trig {top: 4%;}
#rustenburg-trig {left: 52%;top: 22%;}

.box-3 .content-block p {padding-bottom: 60px;}
.investors-container .share-price-block h4 {text-align:center;}
.share-half {width: 100%; float: none;}
.share-half:last-of-type {width:100%;}

.delivering-value .value {float: none; width: 100%; margin-right: 0px;}
.delivering-value .value big {font-size: 30px;}
.platinum-1 {width: 100%; float: none; margin-right: 0%;}
.platinum-2 {width: 100%; float: none;}
.palladium-1 {width: 100%; float: none; margin-right: 0%;}
.palladium-2 {width: 100%; float: none;}
.rhodium-1 {width: 100%; float: none; margin-right: 0%;}
.rhodium-1 {width: 100%; float: none;}
.rand-1 {width: 100%; float: none; margin-right: 0%;}
.rand-2 {width: 100%; float: none;}
.margin-50B {margin-bottom: 15px!important;}

.custom-select {max-width: 60%!important;}
.esg-table-cell {display: block; width: 100%; padding: 0px 0px 0px 0px; margin-bottom: 30px;}
}

@media screen and (max-width: 480px) {
	
	
	.careers-block {
    width: 100%;
    background: #fff;
    padding: 80px 80px 80px 60px;
    box-sizing: border-box;
    margin-top: 400px;
    margin-bottom: 80px;
}
.social-columns {
    width: calc(100% - 10px);
    box-sizing: border-box;
    float: left;
    margin-right: 10px;
    min-height: 850px;
}	
	
	.slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px;
}
.left-slide {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0;
    transition: transform 1.5s ease-in-out;
}
	
.left-slide > div {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    align-items: flex-start;
    padding: 0px 80px 0 10px;
    justify-content: center;
    color: #064181;
    background: rgba(255, 255, 255, 0.65);
}	
	
.left-slide h1 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: left;
}	
	
	.slider-container .action-buttons button {
    position: absolute;
    left: 92%;
    top: 50%;
    z-index: 100;
}
	.story-block .cont-block {
    border-right: 0px solid #064181;
    min-height: auto;
    padding-bottom: 46px;
}
	
	
	.careers-block {
    width: 100%;
    background: #fff;
    padding: 80px 80px 80px 60px;
    box-sizing: border-box;
    margin-top: 200px;
    margin-bottom: 80px;
}
	.home-about .about-implats {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 30px 20px 30px 20px;
}
	
	section.careers {
    background: url(../images/careers-bg.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 998;
    padding-bottom: 0px;
    top: -150px;
    margin-bottom: -150px;
}
	
	
	
	
	
	
	
.about-banner p {font-size: 20px;}
.about-purpose-block h4 {font-size: 20px;}
.col-50 .cont-box h4 {font-size: 18px;}

.pgm-world-banner p {font-size: 20px;}
.col-55 h4 {font-size: 20px!important; text-align:left;}
.white-bg article h4 {font-size:20px!important; text-align:left;}
.mm00.sm03 section.white-bg p {font-size: 16px;}

.main-map {min-height: 205px;}
.zim-map {min-height: 125px;}
.sa-map {min-height: 180px;}
#rustenburg-trig {left: 50%; top: 22%;}
#marula-trig {left:56%; top: 0%;}
#two-rivers-trig {left: 62%; top: 5%;}
#refining-trig { left:57%;top: 28%;}

date big {font-size: 50px;}
.investor-news-block a.more-link {margin-right: 0px;}
.media-releases-banner p {margin-top: 160px; padding: 0px;}
.adr-banner {min-height: 520px;}
.adr-banner p {font-size: 18px; margin-top:160px;}

.esg-banner {min-height: 700px;}
button.esg-link {margin-right: 45%;}
}

@media screen and (max-width: 414px) {
.box-2 .content-block {min-height: 290px;}
.custom-select {max-width: 85%!important;}
}

@media screen and (max-width: 375px) {
.gradiant-strip p {font-size:30px;}
.breadcrumb-list li {font-size: 14px; padding: 15px 8px;}
.about-purpose-block h4 {font-size: 17px;}
.box-2 .content-block p {margin-bottom: 50px;}
a.more-link {margin-right:0px;}

.implats-in-data .highlight big {font-size: 35px;}
.implats-in-data .highlight small {font-size: 16px;}

.main-map {min-height: 160px;}
.zim-map {min-height: 98px;}
#canada-trig {left: 2%;top: 65%;}
#zim-trig {left: 12%;top: 65%;}
#sa-trig {left: 22%;top: 65%;}
#zimplats-trig {top: 0%;}

.custom-select {max-width: 92%;}
.row-date {width: 8%; vertical-align: top;}
.box-2 .content-block a {font-size: 14px;}
a.more-link:after {right: 5px;}
.media-releases-banner p {font-size: 18px;}
.esg-banner {min-height: 805px;}
.environment-banner p {font-size: 18px;}
.social-banner p {font-size: 18px;}
.governance-banner p {font-size: 18px;}
	
.left-slide h1 {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: left;
}	
.left-slide div p {
    font-size: 10px;
    text-align: left;
    color: #5D6F77;
    font-weight: 400;
}
.right-slide div img {
    height: 100%;
    width: 100%;

}	
	a.more-link {
   
    font-size: 9px;
    
}
	
p.share {
    font-size: 39px;
   
}
	
p.share-date {
    font-size: 14px;
   
}	
.reports-block .news-row a.more-link {
    font-size: 11px;
    margin-right: 45px;
}
.careers-block {
   
    padding: 80px 20px 80px 20px;
   
}	
	
.careers-block p {
    color: #064181;
    font-size: 13px;
    
}	
.careers-block button a {
   
    font-size: 13px;
}	
	
.careers-block h4 {
   
    font-size: 22px;
    
}	
	
article {
   
    background: #fff;
    min-height: 643px;
    
}	
.social-columns p {
    font-size: 13px;
    font-weight: 400;
    color: #5D6F77;
}	

.home-about .about-implats p.about-highlights span {
    font-size: 17px;
    font-weight: 500;
}	
	
.home-about .about-implats p.about-highlights {
    font-size: 35px;
    font-weight: 600;
}	

.tab-list div.active {
    font-size: 24px;
  
}	
.slider-container {
    
    height: 300px;
}	
	
.story-block .cont-block p {
    font-size: 13px;
   
}	
	
.gradiant-strip p {top: -70px; font-size: 30px; left: 0px;}	
.investor-center-block button.investor-link a {
    display: block;
    color: #A0AAB2;
    position: relative;
    padding-right: 50px;
    font-size: 13px;
}	
	
.investor-center-block p {
    font-size: 13px;
    
}	
.investor-center-block h4 {
    font-size: 22px;
    color: #064181;
    font-weight: 400;
    margin-bottom: 20px;
}	
	
	
	
	
	
	
	
}