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


.col-left {
flex-basis: 70%;
padding: 85px 20px 20px 20%;
box-sizing: border-box;
}	
}	



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

.intro {
font-size: 19px;
}	



}		
@media screen and (max-width: 1080px) {	
.home-top-banner h3 {font-size: 40px;}
.col-left { padding: 90px 20px 20px 10%;}	
.home-top-banner {min-height: 86vh;}
.w50 {width: 80%;}	



}	
@media screen and (max-width: 768px) {	
.col-right {width: 90%;}
a.reporting-theme-btn { margin-right: 0;}	
.col-left {padding: 90px 20px 20px 10%;flex-basis: 100%;}	
.w50 {margin-top: 70px;}	
.home-top-banner {
        min-height: 65vh;
}
}	





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

.col-left {
padding: 40px 20px 20px 3%;
flex-basis: 100%;
}
.home-top-banner {
min-height: 70vh;
}

.col-right {
width: 83%;
}
    .w50 {
        width: 100%;
        padding: 30px 30px;
    }


}	



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

.col-left {
padding: 40px 20px 20px 3%;
flex-basis: 100%;
}
.home-top-banner { min-height: 70vh; }

.col-right {width: 83%;}
.home-top-banner h3 {font-size: 32px; }


.col-right {
width: 92%;
}

}


@media screen and (max-width: 480px) {
.col-right {
width: 115%;
}

}



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

	
	
	
}
@media screen and (max-width: 1440px) {					
.nav-list li.subav { font-size: 14px;}	
.col-right { width: 68%;}		
}	
@media screen and (max-width: 1370px) {
.col-left { max-width: 45%;   padding: 70px 0; height: fit-content;}
.sappi-logo { padding: 20px; align-self: center;}	
.col-right { width: 71%;}	
}	
@media screen and (max-width: 1280px) {	
.col-left { max-width: initial; padding: 70px 0; height: fit-content; flex-basis: 100%;}	
.col-right { width: 76%;}	
}
@media screen and (max-width: 1080px) {
.scrollable {
    overflow-x: scroll;
    position: relative;
}
.col-right { width: 78%;}	
.col-65 {
    max-width: 100%;
}	
		
p {
    font-size: 14px;
}	
	
.fin-tbl tr td, .fin-tbl tr th{
    font-size: 14px;
}	
	
	
.list li	{
    font-size: 14px;
}

	
	
	
}


	.menu-trigger {
    display: none;
    position: relative;
    border-bottom: 2px solid #000;
    width: 40px;
    height: 3px;
    top: -20px;
}	
	.menu-trigger:after{content: '';border-bottom: 2px solid #000;width: 100%;left: 0;top: 11px;position: absolute;}	
	.menu-trigger:before{content: '';border-bottom: 2px solid #000;width: 100%;left: 0;top: -5px;position: absolute;}	
	
	.menu-trigger strong{position: absolute;right: -65px;font-size: 20px;font-weight: 400;top: -11px;color: #0952B4;}
	
	
	
	




@media screen and (max-width: 1024px) {
.graph-trigger {
    
    display: none;
}
.downloads-banner-left div {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 20px;
}	
	
	.col-right {
    width: 82%;
}
	
	.menu-trigger {
    display: inline-block !important;
    position: relative;
    border-bottom: 2px solid #000;
    width: 40px;
    height: 3px;
    top: 32px;
    cursor: pointer;
}
	
	
	
	
.nav-list li.subav {flex-basis: 100%;}	
	
.nav-list li.subav { flex-basis: 100%; border-bottom: 1px solid #ccc;}	
.nav-list li.subav ul.sub-nav-list {
    list-style: none;
    position: absolute;
    top: calc(100% + 0px);
    left: 0;
    width: 100%;
    background: #fff;
    padding: 15px;
    z-index: 3;
    box-sizing: border-box;
}	
.nav-list li.subav ul.sub-nav-list li {
    margin: 10px 0;
    text-align: center;
    color: #0057B8;
}
	
ul.nav-list {
    flex-wrap: wrap;
        position: absolute;
        z-index: 999;
        top: 86px;
        background: #fff;
}	
	
.nav-list li.subav {
    font-size: 18px;
}	
	
	
	
	
	
	
	
}
@media screen and (max-width: 980px) {
	.col-right {width: 94%;}	
}
@media screen and (max-width: 768px) {

	
.map-row {
    display: flex;
    flex-wrap: wrap;
}	
	
.map-row .map-cont {
    flex-basis: 100%;
    margin-bottom: 60px;
}	
.map-row .map-img {
    flex-basis: 100%;
    text-align: center;
}	
	

footer .foot li {
    width: 100%;
    padding: 6px 40px;

}	
	
footer .foot {
   
    flex-wrap: wrap;
}	
	
	
	
}
@media screen and (max-width: 736px) {

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

}
@media screen and (max-width: 667px) {
.home-top-banner {
    min-height: 0;
}	
    .col-right {
        width: 94%;
    }
	
.highlights {
    text-align: center;
    max-width: 100%;
    margin: 120px auto;
}	
    ul.nav-list {
        top: 143px;
    }	
}
@media screen and (max-width: 540px) {
.menu-trigger strong {
    position: absolute;
    right: -65px;
    font-size: 20px;
    font-weight: 400;
    top: -11px;
    color: #0952B4;
    display: none;
}	
nav {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}	
.sappi-logo {
    padding: 20px;
    align-self: center;
    width: 100%;
    text-align: center;
}	
	
.menu-list { width: 100%;}	
.menu-trigger { top: 4px;}	

	
.table-row {
    display: block;
}	
	
.col-right {
        width: 114%;
    }	
	
.highlights .row .col-2 .highlight h4 {
    font-size: 27px;
  
}	
    .highlights {
        margin: 30px auto;
    }	
	
	
}
@media screen and (max-width: 480px) {
footer .foot {flex-wrap: wrap;}
    .col-right {
        width: 137%;
    }	
	.leadership {
    background-size: 344%;
    background-position-y: center;
    background-repeat: no-repeat;
}
	
}
@media screen and (max-width: 414px) {

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

}
/* ============================
   TABLET (≤ 1024px)
   ============================ */
@media (max-width: 1024px) {
	.row {
    display: flex;
    flex-wrap: wrap;
}
    .col-75,
    .col-70,
    .col-66,
    .col-60 {
        flex: 0 0 100%;
    }

    .col-50 {
        flex: 0 0 50%;
    }

    .col-40,
    .col-33,
    .col-30,
    .col-25 {
        flex: 0 0 50%;
    }

    .col-20,
    .col-10 {
        flex: 0 0 33.333%;
    }
}


/* ============================
   MOBILE (≤ 768px)
   ============================ */
@media (max-width: 768px) {
    .col-100,
    .col-90,
    .col-80,
    .col-75,
    .col-70,
    .col-66,
    .col-60,
    .col-50,
    .col-40,
    .col-33,
    .col-30,
    .col-25,
    .col-20,
    .col-10 {
        flex: 0 0 100%;
    }
}