@media screen and (max-width:767px) and (min-width:320px){
	#top_banner .text_container{top:20%;}
	.display-1 { font-size: 47px !important; margin-top: 17px;}	
	.display-2 {font-size: 3.5rem;}
	.navbar{padding: 15px 0;position: relative;}
	.logo-img{height: 250px;}
	.navbar-collapse{background-color: #fff;margin-top: 10px;}
	.navbar-collapse ul{width: 100%;padding: 20px;margin-left: 0;margin-bottom: 0!important;}
	.navbar-collapse ul.social_media{display: inline-block;padding: 0 30px;}
	.navbar-collapse ul.social_media li{border-bottom: none !important;}
	.navbar-collapse ul.social_media li.nav-item{padding: 0 15px !important;}
	.navbar-expand-md .navbar-nav li.nav-item{border-bottom: solid 1px #727375; display: block !important;}
	.navbar-expand-md .navbar-nav li.nav-item a{color:#727375; padding: 10px 0 !important;}
	.navbar-expand-md .navbar-nav li.nav-item a i{color:#727375}
	.estmargin{margin-bottom: 30px;}
	.hometitle{font-size: 2rem;line-height: initial;}
	.btn-primary{padding: 10px 20px;}
	.news .card .card-body p.card-text{margin: 20px 0;}
	.news .card{margin: 20px 0 0;}
	.sustainabilityalign{text-align: center;}
	footer ul{margin: 0 0 15px;}
	.socialmediafooter{margin-bottom: 40px;}
	.footericon{margin: 1rem 1.5rem;}
	.content-margin{margin-top: 20px;}
	.bg-trans,.bg-trans-new{width: 100%;}
	.bg-gray-trans{ padding: 10% 4% 0 4%;}
	.esg_framework{height: 700px;max-height: 700px;}
	
	
}
/*
@media screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation : landscape){
	#top_banner .text_container{transform: translateY(200px);}
}
*/
@media screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape){
	.esg_framework,.company_spotlight {height: 500px; max-height: 500px;}
}

@media screen and (max-width:1180px) and (min-width:768px){
	.nav-link{font-size: 16px;}
	.navbar-expand-md .navbar-nav{margin-left: 0;}
	.navbar-expand-md .navbar-nav li.nav-item{padding: 0 15px;}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.navbar-expand-md .navbar-nav li.nav-item{padding: 0px 10px;}
	.display-1 {font-size: 5.1rem;padding-top: 14px;}
	.logo-img{height: 250px;}
	/* #top_banner .text_container{transform: translateY(30px);} */
	.bg-gray-trans { padding: 5% 3% 0 0;}
}

@media screen and (max-width:1024px) and (min-width:668px){
	.company_spotlight,.esg_framework{height: 750px;max-height: 750px;}
	.bg-gray-trans {padding: 8% 8% 8% 3%;}
}
@media screen and (min-device-width: 668px) and (max-device-width: 1024px) and (orientation : landscape){
 .esg_framework { height: 850px;max-height: 850px;}
 .company_spotlight{height: 720px;max-height: 720px;}
}

@media screen and (max-device-width: 812px) and (orientation: landscape) {
	.navbar-expand-md .navbar-nav li.nav-item{padding: 0 10px;font-size: 10px;}
	
}

@media screen and (max-width:1024px) and (min-width:768px){
	.esg_framework {height: 860px; max-height: 860px;}
	.company_spotlight{height: 720px; max-height: 720px;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
   .esg_framework {height: 700px;  max-height: 700px;}
}

@media only screen and (max-width: 1366px){
.nav-link{
font-size: 18px;
}
.navbar-expand-md .navbar-nav li.nav-item{
padding:0 13px !important;
}
}

@media screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation : portrait){
#top_banner .text_container{
margin:0;
}
.text_container .display-1{
font-size: 3.8rem;
}
#top_banner{
height: 100%;
}
.text_container h3{
margin-bottom:40px;
}
}

@media screen and (max-width: 992px) {
#top_banner{
height:100%;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation : landscape){
#top_banner .text_container{
margin:0;
}
.display-1 {
    font-size: 60px !important;
    margin-top: 17px;
}
#top_banner .text_container .float-start img{
 width:400px;
}
.text_container h3{
margin-bottom:40px;
}
}


@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait){
#top_banner{
height:100%;
}
#top_banner .text_container{
margin:0;
}
.text_container h3{
margin-bottom:40px;
}
.navbar-expand-md .navbar-collapse{
display: block;
}
.navbar-expand-md .navbar-nav li.nav-item{
padding:0 10px;
}
.nav-link{
font-size: 15px;
}
.social_media{
margin-top:15px;
}
}

@media screen and (max-width: 1366px) and (min-width: 768px){
.text_container h1{
font-size: 4.3rem !important;
}
#top_banner .text_container{
margin:90px 0;
}
}
/*
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
#top_banner .text_container {
    transform: translateY(-236px);
}
}

@media screen and (max-width:1279px) and (min-width:1025px){
	#top_banner .text_container{transform: translateY(-256px);}
}
@media screen and (max-width:1360px) and (min-width:1280px){
	#top_banner .text_container{transform: translateY(-280px);}
}
*/
@media screen and (max-width: 1280px) and (min-width: 768px){
.navbar-expand-md .navbar-nav li.nav-item {
    padding: 0 8px;
}
}